stuart/databuild
1
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

databuild themes

Browse source
This commit is contained in:
soaxelbrooke 2025-07-12 13:02:02 -07:00
parent 19d6871dfd
commit 8c6dbd56c8
1 changed files with 70 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

82
databuild/dashboard/index.css
View file

@ -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;
}