README.md

November 5, 2025 · View on GitHub

Rosé Pine for Waybar

All natural pine, faux fur and a bit of soho vibes for the classy minimalist

Usage

  1. Clone the repo and choose your desired variant e.g. rose-pine-moon.css

  2. Copy it into your waybar config folder e.g. ~/.config/waybar/

  3. Import the variant file at the top of your style.css

    @import "./rose-pine.css";
/* @import "./rose-pine-moon.css"; */
/* @import "./rose-pine-dawn.css"; */

  4. Use the colors in your Waybar style.css.

    * {
  /* reference the color by using @color-name */
  background: @base;
  border: 1px solid @overlay;
}

#memory {
  color: @foam;
}

#temperature {
  color: @rose;
}

🌹 Rosé Pine Rosé Pine

🌙 Rosé Pine Moon Rosé Pine Moon

🌅 Rosé Pine Dawn Rosé Pine Dawn

Thanks to