├── .DS_Store ├── screenshots ├── dawn.png ├── main.png └── moon.png ├── dist ├── rose-pine-dawn.css ├── rose-pine-main.css ├── rose-pine-moon.css └── userChrome.css ├── LICENSE └── README.md /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rose-pine/zen-browser/HEAD/.DS_Store -------------------------------------------------------------------------------- /screenshots/dawn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rose-pine/zen-browser/HEAD/screenshots/dawn.png -------------------------------------------------------------------------------- /screenshots/main.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rose-pine/zen-browser/HEAD/screenshots/main.png -------------------------------------------------------------------------------- /screenshots/moon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rose-pine/zen-browser/HEAD/screenshots/moon.png -------------------------------------------------------------------------------- /dist/rose-pine-dawn.css: -------------------------------------------------------------------------------- 1 | * { 2 | --base: #faf4ed; 3 | --surface: #fffaf3; 4 | --overlay: #f2e9e1; 5 | --muted: #9893a5; 6 | --subtle: #797593; 7 | --text: #575279; 8 | --love: #b4637a; 9 | --gold: #ea9d34; 10 | --rose: #d7827e; 11 | --pine: #286983; 12 | --foam: #56949f; 13 | --iris: #907aa9; 14 | --highlightLow: #f4ede8; 15 | --highlightMed: #dfdad9; 16 | --highlightHigh: #cecacd; 17 | } 18 | -------------------------------------------------------------------------------- /dist/rose-pine-main.css: -------------------------------------------------------------------------------- 1 | * { 2 | --base: #191724; 3 | --surface: #1f1d2e; 4 | --overlay: #26233a; 5 | --muted: #6e6a86; 6 | --subtle: #908caa; 7 | --text: #e0def4; 8 | --love: #eb6f92; 9 | --gold: #f6c177; 10 | --rose: #ebbcba; 11 | --pine: #31748f; 12 | --foam: #9ccfd8; 13 | --iris: #c4a7e7; 14 | --highlightLow: #21202e; 15 | --highlightMed: #403d52; 16 | --highlightHigh: #524f67; 17 | } 18 | -------------------------------------------------------------------------------- /dist/rose-pine-moon.css: -------------------------------------------------------------------------------- 1 | * { 2 | --base: #232136; 3 | --surface: #2a273f; 4 | --overlay: #393552; 5 | --muted: #6e6a86; 6 | --subtle: #908caa; 7 | --text: #e0def4; 8 | --love: #eb6f92; 9 | --gold: #f6c177; 10 | --rose: #ea9a97; 11 | --pine: #3e8fb0; 12 | --foam: #9ccfd8; 13 | --iris: #c4a7e7; 14 | --highlightLow: #2a283e; 15 | --highlightMed: #44415a; 16 | --highlightHigh: #56526e; 17 | } 18 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2024 GoulvenV, Wiktor Zykubek 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /dist/userChrome.css: -------------------------------------------------------------------------------- 1 | @import "rose-pine-main.css"; 2 | 3 | :root { 4 | --zen-colors-primary: var(--base) !important; 5 | --zen-primary-color: var(--base) !important; 6 | --zen-colors-secondary: var(--surface) !important; 7 | --zen-colors-tertiary: var(--overlay) !important; 8 | --zen-colors-border: var(--iris) !important; 9 | --toolbarbutton-icon-fill: var(--iris) !important; 10 | --lwt-text-color: var(--text) !important; 11 | --toolbar-field-color: var(--text) !important; 12 | --tab-selected-textcolor: var(--iris) !important; 13 | --toolbar-field-focus-color: var(--text) !important; 14 | --toolbar-color: var(--text) !important; 15 | --newtab-text-primary-color: var(--text) !important; 16 | --arrowpanel-color: var(--text) !important; 17 | --arrowpanel-background: var(--overlay) !important; 18 | --sidebar-text-color: var(--text) !important; 19 | --lwt-sidebar-text-color: var(--text) !important; 20 | --lwt-sidebar-background-color: var(--base) !important; 21 | --toolbar-bgcolor: var(--base) !important; 22 | --newtab-background-color: var(--overlay) !important; 23 | --zen-themed-toolbar-bg: var(--base) !important; 24 | --zen-main-browser-background: var(--base) !important; 25 | } 26 | 27 | #permissions-granted-icon { 28 | color: #181825 !important; 29 | } 30 | 31 | .sidebar-placesTree { 32 | background-color: var(--surface) !important; 33 | } 34 | 35 | #zen-workspaces-button { 36 | background-color: var(--surface) !important; 37 | } 38 | 39 | #urlbar-background { 40 | background-color: var(--surface) !important; 41 | } 42 | 43 | .tab-background[selected=""] { 44 | background: var(--overlay) !important; 45 | } 46 | 47 | .content-shortcuts { 48 | background-color: var(--surface) !important; 49 | border-color: #89b4fa !important; 50 | } 51 | 52 | .urlbarView-url { 53 | color: var(--iris) !important; 54 | } 55 | 56 | #zenEditBookmarkPanelFaviconContainer { 57 | background: var(--base) !important; 58 | } 59 | 60 | toolbar .toolbarbutton-1 { 61 | &:not([disabled]) { 62 | &:is([open], [checked]) 63 | > :is( 64 | .toolbarbutton-icon, 65 | .toolbarbutton-text, 66 | .toolbarbutton-badge-stack 67 | ) { 68 | fill: var(--base); 69 | } 70 | } 71 | } 72 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 |

Rosé Pine for Zen Browser

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 | - Copy `dist/` content to your Zen Browser's profile directory. 17 | - Edit first line of `userChrome.css` if you want to change default variant to another. 18 | - Restart your browser. 19 | 20 | ## Gallery 21 | 22 | ![Rosé Pine with Zen Browser](./screenshots/main.png) 23 | ![Rosé Pine Moon with Zen Browser](./screenshots/moon.png) 24 | ![Rosé Pine Dawn with Zen Browser](./screenshots/dawn.png) 25 | 26 | ## Thanks to 27 | 28 | - [Wiktor Zykubek](https://github.com/wzykubek) 29 | - [GoulvenV](https://github.com/feco) 30 | - [Lalit Yalamanchili](https://github.com/lalit64) 31 | --------------------------------------------------------------------------------