mirror of
https://github.com/timmypidashev/web.git
synced 2026-04-14 02:53:51 +00:00
95 lines
3.1 KiB
TypeScript
95 lines
3.1 KiB
TypeScript
import type { Theme, ThemeFamily } from "../types";
|
|
|
|
// Catppuccin — warm pastel palette. Each flavor has its own accent colors.
|
|
|
|
const mocha: Theme = {
|
|
id: "catppuccin-mocha",
|
|
family: "catppuccin",
|
|
label: "mocha",
|
|
name: "Catppuccin Mocha",
|
|
type: "dark",
|
|
colors: {
|
|
background: "30 30 46",
|
|
foreground: "205 214 244",
|
|
red: "243 139 168", redBright: "246 166 190",
|
|
orange: "250 179 135", orangeBright: "252 200 170",
|
|
green: "166 227 161", greenBright: "190 236 186",
|
|
yellow: "249 226 175", yellowBright: "251 235 200",
|
|
blue: "137 180 250", blueBright: "172 202 251",
|
|
purple: "203 166 247", purpleBright: "220 192 249",
|
|
aqua: "148 226 213", aquaBright: "180 236 228",
|
|
surface: "49 50 68",
|
|
},
|
|
canvasPalette: [[243,139,168],[166,227,161],[249,226,175],[137,180,250],[203,166,247],[148,226,213]],
|
|
};
|
|
|
|
const macchiato: Theme = {
|
|
id: "catppuccin-macchiato",
|
|
family: "catppuccin",
|
|
label: "macchiato",
|
|
name: "Catppuccin Macchiato",
|
|
type: "dark",
|
|
colors: {
|
|
background: "36 39 58",
|
|
foreground: "202 211 245",
|
|
red: "237 135 150", redBright: "242 167 180",
|
|
orange: "245 169 127", orangeBright: "248 192 165",
|
|
green: "166 218 149", greenBright: "190 232 180",
|
|
yellow: "238 212 159", yellowBright: "243 226 190",
|
|
blue: "138 173 244", blueBright: "170 198 247",
|
|
purple: "198 160 246", purpleBright: "218 190 249",
|
|
aqua: "139 213 202", aquaBright: "175 228 220",
|
|
surface: "54 58 79",
|
|
},
|
|
canvasPalette: [[237,135,150],[166,218,149],[238,212,159],[138,173,244],[198,160,246],[139,213,202]],
|
|
};
|
|
|
|
const frappe: Theme = {
|
|
id: "catppuccin-frappe",
|
|
family: "catppuccin",
|
|
label: "frappé",
|
|
name: "Catppuccin Frappé",
|
|
type: "dark",
|
|
colors: {
|
|
background: "48 52 70",
|
|
foreground: "198 208 245",
|
|
red: "231 130 132", redBright: "238 160 162",
|
|
orange: "239 159 118", orangeBright: "244 185 158",
|
|
green: "166 209 137", greenBright: "190 222 172",
|
|
yellow: "229 200 144", yellowBright: "237 216 178",
|
|
blue: "140 170 238", blueBright: "172 196 242",
|
|
purple: "202 158 230", purpleBright: "218 186 238",
|
|
aqua: "129 200 190", aquaBright: "168 216 208",
|
|
surface: "65 69 89",
|
|
},
|
|
canvasPalette: [[231,130,132],[166,209,137],[229,200,144],[140,170,238],[202,158,230],[129,200,190]],
|
|
};
|
|
|
|
const latte: Theme = {
|
|
id: "catppuccin-latte",
|
|
family: "catppuccin",
|
|
label: "latte",
|
|
name: "Catppuccin Latte",
|
|
type: "light",
|
|
colors: {
|
|
background: "239 241 245",
|
|
foreground: "76 79 105",
|
|
red: "210 15 57", redBright: "228 50 82",
|
|
orange: "254 100 11", orangeBright: "254 135 60",
|
|
green: "64 160 43", greenBright: "85 180 65",
|
|
yellow: "223 142 29", yellowBright: "236 170 60",
|
|
blue: "30 102 245", blueBright: "70 130 248",
|
|
purple: "136 57 239", purpleBright: "162 95 244",
|
|
aqua: "23 146 153", aquaBright: "55 168 175",
|
|
surface: "204 208 218",
|
|
},
|
|
canvasPalette: [[210,15,57],[64,160,43],[223,142,29],[30,102,245],[136,57,239],[23,146,153]],
|
|
};
|
|
|
|
export const catppuccin: ThemeFamily = {
|
|
id: "catppuccin",
|
|
name: "Catppuccin",
|
|
themes: [mocha, macchiato, frappe, latte],
|
|
default: "catppuccin-mocha",
|
|
};
|