mirror of
https://github.com/hanzoai/store.git
synced 2026-10-30 14:54:46 +00:00
zeekay
5eec35d8a9
- Changed background from neutral dark gray to pure black oklch(0 0 0) - Set primary and accent colors to white oklch(1 0 0) - Updated all dark theme tokens for black theme - Updated RainbowKit overrides to match black theme - Maintained white accent color throughout
121 lines
4.2 KiB
CSS
121 lines
4.2 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
--radius: 0.625rem;
|
|
--background: oklch(1 0 0);
|
|
--foreground: oklch(0.145 0 0);
|
|
--card: oklch(1 0 0);
|
|
--card-foreground: oklch(0.145 0 0);
|
|
--popover: oklch(1 0 0);
|
|
--popover-foreground: oklch(0.145 0 0);
|
|
--primary: oklch(0.205 0 0);
|
|
--primary-foreground: oklch(0.985 0 0);
|
|
--secondary: oklch(0.97 0 0);
|
|
--secondary-foreground: oklch(0.205 0 0);
|
|
--muted: oklch(0.97 0 0);
|
|
--muted-foreground: oklch(0.556 0 0);
|
|
--accent: oklch(0.97 0 0);
|
|
--accent-foreground: oklch(0.205 0 0);
|
|
--destructive: oklch(0.577 0.245 27.325);
|
|
--border: oklch(0.922 0 0);
|
|
--input: oklch(0.922 0 0);
|
|
--ring: oklch(0.708 0 0);
|
|
--chart-1: oklch(0.646 0.222 41.116);
|
|
--chart-2: oklch(0.6 0.118 184.704);
|
|
--chart-3: oklch(0.398 0.07 227.392);
|
|
--chart-4: oklch(0.828 0.189 84.429);
|
|
--chart-5: oklch(0.769 0.188 70.08);
|
|
--sidebar: oklch(0.985 0 0);
|
|
--sidebar-foreground: oklch(0.145 0 0);
|
|
--sidebar-primary: oklch(0.205 0 0);
|
|
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
--sidebar-accent: oklch(0.97 0 0);
|
|
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
--sidebar-border: oklch(0.922 0 0);
|
|
--sidebar-ring: oklch(0.708 0 0);
|
|
}
|
|
|
|
.dark {
|
|
--background: oklch(0 0 0);
|
|
--foreground: oklch(1 0 0);
|
|
--card: oklch(0.1 0 0);
|
|
--card-foreground: oklch(1 0 0);
|
|
--popover: oklch(0.1 0 0);
|
|
--popover-foreground: oklch(1 0 0);
|
|
--primary: oklch(1 0 0);
|
|
--primary-foreground: oklch(0 0 0);
|
|
--secondary: oklch(0.2 0 0);
|
|
--secondary-foreground: oklch(1 0 0);
|
|
--muted: oklch(0.2 0 0);
|
|
--muted-foreground: oklch(0.7 0 0);
|
|
--accent: oklch(1 0 0);
|
|
--accent-foreground: oklch(0 0 0);
|
|
--destructive: oklch(0.704 0.191 22.216);
|
|
--border: oklch(1 0 0 / 10%);
|
|
--input: oklch(1 0 0 / 15%);
|
|
--ring: oklch(0.5 0 0);
|
|
--chart-1: oklch(0.488 0.243 264.376);
|
|
--chart-2: oklch(0.696 0.17 162.48);
|
|
--chart-3: oklch(0.769 0.188 70.08);
|
|
--chart-4: oklch(0.627 0.265 303.9);
|
|
--chart-5: oklch(0.645 0.246 16.439);
|
|
--sidebar: oklch(0.1 0 0);
|
|
--sidebar-foreground: oklch(1 0 0);
|
|
--sidebar-primary: oklch(1 0 0);
|
|
--sidebar-primary-foreground: oklch(0 0 0);
|
|
--sidebar-accent: oklch(0.2 0 0);
|
|
--sidebar-accent-foreground: oklch(1 0 0);
|
|
--sidebar-border: oklch(1 0 0 / 10%);
|
|
--sidebar-ring: oklch(0.5 0 0);
|
|
}
|
|
}
|
|
|
|
@layer base {
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
body {
|
|
@apply bg-background text-foreground;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
|
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
|
sans-serif;
|
|
}
|
|
}
|
|
|
|
@layer utilities {
|
|
.text-balance {
|
|
text-wrap: balance;
|
|
}
|
|
}
|
|
|
|
/* Override RainbowKit variables to use Hanzo black theme */
|
|
.dark [data-rk] {
|
|
/* Colors - pure black with white accents */
|
|
--rk-colors-accentColor: white !important;
|
|
--rk-colors-accentColorForeground: black !important;
|
|
--rk-colors-modalBackground: oklch(0.1 0 0) !important;
|
|
--rk-colors-modalBorder: rgba(255, 255, 255, 0.1) !important;
|
|
--rk-colors-modalText: white !important;
|
|
--rk-colors-modalTextSecondary: oklch(0.7 0 0) !important;
|
|
--rk-colors-modalTextDim: rgba(255, 255, 255, 0.5) !important;
|
|
--rk-colors-generalBorder: rgba(255, 255, 255, 0.1) !important;
|
|
--rk-colors-generalBorderDim: rgba(255, 255, 255, 0.05) !important;
|
|
--rk-colors-actionButtonBorder: rgba(255, 255, 255, 0.1) !important;
|
|
--rk-colors-actionButtonSecondaryBackground: oklch(0.2 0 0) !important;
|
|
--rk-colors-connectButtonBackground: oklch(0.1 0 0) !important;
|
|
--rk-colors-connectButtonText: white !important;
|
|
--rk-colors-connectButtonInnerBackground: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1)) !important;
|
|
--rk-colors-menuItemBackground: oklch(0.2 0 0) !important;
|
|
--rk-colors-closeButton: rgba(255, 255, 255, 0.6) !important;
|
|
--rk-colors-closeButtonBackground: oklch(0.2 0 0) !important;
|
|
--rk-colors-modalBackdrop: rgba(0, 0, 0, 0.9) !important;
|
|
/* Border radius - match Hanzo */
|
|
--rk-radii-modal: 10px !important;
|
|
--rk-radii-connectButton: 10px !important;
|
|
--rk-radii-actionButton: 10px !important;
|
|
--rk-radii-menuButton: 10px !important;
|
|
}
|