mirror of
https://github.com/timmypidashev/web.git
synced 2026-04-14 19:13:51 +00:00
75 lines
2.4 KiB
TypeScript
75 lines
2.4 KiB
TypeScript
import type { Theme, ThemeFamily } from "../types";
|
|
|
|
// Rosé Pine — soft muted palette inspired by the natural world.
|
|
// Only 6 accent hues; aqua is derived between pine and foam.
|
|
|
|
const main: Theme = {
|
|
id: "rosepine-main",
|
|
family: "rosepine",
|
|
label: "main",
|
|
name: "Rosé Pine",
|
|
type: "dark",
|
|
colors: {
|
|
background: "25 23 36",
|
|
foreground: "224 222 244",
|
|
red: "235 111 146", redBright: "241 145 174",
|
|
orange: "235 188 186", orangeBright: "240 208 206",
|
|
green: "49 116 143", greenBright: "78 140 165",
|
|
yellow: "246 193 119", yellowBright: "249 212 160",
|
|
blue: "156 207 216", blueBright: "180 222 229",
|
|
purple: "196 167 231", purpleBright: "214 190 239",
|
|
aqua: "100 170 185", aquaBright: "135 192 205",
|
|
surface: "38 35 58",
|
|
},
|
|
canvasPalette: [[235,111,146],[49,116,143],[246,193,119],[156,207,216],[196,167,231],[235,188,186]],
|
|
};
|
|
|
|
const moon: Theme = {
|
|
id: "rosepine-moon",
|
|
family: "rosepine",
|
|
label: "moon",
|
|
name: "Rosé Pine Moon",
|
|
type: "dark",
|
|
colors: {
|
|
background: "35 33 54",
|
|
foreground: "224 222 244",
|
|
red: "235 111 146", redBright: "241 145 174",
|
|
orange: "234 154 151", orangeBright: "241 186 184",
|
|
green: "62 143 176", greenBright: "90 165 195",
|
|
yellow: "246 193 119", yellowBright: "249 212 160",
|
|
blue: "156 207 216", blueBright: "180 222 229",
|
|
purple: "196 167 231", purpleBright: "214 190 239",
|
|
aqua: "110 178 196", aquaBright: "140 196 210",
|
|
surface: "57 53 82",
|
|
},
|
|
canvasPalette: [[235,111,146],[62,143,176],[246,193,119],[156,207,216],[196,167,231],[234,154,151]],
|
|
};
|
|
|
|
const dawn: Theme = {
|
|
id: "rosepine-dawn",
|
|
family: "rosepine",
|
|
label: "dawn",
|
|
name: "Rosé Pine Dawn",
|
|
type: "light",
|
|
colors: {
|
|
background: "250 244 237",
|
|
foreground: "87 82 121",
|
|
red: "180 99 122", redBright: "200 120 142",
|
|
orange: "215 130 126", orangeBright: "230 155 152",
|
|
green: "40 105 131", greenBright: "60 125 150",
|
|
yellow: "234 157 52", yellowBright: "242 180 85",
|
|
blue: "86 148 159", blueBright: "110 168 178",
|
|
purple: "144 122 169", purpleBright: "168 148 188",
|
|
aqua: "62 128 146", aquaBright: "85 150 165",
|
|
surface: "242 233 225",
|
|
},
|
|
canvasPalette: [[180,99,122],[40,105,131],[234,157,52],[86,148,159],[144,122,169],[215,130,126]],
|
|
};
|
|
|
|
export const rosepine: ThemeFamily = {
|
|
id: "rosepine",
|
|
name: "Rosé Pine",
|
|
themes: [main, moon, dawn],
|
|
default: "rosepine-main",
|
|
};
|