gabehf/Koito
1
0
Fork 0
mirror of https://github.com/gabehf/Koito.git synced 2026-03-07 21:48:18 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: replace asuka theme with new rosebud theme

Browse source
This commit is contained in:
Gabe Farrell 2025-11-30 19:14:34 -05:00
parent 20bc343fd8
commit 682e543aa5
1 changed files with 234 additions and 236 deletions
Download patch file Download diff file Expand all files Collapse all files

80
client/app/styles/themes.css.ts
View file

@ -1,26 +1,24 @@
import { globalStyle } from "@vanilla-extract/css"
import { themeVars } from "./vars.css"
import { globalStyle } from "@vanilla-extract/css";
import { themeVars } from "./vars.css";
export type Theme = {
bg: string
bgSecondary: string
bgTertiary: string
fg: string
fgSecondary: string
fgTertiary: string
primary: string
primaryDim: string
accent: string
accentDim: string
error: string
warning: string
info: string
success: string
}
bg: string;
bgSecondary: string;
bgTertiary: string;
fg: string;
fgSecondary: string;
fgTertiary: string;
primary: string;
primaryDim: string;
accent: string;
accentDim: string;
error: string;
warning: string;
info: string;
success: string;
};
export const THEME_KEYS = [
'--color'
]
export const THEME_KEYS = ["--color"];
export const themes: Record<string, Theme> = {
yuu: {
@ -151,21 +149,21 @@ export const themes: Record<string, Theme> = {
success: "#28A745",
info: "#17A2B8",
},
asuka: {
bg: "#3B1212",
bgSecondary: "#471B1B",
bgTertiary: "#020202",
fg: "#F1E9E6",
fgSecondary: "#CCB6AE",
fgTertiary: "#9F8176",
primary: "#F1E9E6",
primaryDim: "#CCB6AE",
accent: "#41CE41",
accentDim: "#3BA03B",
error: "#DC143C",
warning: "#FFD700",
success: "#32CD32",
info: "#1E90FF",
rosebud: {
bg: "#260d19",
bgSecondary: "#3A1325",
bgTertiary: "#45182D",
fg: "#F3CAD8",
fgSecondary: "#C88B99",
fgTertiary: "#B2677D",
primary: "#d76fa2",
primaryDim: "#b06687",
accent: "#e79cb8",
accentDim: "#c27d8c",
error: "#e84b73",
warning: "#f2b38c",
success: "#6FC4A6",
info: "#6BAEDC",
},
urim: {
bg: "#101713",
@ -214,13 +212,13 @@ export const themes: Record<string, Theme> = {
warning: "#FFC107",
success: "#28A745",
info: "#17A2B8",
}
},
};
export default themes
export default themes;
Object.entries(themes).forEach(([name, theme]) => {
const selector = `[data-theme="${name}"]`
const selector = `[data-theme="${name}"]`;
globalStyle(selector, {
vars: {
@ -238,6 +236,6 @@ Object.entries(themes).forEach(([name, theme]) => {
[themeVars.warning]: theme.warning,
[themeVars.success]: theme.success,
[themeVars.info]: theme.info,
}
})
})
},
});
});