@rynt/sdk 0.9.53

package/src/shared/themes/index.ts

@@ -0,0 +1,23 @@
+import THEME_BASE from './theme-tokens.json';
+import THEME_PINK from './theme-tokens-pink.json';
+import THEME_BLACK from './theme-tokens-black.json';
+import THEME_CLASSIC from './theme-tokens-classic.json';
+import type { ThemeDefinition } from './types';
+export type {
+  ThemeDefinition,
+  ThemeTokens,
+  ThemeVariant,
+  ThemeRadiusScale,
+  ThemeRadius,
+} from './types';
+export const THEMES: Record<string, ThemeDefinition> = {
+  base: THEME_BASE,
+  pink: THEME_PINK,
+  black: THEME_BLACK,
+  classic: THEME_CLASSIC,
+};
+
+export const THEME_BASE_DEFINITION = THEMES.base;
+export const THEME_PINK_DEFINITION = THEMES.pink;
+export const THEME_BLACK_DEFINITION = THEMES.black;
+export const THEME_CLASSIC_DEFINITION = THEMES.classic;

package/src/shared/themes/theme-tokens-black.json

@@ -0,0 +1,126 @@
+{
+  "variants": {
+    "light": {
+      "--font-size": "16px",
+      "--background": "#14161c",
+      "--foreground": "#f5f5f5",
+      "--card": "rgba(38, 41, 48, 0.48)",
+      "--card-foreground": "#f5f5f5",
+      "--popover": "#20242d",
+      "--popover-foreground": "#f5f5f5",
+      "--primary": "#2b303b",
+      "--primary-hover": "#1d2129",
+      "--primary-foreground": "#ffffff",
+      "--secondary": "#1b1f27",
+      "--secondary-foreground": "#f5f5f5",
+      "--muted": "#171b22",
+      "--muted-foreground": "#7b808a",
+      "--subtle-fg": "#5e6572",
+      "--accent": "#2b303b",
+      "--accent-foreground": "#ffffff",
+      "--destructive": "#ed4245",
+      "--destructive-foreground": "#ffffff",
+      "--destructive-soft": "#c81e2a",
+      "--success": "#43b581",
+      "--warning": "#faa61a",
+      "--warning-foreground": "#1f1a14",
+      "--accent-secondary": "#bdbdbd",
+      "--border": "rgba(255, 255, 255, 0.06)",
+      "--border-strong": "rgba(255, 255, 255, 0.12)",
+      "--input": "rgba(255, 255, 255, 0.06)",
+      "--input-background": "#1b1f27",
+      "--surface-raised": "#232833",
+      "--surface-overlay": "rgba(38, 41, 48, 0.48)",
+      "--surface-solid": "#181c24",
+      "--surface-list": "#151920",
+      "--surface-list-hover": "#20242d",
+      "--switch-background": "#2b303b",
+      "--font-weight-medium": "600",
+      "--font-weight-semibold": "600",
+      "--font-weight-normal": "400",
+      "--ring": "#3a404d",
+      "--sidebar": "#1b1f27",
+      "--sidebar-foreground": "#f5f5f5",
+      "--sidebar-primary": "#2b303b",
+      "--sidebar-primary-foreground": "#ffffff",
+      "--sidebar-accent": "#1b1f27",
+      "--sidebar-accent-foreground": "#f5f5f5",
+      "--sidebar-border": "rgba(255, 255, 255, 0.06)",
+      "--sidebar-ring": "#3a404d",
+      "--app-grid-line": "rgba(255, 255, 255, 0.05)",
+      "--scrollbar-thumb": "rgba(255, 255, 255, 0.14)",
+      "--scrollbar-thumb-hover": "rgba(255, 255, 255, 0.22)"
+    },
+    "dark": {
+      "--font-size": "16px",
+      "--background": "#0b0d12",
+      "--foreground": "#e8e8e8",
+      "--card": "rgba(20, 22, 28, 0.48)",
+      "--card-foreground": "#e8e8e8",
+      "--popover": "#12151b",
+      "--popover-foreground": "#e8e8e8",
+      "--primary": "#2b303b",
+      "--primary-hover": "#1d2129",
+      "--primary-foreground": "#ffffff",
+      "--secondary": "#181c23",
+      "--secondary-foreground": "#e8e8e8",
+      "--muted": "#12151b",
+      "--muted-foreground": "#8a8f98",
+      "--subtle-fg": "#646c78",
+      "--accent": "#2b303b",
+      "--accent-foreground": "#ffffff",
+      "--destructive": "#ed4245",
+      "--destructive-foreground": "#ffffff",
+      "--destructive-soft": "#f0a5a6",
+      "--success": "#43b581",
+      "--warning": "#faa61a",
+      "--warning-foreground": "#1f1a14",
+      "--accent-secondary": "#363c49",
+      "--border": "rgba(255, 255, 255, 0.05)",
+      "--border-strong": "rgba(255, 255, 255, 0.10)",
+      "--input": "rgba(255, 255, 255, 0.05)",
+      "--input-background": "#181c23",
+      "--surface-raised": "#171b22",
+      "--surface-overlay": "rgba(20, 22, 28, 0.48)",
+      "--surface-solid": "#12151b",
+      "--surface-list": "#0f1217",
+      "--surface-list-hover": "#171b22",
+      "--switch-background": "#363c49",
+      "--font-weight-medium": "600",
+      "--font-weight-semibold": "600",
+      "--font-weight-normal": "400",
+      "--ring": "#3a404d",
+      "--sidebar": "#181c23",
+      "--sidebar-foreground": "#e8e8e8",
+      "--sidebar-primary": "#2b303b",
+      "--sidebar-primary-foreground": "#ffffff",
+      "--sidebar-accent": "#181c23",
+      "--sidebar-accent-foreground": "#e8e8e8",
+      "--sidebar-border": "rgba(255, 255, 255, 0.05)",
+      "--sidebar-ring": "#3a404d",
+      "--app-grid-line": "rgba(255, 255, 255, 0.04)",
+      "--scrollbar-thumb": "rgba(255, 255, 255, 0.10)",
+      "--scrollbar-thumb-hover": "rgba(255, 255, 255, 0.18)"
+    }
+  },
+  "radiusScales": {
+    "none": {
+      "--radius-ui-sm": "0px",
+      "--radius-ui-md": "0px",
+      "--radius-ui-lg": "0px",
+      "--radius-ui-xl": "0px"
+    },
+    "standard": {
+      "--radius-ui-sm": "1px",
+      "--radius-ui-md": "2px",
+      "--radius-ui-lg": "4px",
+      "--radius-ui-xl": "6px"
+    },
+    "medium": {
+      "--radius-ui-sm": "2px",
+      "--radius-ui-md": "4px",
+      "--radius-ui-lg": "8px",
+      "--radius-ui-xl": "12px"
+    }
+  }
+}

package/src/shared/themes/theme-tokens-classic.json

@@ -0,0 +1,126 @@
+{
+  "variants": {
+    "light": {
+      "--font-size": "16px",
+      "--background": "#14161c",
+      "--foreground": "#f5f5f5",
+      "--card": "rgba(38, 41, 48, 0.48)",
+      "--card-foreground": "#f5f5f5",
+      "--popover": "#20242d",
+      "--popover-foreground": "#f5f5f5",
+      "--primary": "#2b303b",
+      "--primary-hover": "#1d2129",
+      "--primary-foreground": "#ffffff",
+      "--secondary": "#1b1f27",
+      "--secondary-foreground": "#f5f5f5",
+      "--muted": "#171b22",
+      "--muted-foreground": "#7b808a",
+      "--subtle-fg": "#5e6572",
+      "--accent": "#2b303b",
+      "--accent-foreground": "#ffffff",
+      "--destructive": "#ed4245",
+      "--destructive-foreground": "#ffffff",
+      "--destructive-soft": "#c81e2a",
+      "--success": "#43b581",
+      "--warning": "#faa61a",
+      "--warning-foreground": "#1f1a14",
+      "--accent-secondary": "#bdbdbd",
+      "--border": "rgba(255, 255, 255, 0.06)",
+      "--border-strong": "rgba(255, 255, 255, 0.12)",
+      "--input": "rgba(255, 255, 255, 0.06)",
+      "--input-background": "#1b1f27",
+      "--surface-raised": "#232833",
+      "--surface-overlay": "rgba(38, 41, 48, 0.48)",
+      "--surface-solid": "#181c24",
+      "--surface-list": "#151920",
+      "--surface-list-hover": "#20242d",
+      "--switch-background": "#2b303b",
+      "--font-weight-medium": "600",
+      "--font-weight-semibold": "600",
+      "--font-weight-normal": "400",
+      "--ring": "#3a404d",
+      "--sidebar": "#1b1f27",
+      "--sidebar-foreground": "#f5f5f5",
+      "--sidebar-primary": "#2b303b",
+      "--sidebar-primary-foreground": "#ffffff",
+      "--sidebar-accent": "#1b1f27",
+      "--sidebar-accent-foreground": "#f5f5f5",
+      "--sidebar-border": "rgba(255, 255, 255, 0.06)",
+      "--sidebar-ring": "#3a404d",
+      "--app-grid-line": "rgba(255, 255, 255, 0.05)",
+      "--scrollbar-thumb": "rgba(255, 255, 255, 0.14)",
+      "--scrollbar-thumb-hover": "rgba(255, 255, 255, 0.22)"
+    },
+    "dark": {
+      "--font-size": "16px",
+      "--background": "#14161c",
+      "--foreground": "#f5f5f5",
+      "--card": "rgba(38, 41, 48, 0.48)",
+      "--card-foreground": "#f5f5f5",
+      "--popover": "#20242d",
+      "--popover-foreground": "#f5f5f5",
+      "--primary": "#2b303b",
+      "--primary-hover": "#1d2129",
+      "--primary-foreground": "#ffffff",
+      "--secondary": "#1b1f27",
+      "--secondary-foreground": "#f5f5f5",
+      "--muted": "#171b22",
+      "--muted-foreground": "#7b808a",
+      "--subtle-fg": "#5e6572",
+      "--accent": "#2b303b",
+      "--accent-foreground": "#ffffff",
+      "--destructive": "#ed4245",
+      "--destructive-foreground": "#ffffff",
+      "--destructive-soft": "#c81e2a",
+      "--success": "#43b581",
+      "--warning": "#faa61a",
+      "--warning-foreground": "#1f1a14",
+      "--accent-secondary": "#bdbdbd",
+      "--border": "rgba(255, 255, 255, 0.06)",
+      "--border-strong": "rgba(255, 255, 255, 0.12)",
+      "--input": "rgba(255, 255, 255, 0.06)",
+      "--input-background": "#1b1f27",
+      "--surface-raised": "#232833",
+      "--surface-overlay": "rgba(38, 41, 48, 0.48)",
+      "--surface-solid": "#181c24",
+      "--surface-list": "#151920",
+      "--surface-list-hover": "#20242d",
+      "--switch-background": "#2b303b",
+      "--font-weight-medium": "600",
+      "--font-weight-semibold": "600",
+      "--font-weight-normal": "400",
+      "--ring": "#3a404d",
+      "--sidebar": "#1b1f27",
+      "--sidebar-foreground": "#f5f5f5",
+      "--sidebar-primary": "#2b303b",
+      "--sidebar-primary-foreground": "#ffffff",
+      "--sidebar-accent": "#1b1f27",
+      "--sidebar-accent-foreground": "#f5f5f5",
+      "--sidebar-border": "rgba(255, 255, 255, 0.06)",
+      "--sidebar-ring": "#3a404d",
+      "--app-grid-line": "rgba(255, 255, 255, 0.05)",
+      "--scrollbar-thumb": "rgba(255, 255, 255, 0.14)",
+      "--scrollbar-thumb-hover": "rgba(255, 255, 255, 0.22)"
+    }
+  },
+  "radiusScales": {
+    "none": {
+      "--radius-ui-sm": "0px",
+      "--radius-ui-md": "0px",
+      "--radius-ui-lg": "0px",
+      "--radius-ui-xl": "0px"
+    },
+    "standard": {
+      "--radius-ui-sm": "1px",
+      "--radius-ui-md": "2px",
+      "--radius-ui-lg": "4px",
+      "--radius-ui-xl": "6px"
+    },
+    "medium": {
+      "--radius-ui-sm": "2px",
+      "--radius-ui-md": "4px",
+      "--radius-ui-lg": "8px",
+      "--radius-ui-xl": "12px"
+    }
+  }
+}

package/src/shared/themes/theme-tokens-pink.json

@@ -0,0 +1,126 @@
+{
+  "variants": {
+    "light": {
+      "--font-size": "16px",
+      "--background": "#fdf0f5",
+      "--foreground": "#261a21",
+      "--card": "#fff5f9",
+      "--card-foreground": "#261a21",
+      "--popover": "#fef7fa",
+      "--popover-foreground": "#261a21",
+      "--primary": "#e84393",
+      "--primary-hover": "#c7367a",
+      "--primary-foreground": "#ffffff",
+      "--secondary": "#f0dce6",
+      "--secondary-foreground": "#261a21",
+      "--muted": "#ebd3e0",
+      "--muted-foreground": "#6a4e5b",
+      "--subtle-fg": "#7c5f6d",
+      "--accent": "#e84393",
+      "--accent-foreground": "#ffffff",
+      "--destructive": "#ed4245",
+      "--destructive-foreground": "#ffffff",
+      "--destructive-soft": "#c81e2a",
+      "--success": "#43b581",
+      "--warning": "#faa61a",
+      "--warning-foreground": "#1f1a14",
+      "--accent-secondary": "#fd79a8",
+      "--border": "rgba(232, 67, 147, 0.14)",
+      "--border-strong": "rgba(232, 67, 147, 0.22)",
+      "--input": "rgba(232, 67, 147, 0.1)",
+      "--input-background": "#efd7e5",
+      "--surface-raised": "#f0dce6",
+      "--surface-overlay": "#f8eaf1",
+      "--surface-solid": "#fbf0f5",
+      "--surface-list": "#f0dce6",
+      "--surface-list-hover": "#e5cdda",
+      "--switch-background": "#d4bcc9",
+      "--font-weight-medium": "500",
+      "--font-weight-semibold": "600",
+      "--font-weight-normal": "400",
+      "--ring": "#e84393",
+      "--sidebar": "#f0dce6",
+      "--sidebar-foreground": "#261a21",
+      "--sidebar-primary": "#e84393",
+      "--sidebar-primary-foreground": "#ffffff",
+      "--sidebar-accent": "#e0c8d5",
+      "--sidebar-accent-foreground": "#261a21",
+      "--sidebar-border": "rgba(232, 67, 147, 0.12)",
+      "--sidebar-ring": "#e84393",
+      "--app-grid-line": "rgba(232, 67, 147, 0.12)",
+      "--scrollbar-thumb": "rgba(38, 26, 33, 0.22)",
+      "--scrollbar-thumb-hover": "rgba(38, 26, 33, 0.35)"
+    },
+    "dark": {
+      "--font-size": "16px",
+      "--background": "#1e1218",
+      "--foreground": "#fcf4f7",
+      "--card": "rgb(45, 28, 36, 84%)",
+      "--card-foreground": "#fcf4f7",
+      "--popover": "#2d1c24",
+      "--popover-foreground": "#fcf4f7",
+      "--primary": "#e84393",
+      "--primary-hover": "#fd79a8",
+      "--primary-foreground": "#ffffff",
+      "--secondary": "#3a2530",
+      "--secondary-foreground": "#fcf4f7",
+      "--muted": "#2d1c24",
+      "--muted-foreground": "#c9adb9",
+      "--subtle-fg": "#9e7d8e",
+      "--accent": "#e84393",
+      "--accent-foreground": "#ffffff",
+      "--destructive": "#ed4245",
+      "--destructive-foreground": "#ffffff",
+      "--destructive-soft": "#fcb0b1",
+      "--success": "#43b581",
+      "--warning": "#faa61a",
+      "--warning-foreground": "#1a1410",
+      "--accent-secondary": "#fd79a8",
+      "--border": "rgba(232, 67, 147, 0.12)",
+      "--border-strong": "rgba(232, 67, 147, 0.22)",
+      "--input": "rgba(232, 67, 147, 0.12)",
+      "--input-background": "#3a2530",
+      "--surface-raised": "#2d1c24",
+      "--surface-overlay": "rgba(45, 28, 36, 0.48)",
+      "--surface-solid": "#24161d",
+      "--surface-list": "#1e1218",
+      "--surface-list-hover": "#2d1c24",
+      "--switch-background": "#5a3d4b",
+      "--font-weight-medium": "600",
+      "--font-weight-semibold": "600",
+      "--font-weight-normal": "400",
+      "--ring": "#e84393",
+      "--sidebar": "#2d1c24",
+      "--sidebar-foreground": "#fcf4f7",
+      "--sidebar-primary": "#e84393",
+      "--sidebar-primary-foreground": "#ffffff",
+      "--sidebar-accent": "#3a2530",
+      "--sidebar-accent-foreground": "#fcf4f7",
+      "--sidebar-border": "rgba(232, 67, 147, 0.1)",
+      "--sidebar-ring": "#e84393",
+      "--app-grid-line": "rgba(158, 125, 142, 0.42)",
+      "--scrollbar-thumb": "rgba(255, 255, 255, 0.14)",
+      "--scrollbar-thumb-hover": "rgba(255, 255, 255, 0.24)"
+    }
+  },
+  "radiusScales": {
+    "none": {
+      "--radius-ui-sm": "0px",
+      "--radius-ui-md": "0px",
+      "--radius-ui-lg": "0px",
+      "--radius-ui-xl": "0px"
+    },
+    "standard": {
+      "--radius-ui-sm": "1px",
+      "--radius-ui-md": "2px",
+      "--radius-ui-lg": "4px",
+      "--radius-ui-xl": "6px"
+    },
+    "medium": {
+      "--radius-ui-sm": "2px",
+      "--radius-ui-md": "4px",
+      "--radius-ui-lg": "8px",
+      "--radius-ui-xl": "12px"
+    }
+  }
+}

package/src/shared/themes/theme-tokens.json

@@ -0,0 +1,126 @@
+{
+  "variants": {
+    "light": {
+      "--font-size": "16px",
+      "--background": "#e9edf6",
+      "--foreground": "#171a26",
+      "--card": "#f6f8fd",
+      "--card-foreground": "#171a26",
+      "--popover": "#f4f7fc",
+      "--popover-foreground": "#171a26",
+      "--primary": "#5865f2",
+      "--primary-hover": "#4752c4",
+      "--primary-foreground": "#ffffff",
+      "--secondary": "#dfe4f0",
+      "--secondary-foreground": "#171a26",
+      "--muted": "#dbe0ed",
+      "--muted-foreground": "#4b5166",
+      "--subtle-fg": "#5d657d",
+      "--accent": "#5865f2",
+      "--accent-foreground": "#ffffff",
+      "--destructive": "#ed4245",
+      "--destructive-foreground": "#ffffff",
+      "--destructive-soft": "#c81e2a",
+      "--success": "#43b581",
+      "--warning": "#faa61a",
+      "--warning-foreground": "#1f1a14",
+      "--accent-secondary": "#7289da",
+      "--border": "rgba(88, 101, 242, 0.14)",
+      "--border-strong": "rgba(88, 101, 242, 0.22)",
+      "--input": "rgba(88, 101, 242, 0.1)",
+      "--input-background": "#dee3ef",
+      "--surface-raised": "#dfe5f1",
+      "--surface-overlay": "#eef2fa",
+      "--surface-solid": "#f2f5fb",
+      "--surface-list": "#e6ebf5",
+      "--surface-list-hover": "#d7deed",
+      "--switch-background": "#c7cad8",
+      "--font-weight-medium": "500",
+      "--font-weight-semibold": "600",
+      "--font-weight-normal": "400",
+      "--ring": "#5865f2",
+      "--sidebar": "#e1e7f5",
+      "--sidebar-foreground": "#171a26",
+      "--sidebar-primary": "#5865f2",
+      "--sidebar-primary-foreground": "#ffffff",
+      "--sidebar-accent": "#d2d9ea",
+      "--sidebar-accent-foreground": "#171a26",
+      "--sidebar-border": "rgba(88, 101, 242, 0.12)",
+      "--sidebar-ring": "#5865f2",
+      "--app-grid-line": "rgba(88, 101, 242, 0.12)",
+      "--scrollbar-thumb": "rgba(23, 26, 38, 0.22)",
+      "--scrollbar-thumb-hover": "rgba(23, 26, 38, 0.35)"
+    },
+    "dark": {
+      "--font-size": "16px",
+      "--background": "#141824",
+      "--foreground": "#f6f7fb",
+      "--card": "rgba(42, 47, 58, 0.6)",
+      "--card-foreground": "#f6f7fb",
+      "--popover": "#252a38",
+      "--popover-foreground": "#f6f7fb",
+      "--primary": "#5865f2",
+      "--primary-hover": "#4752c4",
+      "--primary-foreground": "#ffffff",
+      "--secondary": "#2d3346",
+      "--secondary-foreground": "#f6f7fb",
+      "--muted": "#252a38",
+      "--muted-foreground": "#b4bacb",
+      "--subtle-fg": "#858ca3",
+      "--accent": "#5865f2",
+      "--accent-foreground": "#ffffff",
+      "--destructive": "#ed4245",
+      "--destructive-foreground": "#ffffff",
+      "--destructive-soft": "#fcb0b1",
+      "--success": "#43b581",
+      "--warning": "#faa61a",
+      "--warning-foreground": "#1a1410",
+      "--accent-secondary": "#7289da",
+      "--border": "rgba(88, 101, 242, 0.12)",
+      "--border-strong": "rgba(88, 101, 242, 0.22)",
+      "--input": "rgba(88, 101, 242, 0.12)",
+      "--input-background": "#2d3346",
+      "--surface-raised": "#242a3a",
+      "--surface-overlay": "rgba(42, 47, 58, 0.48)",
+      "--surface-solid": "#111520",
+      "--surface-list": "#181c29",
+      "--surface-list-hover": "#222735",
+      "--switch-background": "#5a6278",
+      "--font-weight-medium": "600",
+      "--font-weight-semibold": "600",
+      "--font-weight-normal": "400",
+      "--ring": "#5865f2",
+      "--sidebar": "#252a38",
+      "--sidebar-foreground": "#f6f7fb",
+      "--sidebar-primary": "#5865f2",
+      "--sidebar-primary-foreground": "#ffffff",
+      "--sidebar-accent": "#2d3346",
+      "--sidebar-accent-foreground": "#f6f7fb",
+      "--sidebar-border": "rgba(88, 101, 242, 0.1)",
+      "--sidebar-ring": "#5865f2",
+      "--app-grid-line": "rgba(108, 116, 142, 0.42)",
+      "--scrollbar-thumb": "rgba(255, 255, 255, 0.14)",
+      "--scrollbar-thumb-hover": "rgba(255, 255, 255, 0.24)"
+    }
+  },
+  "radiusScales": {
+    "none": {
+      "--radius-ui-sm": "0px",
+      "--radius-ui-md": "0px",
+      "--radius-ui-lg": "0px",
+      "--radius-ui-xl": "0px"
+    },
+    "standard": {
+      "--radius-ui-sm": "1px",
+      "--radius-ui-md": "2px",
+      "--radius-ui-lg": "4px",
+      "--radius-ui-xl": "6px"
+    },
+    "medium": {
+      "--radius-ui-sm": "2px",
+      "--radius-ui-md": "4px",
+      "--radius-ui-lg": "8px",
+      "--radius-ui-xl": "12px"
+    }
+  }
+}

package/src/shared/themes/types.ts

@@ -0,0 +1,85 @@
+export type ThemeVariant = 'light' | 'dark';
+export type ThemeRadiusScale = 'none' | 'standard' | 'medium';
+export type ThemeRadius = {
+  '--radius-ui-sm': string;
+  '--radius-ui-md': string;
+  '--radius-ui-lg': string;
+  '--radius-ui-xl': string;
+};
+
+export type ThemeTokens = {
+  '--font-size': string;
+
+  '--background': string;
+  '--foreground': string;
+
+  '--card': string;
+  '--card-foreground': string;
+
+  '--popover': string;
+  '--popover-foreground': string;
+
+  '--primary': string;
+  '--primary-hover': string;
+  '--primary-foreground': string;
+
+  '--secondary': string;
+  '--secondary-foreground': string;
+
+  '--muted': string;
+  '--muted-foreground': string;
+
+  '--subtle-fg': string;
+
+  '--accent': string;
+  '--accent-foreground': string;
+  '--accent-secondary': string;
+
+  '--destructive': string;
+  '--destructive-foreground': string;
+  '--destructive-soft': string;
+
+  '--success': string;
+
+  '--warning': string;
+  '--warning-foreground': string;
+
+  '--border': string;
+  '--border-strong': string;
+
+  '--input': string;
+  '--input-background': string;
+
+  '--surface-raised': string;
+  '--surface-overlay': string;
+  '--surface-solid': string;
+  '--surface-list': string;
+  '--surface-list-hover': string;
+
+  '--switch-background': string;
+
+  '--font-weight-medium': string;
+  '--font-weight-semibold': string;
+  '--font-weight-normal': string;
+
+  '--ring': string;
+
+  '--sidebar': string;
+  '--sidebar-foreground': string;
+  '--sidebar-primary': string;
+  '--sidebar-primary-foreground': string;
+  '--sidebar-accent': string;
+  '--sidebar-accent-foreground': string;
+  '--sidebar-border': string;
+  '--sidebar-ring': string;
+
+  '--app-grid-line': string;
+
+  '--scrollbar-thumb': string;
+  '--scrollbar-thumb-hover': string;
+};
+
+export type ThemeDefinition = {
+  variants: Record<ThemeVariant, ThemeTokens>;
+  radiusScales: Record<ThemeRadiusScale, ThemeRadius>;
+};