89 lines
2.3 KiB
CSS
89 lines
2.3 KiB
CSS
@import "tailwindcss";
|
|
@plugin "daisyui";
|
|
|
|
@plugin "daisyui/theme" {
|
|
name: "DeprivedTheme";
|
|
default: false;
|
|
prefersdark: false;
|
|
color-scheme: "dark";
|
|
--color-base-100: oklch(27% 0.072 132.109);
|
|
--color-base-200: oklch(40% 0.101 131.063);
|
|
--color-base-300: oklch(45% 0.124 130.933);
|
|
--color-base-content: oklch(96% 0.067 122.328);
|
|
--color-primary: oklch(85% 0.199 91.936);
|
|
--color-primary-content: oklch(28% 0.066 53.813);
|
|
--color-secondary: oklch(70% 0.183 293.541);
|
|
--color-secondary-content: oklch(28% 0.141 291.089);
|
|
--color-accent: oklch(82% 0.189 84.429);
|
|
--color-accent-content: oklch(27% 0.077 45.635);
|
|
--color-neutral: oklch(64% 0.2 131.684);
|
|
--color-neutral-content: oklch(98% 0.031 120.757);
|
|
--color-info: oklch(68% 0.169 237.323);
|
|
--color-info-content: oklch(97% 0.013 236.62);
|
|
--color-success: oklch(72% 0.219 149.579);
|
|
--color-success-content: oklch(98% 0.018 155.826);
|
|
--color-warning: oklch(79% 0.184 86.047);
|
|
--color-warning-content: oklch(98% 0.026 102.212);
|
|
--color-error: oklch(64% 0.246 16.439);
|
|
--color-error-content: oklch(96% 0.015 12.422);
|
|
--radius-selector: 0.25rem;
|
|
--radius-field: 2rem;
|
|
--radius-box: 0.5rem;
|
|
--size-selector: 0.25rem;
|
|
--size-field: 0.25rem;
|
|
--border: 1px;
|
|
--depth: 1;
|
|
--noise: 1;
|
|
}
|
|
|
|
|
|
.bg-grid-100 {
|
|
background:
|
|
linear-gradient(-90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
|
|
linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
|
|
#f2f2f2;
|
|
background-size:
|
|
4px 4px,
|
|
4px 4px,
|
|
80px 80px,
|
|
80px 80px,
|
|
80px 80px,
|
|
80px 80px,
|
|
80px 80px,
|
|
80px 80px;
|
|
background-color: var(--color-base-100);
|
|
}
|
|
|
|
.bg-grid-200 {
|
|
background:
|
|
linear-gradient(-90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
|
|
linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
|
|
#f2f2f2;
|
|
background-size:
|
|
4px 4px,
|
|
4px 4px,
|
|
80px 80px,
|
|
80px 80px,
|
|
80px 80px,
|
|
80px 80px,
|
|
80px 80px,
|
|
80px 80px;
|
|
background-color: var(--color-base-200);
|
|
}
|
|
|
|
.bg-grid-300 {
|
|
background:
|
|
linear-gradient(-90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
|
|
linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
|
|
#f2f2f2;
|
|
background-size:
|
|
4px 4px,
|
|
4px 4px,
|
|
80px 80px,
|
|
80px 80px,
|
|
80px 80px,
|
|
80px 80px,
|
|
80px 80px,
|
|
80px 80px;
|
|
background-color: var(--color-base-300);
|
|
} |