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;
   }

Gallery

🌹 Rosé Pine

🌙 Rosé Pine Moon

🌅 Rosé Pine Dawn

Thanks to

• Danko Fox