theming

2026-02-17 01:19:29 +00:00
parent 61fc1e9dbe
commit a1e416e894
12 changed files with 438 additions and 490 deletions
@@ -2,10 +2,10 @@ import type { CSSProperties, ComponentPropsWithoutRef } from 'react';
 import { cn } from 'helpers/cn';

 export const cardStyle = (overrides?: CSSProperties): CSSProperties => ({
-  backgroundColor: 'rgba(255, 255, 255, 0.9)',
+  backgroundColor: 'var(--card-bg)',
  backgroundImage: `
-    linear-gradient(to right, rgba(20, 83, 45, 0.08) 1px, transparent 1px),
-    linear-gradient(to bottom, rgba(20, 83, 45, 0.08) 1px, transparent 1px)
+    linear-gradient(to right, var(--card-grid-color) 1px, transparent 1px),
+    linear-gradient(to bottom, var(--card-grid-color) 1px, transparent 1px)
  `,
  backgroundSize: '20px 20px',
  ...overrides,