|
| 1 | +/* ==UserStyle== |
| 2 | +@name NixOS Search Rose Pine |
| 3 | +@namespace github.com/rose-pine/userstyles/styles/nixos-search |
| 4 | +@homepageURL https://github.com/rose-pine/userstyles/tree/main/styles/nixos-search |
| 5 | +@version 1.0.0 |
| 6 | +@updateURL https://github.com/rose-pine/userstyles/raw/main/styles/nixos-search/rose-pine.user.less |
| 7 | +@supportURL https://github.com/rose-pine/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anixos-search |
| 8 | +@description Soothing pastel theme for NixOS Search with Rose Pine palette |
| 9 | +@author JTrenerry |
| 10 | +@license MIT |
| 11 | +
|
| 12 | +@preprocessor less |
| 13 | +@var select lightFlavor "Light Flavor" ["dawn:Rosé Pine Dawn*", "moon:Rosé Pine Moon", "norm:Rosé Pine"] |
| 14 | +@var select darkFlavor "Dark Flavor" ["dawn:Rosé Pine Dawn", "moon:Rosé Pine Moon", "norm:Rosé Pine"] |
| 15 | +@var select accentColor "Accent" ["rose:Rose", "iris:Iris", "pine:Pine", "foam:Foam", "love:Love", "gold:Gold"] |
| 16 | +==/UserStyle== */ |
| 17 | + |
| 18 | +@-moz-document domain("search.nixos.org") { |
| 19 | + #rose-pine(@flavor) { |
| 20 | + @rose: @rose-pine[@@flavor][@rose]; |
| 21 | + @love: @rose-pine[@@flavor][@love]; |
| 22 | + @iris: @rose-pine[@@flavor][@iris]; |
| 23 | + @pine: @rose-pine[@@flavor][@pine]; |
| 24 | + @foam: @rose-pine[@@flavor][@foam]; |
| 25 | + @gold: @rose-pine[@@flavor][@gold]; |
| 26 | + @text: @rose-pine[@@flavor][@text]; |
| 27 | + @muted: @rose-pine[@@flavor][@muted]; |
| 28 | + @subtle: @rose-pine[@@flavor][@subtle]; |
| 29 | + @highHigh: @rose-pine[@@flavor][@highHigh]; |
| 30 | + @highMed: @rose-pine[@@flavor][@highMed]; |
| 31 | + @highLow: @rose-pine[@@flavor][@highLow]; |
| 32 | + @overlay: @rose-pine[@@flavor][@overlay]; |
| 33 | + @surface: @rose-pine[@@flavor][@surface]; |
| 34 | + @base: @rose-pine[@@flavor][@base]; |
| 35 | + @accent: @rose-pine[@@flavor][@@accentColor]; |
| 36 | + |
| 37 | + ::selection { |
| 38 | + background-color: fade(@accent, 30%); |
| 39 | + } |
| 40 | + |
| 41 | + input, |
| 42 | + textarea { |
| 43 | + &::placeholder { |
| 44 | + color: @muted !important; |
| 45 | + } |
| 46 | + } |
| 47 | + |
| 48 | + --background-color: @base; |
| 49 | + --badge-background: @overlay; |
| 50 | + --button-active-background: @overlay; |
| 51 | + --button-active-hover-background: @overlay; |
| 52 | + --button-background: @surface; |
| 53 | + --button-hover-background: @overlay; |
| 54 | + --color-active-hover-tab: @surface; |
| 55 | + --color-active-tab: @base; |
| 56 | + --color-hover-tab: @surface; |
| 57 | + --headerbar-background-color: @overlay; //change |
| 58 | + --hover-background: @base; |
| 59 | + --link-color: @accent; |
| 60 | + --info-label-background: @overlay; |
| 61 | + --dark-blue: @accent; |
| 62 | + --light-blue: @accent; |
| 63 | + --line-color: @base; |
| 64 | + --search-result-short-details-color: @muted; |
| 65 | + --search-result-divider-line-color: @overlay; |
| 66 | + --search-result-title-color: @accent; |
| 67 | + --search-sidebar-link-color: @text; |
| 68 | + --search-sidebar-selected-link-background: @overlay; |
| 69 | + --search-sidebar-selected-link-color: @accent; |
| 70 | + --terminal-background: @overlay; |
| 71 | + --terminal-color: @accent; |
| 72 | + --text-color: @text; |
| 73 | + --text-color-light: @text; |
| 74 | + --text-color-warning: @love; |
| 75 | + |
| 76 | + .label, |
| 77 | + .badge { |
| 78 | + color: @text; |
| 79 | + } |
| 80 | + |
| 81 | + a:hover, |
| 82 | + a:focus { |
| 83 | + color: @text; |
| 84 | + } |
| 85 | + } |
| 86 | + |
| 87 | + :root { |
| 88 | + @media (prefers-color-scheme: light) { |
| 89 | + #rose-pine(@lightFlavor); |
| 90 | + } |
| 91 | + @media (prefers-color-scheme: dark) { |
| 92 | + #rose-pine(@darkFlavor); |
| 93 | + } |
| 94 | + } |
| 95 | + |
| 96 | + @rose-pine: { |
| 97 | + @dawn: { |
| 98 | + @rose: #d7827e; |
| 99 | + @love: #b4637a; |
| 100 | + @iris: #907aa9; |
| 101 | + @pine: #286983; |
| 102 | + @foam: #56949f; |
| 103 | + @gold: #ea9d34; |
| 104 | + @text: #575279; |
| 105 | + @subtle: #797593; |
| 106 | + @muted: #9893a5; |
| 107 | + @base: #faf4ed; |
| 108 | + @surface: #b2a8b5; |
| 109 | + @overlay: #c5c3ce; |
| 110 | + @highLow: #d9d7e0; |
| 111 | + @highMed: #e0def4; |
| 112 | + @highHigh: #e5e3f1; |
| 113 | + }; |
| 114 | + |
| 115 | + @norm: { |
| 116 | + @rose: #ebbcba; |
| 117 | + @love: #eb6f92; |
| 118 | + @iris: #c4a7e7; |
| 119 | + @pine: #31748f; |
| 120 | + @foam: #9ccfd8; |
| 121 | + @gold: #f6c177; |
| 122 | + @text: #e0def4; |
| 123 | + @subtle: #908caa; |
| 124 | + @muted: #6e6a86; |
| 125 | + @base: #191724; |
| 126 | + @surface: #1f1d2e; |
| 127 | + @overlay: #26233a; |
| 128 | + @highLow: #21202e; |
| 129 | + @highMed: #403d52; |
| 130 | + @highHigh: #524f67; |
| 131 | + }; |
| 132 | + @moon: { |
| 133 | + @rose: #ea9a97; |
| 134 | + @love: #eb6f92; |
| 135 | + @iris: #c4a7e7; |
| 136 | + @pine: #3e8fb0; |
| 137 | + @foam: #9ccfd8; |
| 138 | + @gold: #f6c177; |
| 139 | + @text: #e0def4; |
| 140 | + @subtle: #908caa; |
| 141 | + @muted: #6e6a86; |
| 142 | + @base: #232136; |
| 143 | + @surface: #2a273f; |
| 144 | + @overlay: #393552; |
| 145 | + @highLow: #2a283e; |
| 146 | + @highMed: #44415a; |
| 147 | + @highHigh: #56526e; |
| 148 | + }; |
| 149 | + }; |
| 150 | +} |
0 commit comments