feat: replace asuka theme with new rosebud theme

client/app/styles/themes.css.ts

@@ -1,26 +1,24 @@
-import { globalStyle } from "@vanilla-extract/css"
+import { globalStyle } from "@vanilla-extract/css";
-import { themeVars } from "./vars.css"
+import { themeVars } from "./vars.css";
 
 export type Theme = {
-    bg: string
+  bg: string;
-    bgSecondary: string
+  bgSecondary: string;
-    bgTertiary: string
+  bgTertiary: string;
-    fg: string
+  fg: string;
-    fgSecondary: string
+  fgSecondary: string;
-    fgTertiary: string
+  fgTertiary: string;
-    primary: string
+  primary: string;
-    primaryDim: string
+  primaryDim: string;
-    accent: string
+  accent: string;
-    accentDim: string
+  accentDim: string;
-    error: string
+  error: string;
-    warning: string
+  warning: string;
-    info: string
+  info: string;
-    success: string
+  success: string;
-}
+};
 
-export const THEME_KEYS = [
+export const THEME_KEYS = ["--color"];
-    '--color'
-]
 
 export const themes: Record<string, Theme> = {
   yuu: {
@@ -151,21 +149,21 @@ export const themes: Record<string, Theme> = {
     success: "#28A745",
     info: "#17A2B8",
   },
-    asuka: {
+  rosebud: {
-        bg: "#3B1212",
+    bg: "#260d19",
-        bgSecondary: "#471B1B",
+    bgSecondary: "#3A1325",
-        bgTertiary: "#020202",
+    bgTertiary: "#45182D",
-        fg: "#F1E9E6",
+    fg: "#F3CAD8",
-        fgSecondary: "#CCB6AE",
+    fgSecondary: "#C88B99",
-        fgTertiary: "#9F8176",
+    fgTertiary: "#B2677D",
-        primary: "#F1E9E6",
+    primary: "#d76fa2",
-        primaryDim: "#CCB6AE",
+    primaryDim: "#b06687",
-        accent: "#41CE41",
+    accent: "#e79cb8",
-        accentDim: "#3BA03B",
+    accentDim: "#c27d8c",
-        error: "#DC143C",
+    error: "#e84b73",
-        warning: "#FFD700",
+    warning: "#f2b38c",
-        success: "#32CD32",
+    success: "#6FC4A6",
-        info: "#1E90FF",
+    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,
-        }
+    },
-    })
+  });
-})
+});