https://github.com/rose-pine/waybar

Soho vibes for Waybar
https://github.com/rose-pine/waybar

color-palette theme

Last synced: 9 months ago
JSON representation

Soho vibes for Waybar

• Host: GitHub
• URL: https://github.com/rose-pine/waybar
• Owner: rose-pine
• Created: 2023-08-20T09:54:48.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-23T02:33:04.000Z (over 2 years ago)
• Last Synced: 2025-04-11T23:46:53.894Z (9 months ago)
• Topics: color-palette, theme
• Language: CSS
• Homepage:
• Size: 103 KB
• Stars: 29
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          


    

    
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`

   ```css

   @import "./rose-pine.css";

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

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

   ```

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

   ```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](https://github.com/DankChoir/waybar-rosepine/assets/79992320/0bffd12b-48b3-44d1-bb61-d59363abf605)

**🌙 Rosé Pine Moon**

![Rosé Pine Moon](https://github.com/DankChoir/waybar-rosepine/assets/79992320/4f0b0613-b3bf-4dbe-8088-e0411a8e9e2b)

**🌅 Rosé Pine Dawn**

![Rosé Pine Dawn](https://github.com/DankChoir/waybar-rosepine/assets/79992320/d72a649e-7fdc-45a9-b127-f1ed818d1079)

## Thanks to

- [Danko Fox](https://github.com/DankChoir)