109 lines
2.7 KiB
CSS
109 lines
2.7 KiB
CSS
@import "tailwindcss";
|
|
@plugin "daisyui";
|
|
@plugin "@iconify/tailwind4";
|
|
|
|
@plugin "daisyui/theme" {
|
|
name: "splight";
|
|
default: true;
|
|
prefersdark: false;
|
|
color-scheme: "light";
|
|
--color-base-100: oklch(100% 0 0);
|
|
--color-base-200: oklch(98% 0 0);
|
|
--color-base-300: oklch(92% 0 0);
|
|
--color-base-content: oklch(25% 0.006 285);
|
|
--color-primary: oklch(25% 0.006 285);
|
|
--color-primary-content: oklch(98% 0 0);
|
|
--color-secondary: oklch(55% 0.046 257.417);
|
|
--color-secondary-content: oklch(98% 0 0);
|
|
--color-accent: oklch(96% 0 0);
|
|
--color-accent-content: oklch(25% 0.006 285);
|
|
--color-neutral: oklch(14% 0.005 285.823);
|
|
--color-neutral-content: oklch(92% 0.004 286.32);
|
|
--color-info: oklch(74% 0.16 232);
|
|
--color-success: oklch(62% 0.17 163);
|
|
--color-warning: oklch(82% 0.18 84);
|
|
--color-error: oklch(60% 0.25 27);
|
|
--radius-selector: 0.5rem;
|
|
--radius-field: 0.5rem;
|
|
--radius-box: 0.5rem;
|
|
--size-selector: 0.25rem;
|
|
--size-field: 0.25rem;
|
|
--border: 1px;
|
|
--depth: 1;
|
|
--noise: 0;
|
|
}
|
|
|
|
@plugin "daisyui/theme" {
|
|
name: "spdark";
|
|
default: false;
|
|
prefersdark: true;
|
|
color-scheme: "dark";
|
|
--color-base-100: oklch(15% 0.005 285.823);
|
|
--color-base-200: oklch(20% 0.005 285.823);
|
|
--color-base-300: oklch(30% 0.005 285.823);
|
|
--color-base-content: oklch(92% 0.004 286.32);
|
|
--color-primary: oklch(98% 0 0);
|
|
--color-primary-content: oklch(15% 0 0);
|
|
--color-secondary: oklch(65% 0.046 257.417);
|
|
--color-secondary-content: oklch(15% 0.005 285.823);
|
|
--color-accent: oklch(25% 0 0);
|
|
--color-accent-content: oklch(98% 0 0);
|
|
--color-neutral: oklch(92% 0.004 286.32);
|
|
--color-neutral-content: oklch(14% 0.005 285.823);
|
|
--color-info: oklch(70% 0.1 230);
|
|
--color-success: oklch(65% 0.15 160);
|
|
--color-warning: oklch(85% 0.15 90);
|
|
--color-error: oklch(55% 0.2 27);
|
|
--radius-selector: 0.5rem;
|
|
--radius-field: 0.5rem;
|
|
--radius-box: 0.5rem;
|
|
--size-selector: 0.25rem;
|
|
--size-field: 0.25rem;
|
|
--border: 1px;
|
|
--depth: 1;
|
|
--noise: 0;
|
|
}
|
|
|
|
:root {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.input,
|
|
.label,
|
|
.select,
|
|
.textarea {
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
|
|
&:focus,
|
|
&:focus-within {
|
|
outline: none !important;
|
|
box-shadow: 0 0 4px 0px;
|
|
}
|
|
|
|
&:hover:not(:focus) {
|
|
background-color: oklch(from var(--color-base-100) calc(l - 0.03) c h);
|
|
}
|
|
|
|
}
|
|
|
|
.floating-label span {
|
|
color: oklch(30% 0.01 260);
|
|
font-size: 1.1rem;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.floating-label:focus-within span {
|
|
color: oklch(25% 0.02 260);
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.floating-label:has(input:not(:placeholder-shown)) span {
|
|
color: oklch(28% 0.01 260);
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
/* Solo para la Demo de docsify */
|
|
.markdown-section progress.progress {
|
|
all: revert-layer;
|
|
}
|