├── assets
├── dark.png
├── dawn.png
└── moon.png
├── dawn.css
├── moon.css
├── readme.md
└── rosepine.css
/assets/dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rose-pine/slack/45f34ce36657e0e0f7c5bc16e4657afdcec8a572/assets/dark.png
--------------------------------------------------------------------------------
/assets/dawn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rose-pine/slack/45f34ce36657e0e0f7c5bc16e4657afdcec8a572/assets/dawn.png
--------------------------------------------------------------------------------
/assets/moon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rose-pine/slack/45f34ce36657e0e0f7c5bc16e4657afdcec8a572/assets/moon.png
--------------------------------------------------------------------------------
/dawn.css:
--------------------------------------------------------------------------------
1 | .p-workspace,
2 | .p-workspace__primary_view,
3 | .p-workspace__primary_view_contents,
4 | .p-workspace__secondary_view,
5 | .p-workspace__tiles,
6 | .p-message_pane_input,
7 | .p-workspace__primary_view,
8 | .p-workspace__primary_view_contents,
9 | .p-file_drag_drop__container
10 | {
11 | background-color: #fffaf3 !important;
12 | }
13 |
14 | .sk-client-theme--light {
15 | --sk_primary_background: #fffaf3;
16 | }
17 |
18 | .c-basic_container__body,
19 | .c-message_kit__hover:hover {
20 | background: #f2e9de !important;
21 | }
22 |
--------------------------------------------------------------------------------
/moon.css:
--------------------------------------------------------------------------------
1 | .p-workspace,
2 | .p-workspace__primary_view,
3 | .p-workspace__primary_view_contents,
4 | .p-workspace__secondary_view,
5 | .p-workspace__tiles,
6 | .p-message_pane_input,
7 | .p-workspace__primary_view,
8 | .p-workspace__primary_view_contents,
9 | .p-file_drag_drop__container
10 | {
11 | background-color: #2a273f !important;
12 | }
13 |
14 | .sk-client-theme--dark {
15 | --sk_primary_background: #2a273f;
16 | }
17 |
18 | .c-basic_container__body,
19 | .c-message_kit__hover:hover {
20 | background: #393552 !important;
21 | }
22 |
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 |
2 | 
3 |
Rosé Pine for Slack
4 |
5 |
6 | All natural pine, faux fur and a bit of soho vibes for the classy minimalist
7 |
8 |
9 |
10 | 
11 |
12 |
13 |
14 | ## Usage
15 |
16 | 1. Open Slack
17 | 2. In `Preferences`, go to `Themes` > `Create a custom theme`
18 | 3. Copy and paste one of the themes below into `Custom theme`
19 | 4. If you want to change the background of the main area, you can use a [CSS injector](https://github.com/openark/custom-slack-css) to add the contents of `rosepine.css`, `moon.css`, or `dawn.css`. For `rosepine.css` and `moon.css`, you'll need to be in dark mode, while for `dawn.css`, you'll need to be in light mode.
20 |
21 | **Rosé Pine**
22 |
23 | ```
24 | #191724,#191724,#2a2837,#9ccfd8,#211f2d,#e0def4,#f6c177,#31748f,#191724,#c4a7e7
25 | ```
26 |
27 | **Rosé Pine Moon**
28 |
29 | ```
30 | #232136,#232136,#312f44,#9ccfd8,#2a283d,#e0def4,#f6c177,#3e8fb0,#232136,#c4a7e7
31 | ```
32 |
33 | **Rosé Pine Dawn**
34 |
35 | ```
36 | #faf4ed,#faf4ed,#eee9e6,#56949f,#f2ede9,#575279,#ea9d34,#286983,#faf4ed,#907aa9
37 | ```
38 |
39 | ## Gallery
40 |
41 | **Rosé Pine**
42 |
43 | 
44 |
45 | **Rosé Pine Moon**
46 |
47 | 
48 |
49 | **Rosé Pine Dawn**
50 |
51 | 
52 |
53 | ## Thanks to
54 |
55 | - [fvrests](https://github.com/fvrests)
56 | - [thatonecalculator](https://t1c.dev)
57 |
--------------------------------------------------------------------------------
/rosepine.css:
--------------------------------------------------------------------------------
1 | .p-workspace,
2 | .p-workspace__primary_view,
3 | .p-workspace__primary_view_contents,
4 | .p-workspace__secondary_view,
5 | .p-workspace__tiles,
6 | .p-message_pane_input,
7 | .p-workspace__primary_view,
8 | .p-workspace__primary_view_contents,
9 | .p-file_drag_drop__container
10 | {
11 | background-color: #1f1d2e !important;
12 | }
13 |
14 | .sk-client-theme--dark {
15 | --sk_primary_background: #1f1d2e;
16 | }
17 |
18 | .c-basic_container__body,
19 | .c-message_kit__hover:hover {
20 | background: #26233a !important;
21 | }
22 |
--------------------------------------------------------------------------------