From 8c6dbd56c893632c695147045bd72149aa04c2bd Mon Sep 17 00:00:00 2001
From: soaxelbrooke <stuart@axelbrooke.com>
Date: Sat, 12 Jul 2025 13:02:02 -0700
Subject: [PATCH] databuild themes

---
 databuild/dashboard/index.css | 82 ++++++++++++++++++++++++++++++-----
 1 file changed, 70 insertions(+), 12 deletions(-)

diff --git a/databuild/dashboard/index.css b/databuild/dashboard/index.css
index 645d15d..297306b 100644
--- a/databuild/dashboard/index.css
+++ b/databuild/dashboard/index.css
@@ -1,19 +1,77 @@
 @import "tailwindcss" source("./**/*.{js,html}");
-@plugin "daisyui";
-
-/* Custom link styling for better visibility on dark backgrounds */
-.link {
-  color: #60a5fa; /* Light blue that works on dark backgrounds */
+@plugin "daisyui" {
+  themes: databuild-light --default, databuild-dark --prefersdark;
 }
 
-.link:hover {
-  color: #93c5fd; /* Lighter blue on hover */
+
+@plugin "daisyui/theme" {
+  name: "databuild-light";
+  default: true;
+  prefersdark: false;
+  color-scheme: "light";
+  --color-base-100: oklch(98% 0.002 247.839);
+  --color-base-200: oklch(96% 0.003 264.542);
+  --color-base-300: oklch(92% 0.006 264.531);
+  --color-base-content: oklch(21% 0.034 264.665);
+  --color-primary: oklch(86% 0.005 56.366);
+  --color-primary-content: oklch(21% 0.006 56.043);
+  --color-secondary: oklch(77% 0.152 181.912);
+  --color-secondary-content: oklch(100% 0 0);
+  --color-accent: oklch(75% 0.183 55.934);
+  --color-accent-content: oklch(100% 0 0);
+  --color-neutral: oklch(37% 0.01 67.558);
+  --color-neutral-content: oklch(98% 0.002 247.839);
+  --color-info: oklch(70% 0.165 254.624);
+  --color-info-content: oklch(28% 0.091 267.935);
+  --color-success: oklch(84% 0.238 128.85);
+  --color-success-content: oklch(27% 0.072 132.109);
+  --color-warning: oklch(85% 0.199 91.936);
+  --color-warning-content: oklch(27% 0.077 45.635);
+  --color-error: oklch(70% 0.191 22.216);
+  --color-error-content: oklch(25% 0.092 26.042);
+  --radius-selector: 0.5rem;
+  --radius-field: 0.5rem;
+  --radius-box: 0.5rem;
+  --size-selector: 0.25rem;
+  --size-field: 0.25rem;
+  --border: 1px;
+  --depth: 0;
+  --noise: 0;
 }
 
-.link-primary {
-  color: #60a5fa !important;
+@plugin "daisyui/theme" {
+  name: "databuild-dark";
+  default: false;
+  prefersdark: true;
+  color-scheme: "dark";
+  --color-base-100: oklch(15% 0.002 247.839);
+  --color-base-200: oklch(18% 0.003 264.542);
+  --color-base-300: oklch(22% 0.006 264.531);
+  --color-base-content: oklch(92% 0.034 264.665);
+  --color-primary: oklch(75% 0.005 56.366);
+  --color-primary-content: oklch(15% 0.006 56.043);
+  --color-secondary: oklch(65% 0.152 181.912);
+  --color-secondary-content: oklch(15% 0 0);
+  --color-accent: oklch(70% 0.183 55.934);
+  --color-accent-content: oklch(15% 0 0);
+  --color-neutral: oklch(25% 0.01 67.558);
+  --color-neutral-content: oklch(92% 0.002 247.839);
+  --color-info: oklch(65% 0.165 254.624);
+  --color-info-content: oklch(15% 0.091 267.935);
+  --color-success: oklch(75% 0.238 128.85);
+  --color-success-content: oklch(15% 0.072 132.109);
+  --color-warning: oklch(80% 0.199 91.936);
+  --color-warning-content: oklch(15% 0.077 45.635);
+  --color-error: oklch(65% 0.191 22.216);
+  --color-error-content: oklch(15% 0.092 26.042);
+  --radius-selector: 0.5rem;
+  --radius-field: 0.5rem;
+  --radius-box: 0.5rem;
+  --size-selector: 0.25rem;
+  --size-field: 0.25rem;
+  --border: 1px;
+  --depth: 0;
+  --noise: 0;
 }
 
-.link-primary:hover {
-  color: #93c5fd !important;
-}
\ No newline at end of file
+