|
| 1 | +/* |
| 2 | +name: Catppuccin |
| 3 | +author: Catppuccin |
| 4 | +borders: false |
| 5 | +options: |
| 6 | + flavor: |
| 7 | + name: Flavor |
| 8 | + options: |
| 9 | + latte: Latte |
| 10 | + frappe: Frappé |
| 11 | + macchiato: Macchiato |
| 12 | + mocha: Mocha |
| 13 | + accent: |
| 14 | + name: Accent |
| 15 | + options: |
| 16 | + rosewater: Rosewater |
| 17 | + flamingo: Flamingo |
| 18 | + pink: Pink |
| 19 | + mauve: Mauve |
| 20 | + red: Red |
| 21 | + maroon: Maroon |
| 22 | + peach: Peach |
| 23 | + yellow: Yellow |
| 24 | + green: Green |
| 25 | + teal: Teal |
| 26 | + sky: Sky |
| 27 | + sapphire: Sapphire |
| 28 | + blue: Blue |
| 29 | + lavender: Lavender |
| 30 | +*/ |
| 31 | + |
| 32 | +[theme-flavor="latte"] { |
| 33 | + --color-ui: #eff1f5; |
| 34 | + --color-back: #e6e9ef; |
| 35 | + --color-dark: #dce0e8; |
| 36 | + --color-border: #9ca0b0; |
| 37 | + --color-selected: #bcc0cc; |
| 38 | + --color-elevated: #ccd0da; |
| 39 | + --color-button: #ccd0da; |
| 40 | + --color-bright_ui: #4c4f69; |
| 41 | + --color-frame: #e6e9ef; |
| 42 | + --color-text: #5c5f77; |
| 43 | + --color-light: #4c4f69; |
| 44 | + --color-accent_text: #eff1f5; |
| 45 | + --color-bright_ui_text: #eff1f5; |
| 46 | + --color-subtle_text: #6c6f85; |
| 47 | + --color-grid: #6c6f85; |
| 48 | + --color-wireframe: #6c6f85; |
| 49 | + --color-checkerboard: #bcc0cc; |
| 50 | +} |
| 51 | +[theme-flavor="latte"][theme-accent="rosewater"] { |
| 52 | + --color-accent: #dc8a78; |
| 53 | +} |
| 54 | +[theme-flavor="latte"][theme-accent="flamingo"] { |
| 55 | + --color-accent: #dd7878; |
| 56 | +} |
| 57 | +[theme-flavor="latte"][theme-accent="pink"] { |
| 58 | + --color-accent: #ea76cb; |
| 59 | +} |
| 60 | +[theme-flavor="latte"][theme-accent="mauve"] { |
| 61 | + --color-accent: #8839ef; |
| 62 | +} |
| 63 | +[theme-flavor="latte"][theme-accent="red"] { |
| 64 | + --color-accent: #d20f39; |
| 65 | +} |
| 66 | +[theme-flavor="latte"][theme-accent="maroon"] { |
| 67 | + --color-accent: #e64553; |
| 68 | +} |
| 69 | +[theme-flavor="latte"][theme-accent="peach"] { |
| 70 | + --color-accent: #fe640b; |
| 71 | +} |
| 72 | +[theme-flavor="latte"][theme-accent="yellow"] { |
| 73 | + --color-accent: #df8e1d; |
| 74 | +} |
| 75 | +[theme-flavor="latte"][theme-accent="green"] { |
| 76 | + --color-accent: #40a02b; |
| 77 | +} |
| 78 | +[theme-flavor="latte"][theme-accent="teal"] { |
| 79 | + --color-accent: #179299; |
| 80 | +} |
| 81 | +[theme-flavor="latte"][theme-accent="sky"] { |
| 82 | + --color-accent: #04a5e5; |
| 83 | +} |
| 84 | +[theme-flavor="latte"][theme-accent="sapphire"] { |
| 85 | + --color-accent: #209fb5; |
| 86 | +} |
| 87 | +[theme-flavor="latte"][theme-accent="blue"] { |
| 88 | + --color-accent: #1e66f5; |
| 89 | +} |
| 90 | +[theme-flavor="latte"][theme-accent="lavender"] { |
| 91 | + --color-accent: #7287fd; |
| 92 | +} |
| 93 | + |
| 94 | +[theme-flavor="frappe"] { |
| 95 | + --color-ui: #303446; |
| 96 | + --color-back: #292c3c; |
| 97 | + --color-dark: #232634; |
| 98 | + --color-border: #737994; |
| 99 | + --color-selected: #51576d; |
| 100 | + --color-elevated: #414559; |
| 101 | + --color-button: #414559; |
| 102 | + --color-bright_ui: #c6d0f5; |
| 103 | + --color-frame: #292c3c; |
| 104 | + --color-text: #b5bfe2; |
| 105 | + --color-light: #c6d0f5; |
| 106 | + --color-accent_text: #303446; |
| 107 | + --color-bright_ui_text: #303446; |
| 108 | + --color-subtle_text: #a5adce; |
| 109 | + --color-grid: #a5adce; |
| 110 | + --color-wireframe: #a5adce; |
| 111 | + --color-checkerboard: #51576d; |
| 112 | +} |
| 113 | +[theme-flavor="frappe"][theme-accent="rosewater"] { |
| 114 | + --color-accent: #f2d5cf; |
| 115 | +} |
| 116 | +[theme-flavor="frappe"][theme-accent="flamingo"] { |
| 117 | + --color-accent: #eebebe; |
| 118 | +} |
| 119 | +[theme-flavor="frappe"][theme-accent="pink"] { |
| 120 | + --color-accent: #f4b8e4; |
| 121 | +} |
| 122 | +[theme-flavor="frappe"][theme-accent="mauve"] { |
| 123 | + --color-accent: #ca9ee6; |
| 124 | +} |
| 125 | +[theme-flavor="frappe"][theme-accent="red"] { |
| 126 | + --color-accent: #e78284; |
| 127 | +} |
| 128 | +[theme-flavor="frappe"][theme-accent="maroon"] { |
| 129 | + --color-accent: #ea999c; |
| 130 | +} |
| 131 | +[theme-flavor="frappe"][theme-accent="peach"] { |
| 132 | + --color-accent: #ef9f76; |
| 133 | +} |
| 134 | +[theme-flavor="frappe"][theme-accent="yellow"] { |
| 135 | + --color-accent: #e5c890; |
| 136 | +} |
| 137 | +[theme-flavor="frappe"][theme-accent="green"] { |
| 138 | + --color-accent: #a6d189; |
| 139 | +} |
| 140 | +[theme-flavor="frappe"][theme-accent="teal"] { |
| 141 | + --color-accent: #81c8be; |
| 142 | +} |
| 143 | +[theme-flavor="frappe"][theme-accent="sky"] { |
| 144 | + --color-accent: #99d1db; |
| 145 | +} |
| 146 | +[theme-flavor="frappe"][theme-accent="sapphire"] { |
| 147 | + --color-accent: #85c1dc; |
| 148 | +} |
| 149 | +[theme-flavor="frappe"][theme-accent="blue"] { |
| 150 | + --color-accent: #8caaee; |
| 151 | +} |
| 152 | +[theme-flavor="frappe"][theme-accent="lavender"] { |
| 153 | + --color-accent: #babbf1; |
| 154 | +} |
| 155 | + |
| 156 | +[theme-flavor="macchiato"] { |
| 157 | + --color-ui: #24273a; |
| 158 | + --color-back: #1e2030; |
| 159 | + --color-dark: #181926; |
| 160 | + --color-border: #6e738d; |
| 161 | + --color-selected: #494d64; |
| 162 | + --color-elevated: #363a4f; |
| 163 | + --color-button: #363a4f; |
| 164 | + --color-bright_ui: #cad3f5; |
| 165 | + --color-frame: #1e2030; |
| 166 | + --color-text: #b8c0e0; |
| 167 | + --color-light: #cad3f5; |
| 168 | + --color-accent_text: #24273a; |
| 169 | + --color-bright_ui_text: #24273a; |
| 170 | + --color-subtle_text: #a5adcb; |
| 171 | + --color-grid: #a5adcb; |
| 172 | + --color-wireframe: #a5adcb; |
| 173 | + --color-checkerboard: #494d64; |
| 174 | +} |
| 175 | +[theme-flavor="macchiato"][theme-accent="rosewater"] { |
| 176 | + --color-accent: #f4dbd6; |
| 177 | +} |
| 178 | +[theme-flavor="macchiato"][theme-accent="flamingo"] { |
| 179 | + --color-accent: #f0c6c6; |
| 180 | +} |
| 181 | +[theme-flavor="macchiato"][theme-accent="pink"] { |
| 182 | + --color-accent: #f5bde6; |
| 183 | +} |
| 184 | +[theme-flavor="macchiato"][theme-accent="mauve"] { |
| 185 | + --color-accent: #c6a0f6; |
| 186 | +} |
| 187 | +[theme-flavor="macchiato"][theme-accent="red"] { |
| 188 | + --color-accent: #ed8796; |
| 189 | +} |
| 190 | +[theme-flavor="macchiato"][theme-accent="maroon"] { |
| 191 | + --color-accent: #ee99a0; |
| 192 | +} |
| 193 | +[theme-flavor="macchiato"][theme-accent="peach"] { |
| 194 | + --color-accent: #f5a97f; |
| 195 | +} |
| 196 | +[theme-flavor="macchiato"][theme-accent="yellow"] { |
| 197 | + --color-accent: #eed49f; |
| 198 | +} |
| 199 | +[theme-flavor="macchiato"][theme-accent="green"] { |
| 200 | + --color-accent: #a6da95; |
| 201 | +} |
| 202 | +[theme-flavor="macchiato"][theme-accent="teal"] { |
| 203 | + --color-accent: #8bd5ca; |
| 204 | +} |
| 205 | +[theme-flavor="macchiato"][theme-accent="sky"] { |
| 206 | + --color-accent: #91d7e3; |
| 207 | +} |
| 208 | +[theme-flavor="macchiato"][theme-accent="sapphire"] { |
| 209 | + --color-accent: #7dc4e4; |
| 210 | +} |
| 211 | +[theme-flavor="macchiato"][theme-accent="blue"] { |
| 212 | + --color-accent: #8aadf4; |
| 213 | +} |
| 214 | +[theme-flavor="macchiato"][theme-accent="lavender"] { |
| 215 | + --color-accent: #b7bdf8; |
| 216 | +} |
| 217 | +body, |
| 218 | +[theme-flavor="mocha"] { |
| 219 | + --color-ui: #1e1e2e; |
| 220 | + --color-back: #181825; |
| 221 | + --color-dark: #11111b; |
| 222 | + --color-border: #6c7086; |
| 223 | + --color-selected: #45475a; |
| 224 | + --color-elevated: #313244; |
| 225 | + --color-button: #313244; |
| 226 | + --color-bright_ui: #cdd6f4; |
| 227 | + --color-frame: #181825; |
| 228 | + --color-text: #bac2de; |
| 229 | + --color-light: #cdd6f4; |
| 230 | + --color-accent_text: #1e1e2e; |
| 231 | + --color-bright_ui_text: #1e1e2e; |
| 232 | + --color-subtle_text: #a6adc8; |
| 233 | + --color-grid: #a6adc8; |
| 234 | + --color-wireframe: #a6adc8; |
| 235 | + --color-checkerboard: #45475a; |
| 236 | + --color-accent: #cba6f7; |
| 237 | +} |
| 238 | +[theme-flavor="mocha"][theme-accent="rosewater"] { |
| 239 | + --color-accent: #f5e0dc; |
| 240 | +} |
| 241 | +[theme-flavor="mocha"][theme-accent="flamingo"] { |
| 242 | + --color-accent: #f2cdcd; |
| 243 | +} |
| 244 | +[theme-flavor="mocha"][theme-accent="pink"] { |
| 245 | + --color-accent: #f5c2e7; |
| 246 | +} |
| 247 | +[theme-flavor="mocha"][theme-accent="mauve"] { |
| 248 | + --color-accent: #cba6f7; |
| 249 | +} |
| 250 | +[theme-flavor="mocha"][theme-accent="red"] { |
| 251 | + --color-accent: #f38ba8; |
| 252 | +} |
| 253 | +[theme-flavor="mocha"][theme-accent="maroon"] { |
| 254 | + --color-accent: #eba0ac; |
| 255 | +} |
| 256 | +[theme-flavor="mocha"][theme-accent="peach"] { |
| 257 | + --color-accent: #fab387; |
| 258 | +} |
| 259 | +[theme-flavor="mocha"][theme-accent="yellow"] { |
| 260 | + --color-accent: #f9e2af; |
| 261 | +} |
| 262 | +[theme-flavor="mocha"][theme-accent="green"] { |
| 263 | + --color-accent: #a6e3a1; |
| 264 | +} |
| 265 | +[theme-flavor="mocha"][theme-accent="teal"] { |
| 266 | + --color-accent: #94e2d5; |
| 267 | +} |
| 268 | +[theme-flavor="mocha"][theme-accent="sky"] { |
| 269 | + --color-accent: #89dceb; |
| 270 | +} |
| 271 | +[theme-flavor="mocha"][theme-accent="sapphire"] { |
| 272 | + --color-accent: #74c7ec; |
| 273 | +} |
| 274 | +[theme-flavor="mocha"][theme-accent="blue"] { |
| 275 | + --color-accent: #89b4fa; |
| 276 | +} |
| 277 | +[theme-flavor="mocha"][theme-accent="lavender"] { |
| 278 | + --color-accent: #b4befe; |
| 279 | +} |
0 commit comments