@import "tailwindcss"; @plugin "daisyui"; @plugin "daisyui/theme" { name: "Deprived"; default: true; prefersdark: true; --color-base-100: oklch(14% 0 0); --color-base-200: oklch(20% 0 0); --color-base-300: oklch(26% 0 0); --color-base-content: oklch(97% 0 0); --color-primary: oklch(72% 0.219 149.579); --color-primary-content: oklch(98% 0.018 155.826); --color-secondary: oklch(58% 0.233 277.117); --color-secondary-content: oklch(96% 0.018 272.314); --color-accent: oklch(60% 0.25 292.717); --color-accent-content: oklch(96% 0.016 293.756); --color-neutral: oklch(20% 0 0); --color-neutral-content: oklch(98% 0 0); --color-info: oklch(58% 0.158 241.966); --color-info-content: oklch(97% 0.013 236.62); --color-success: oklch(64% 0.2 131.684); --color-success-content: oklch(98% 0.031 120.757); --color-warning: oklch(68% 0.162 75.834); --color-warning-content: oklch(98% 0.026 102.212); --color-error: oklch(57% 0.245 27.325); --color-error-content: oklch(97% 0.013 17.38); --radius-selector: 1rem; --radius-field: 0.5rem; --radius-box: 1rem; --size-selector: 0.25rem; --size-field: 0.25rem; --border: 1px; --depth: 0; --noise: 0; } @plugin "daisyui/theme" { name: "dark"; color-scheme: "dark"; --color-base-100: oklch(14% 0 0); --color-base-200: oklch(20% 0 0); --color-base-300: oklch(26% 0 0); --color-base-content: oklch(97% 0 0); --color-primary: oklch(90% 0.182 98.111); --color-primary-content: oklch(28% 0.066 53.813); --color-secondary: oklch(84% 0.143 164.978); --color-secondary-content: oklch(26% 0.051 172.552); --color-accent: oklch(87% 0.01 258.338); --color-accent-content: oklch(13% 0.028 261.692); --color-neutral: oklch(26% 0 0); --color-neutral-content: oklch(98% 0 0); --color-info: oklch(71% 0.143 215.221); --color-info-content: oklch(98% 0.019 200.873); --color-success: oklch(76% 0.233 130.85); --color-success-content: oklch(98% 0.031 120.757); --color-warning: oklch(70% 0.213 47.604); --color-warning-content: oklch(98% 0.016 73.684); --color-error: oklch(65% 0.241 354.308); --color-error-content: oklch(97% 0.014 343.198); --radius-selector: 0rem; --radius-field: 0.5rem; --radius-box: 1rem; --size-selector: 0.25rem; --size-field: 0.25rem; --border: 1px; --depth: 0; --noise: 1; } @plugin "daisyui/theme" { name: "pink"; color-scheme: "light"; --color-base-100: oklch(96% 0.015 12.422); --color-base-200: oklch(94% 0.03 12.58); --color-base-300: oklch(89% 0.058 10.001); --color-base-content: oklch(41% 0.159 10.272); --color-primary: oklch(86% 0.127 207.078); --color-primary-content: oklch(30% 0.056 229.695); --color-secondary: oklch(0% 0 0); --color-secondary-content: oklch(100% 0 0); --color-accent: oklch(87% 0.169 91.605); --color-accent-content: oklch(27% 0.077 45.635); --color-neutral: oklch(51% 0.222 16.935); --color-neutral-content: oklch(96% 0.015 12.422); --color-info: oklch(74% 0.16 232.661); --color-info-content: oklch(29% 0.066 243.157); --color-success: oklch(77% 0.152 181.912); --color-success-content: oklch(27% 0.046 192.524); --color-warning: oklch(75% 0.183 55.934); --color-warning-content: oklch(26% 0.079 36.259); --color-error: oklch(70% 0.191 22.216); --color-error-content: oklch(25% 0.092 26.042); --radius-selector: 0.25rem; --radius-field: 0.25rem; --radius-box: 0.25rem; --size-selector: 0.25rem; --size-field: 0.25rem; --border: 1px; --depth: 1; --noise: 0; } @plugin "daisyui/theme" { name: "netherrack"; color-scheme: "dark"; --color-base-100: oklch(25% 0.092 26.042); --color-base-200: oklch(39% 0.141 25.723); --color-base-300: oklch(44% 0.177 26.899); --color-base-content: oklch(93% 0.032 17.717); --color-primary: oklch(83% 0.128 66.29); --color-primary-content: oklch(26% 0.079 36.259); --color-secondary: oklch(82% 0.111 230.318); --color-secondary-content: oklch(29% 0.066 243.157); --color-accent: oklch(78% 0.115 274.713); --color-accent-content: oklch(25% 0.09 281.288); --color-neutral: oklch(57% 0.245 27.325); --color-neutral-content: oklch(97% 0.013 17.38); --color-info: oklch(71% 0.143 215.221); --color-info-content: oklch(98% 0.019 200.873); --color-success: oklch(72% 0.219 149.579); --color-success-content: oklch(98% 0.018 155.826); --color-warning: oklch(76% 0.188 70.08); --color-warning-content: oklch(98% 0.022 95.277); --color-error: oklch(63% 0.237 25.331); --color-error-content: oklch(97% 0.013 17.38); --radius-selector: 2rem; --radius-field: 2rem; --radius-box: 2rem; --size-selector: 0.25rem; --size-field: 0.25rem; --border: 1px; --depth: 1; --noise: 1; } @plugin "daisyui/theme" { name: "green"; color-scheme: "dark"; --color-base-100: oklch(26% 0.065 152.934); --color-base-200: oklch(39% 0.095 152.535); --color-base-300: oklch(44% 0.119 151.328); --color-base-content: oklch(96% 0.044 156.743); --color-primary: oklch(80% 0.105 251.813); --color-primary-content: oklch(28% 0.091 267.935); --color-secondary: oklch(80% 0.105 251.813); --color-secondary-content: oklch(28% 0.091 267.935); --color-accent: oklch(89% 0.196 126.665); --color-accent-content: oklch(27% 0.072 132.109); --color-neutral: oklch(52% 0.154 150.069); --color-neutral-content: oklch(98% 0.018 155.826); --color-info: oklch(78% 0.154 211.53); --color-info-content: oklch(30% 0.056 229.695); --color-success: oklch(79% 0.209 151.711); --color-success-content: oklch(26% 0.065 152.934); --color-warning: oklch(85% 0.199 91.936); --color-warning-content: oklch(28% 0.066 53.813); --color-error: oklch(71% 0.202 349.761); --color-error-content: oklch(28% 0.109 3.907); --radius-selector: 0.25rem; --radius-field: 0.5rem; --radius-box: 1rem; --size-selector: 0.25rem; --size-field: 0.25rem; --border: 1px; --depth: 0; --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); }