78 lines
2.1 KiB
CSS
78 lines
2.1 KiB
CSS
@import "tailwindcss";
|
|
|
|
@plugin "daisyui";
|
|
|
|
@plugin "daisyui/theme" {
|
|
name: "silk";
|
|
default: true;
|
|
prefersdark: false;
|
|
color-scheme: "light";
|
|
--color-base-100: oklch(97% 0.0035 67.78);
|
|
--color-base-200: oklch(95% 0.0081 61.42);
|
|
--color-base-300: oklch(90% 0.0081 61.42);
|
|
--color-base-content: oklch(24% 0.02 256);
|
|
--color-primary: oklch(23.27% 0.0249 284.3);
|
|
--color-primary-content: oklch(94.22% 0.2505 117.44);
|
|
--color-secondary: oklch(23.27% 0.0249 284.3);
|
|
--color-secondary-content: oklch(73.92% 0.2135 50.94);
|
|
--color-accent: oklch(23.27% 0.0249 284.3);
|
|
--color-accent-content: oklch(88.92% 0.2061 189.9);
|
|
--color-neutral: oklch(20% 0 0);
|
|
--color-neutral-content: oklch(80% 0.0081 61.42);
|
|
--color-info: oklch(80.39% 0.1148 241.68);
|
|
--color-info-content: oklch(30.39% 0.1148 241.68);
|
|
--color-success: oklch(83.92% 0.0901 136.87);
|
|
--color-success-content: oklch(23.92% 0.0901 136.87);
|
|
--color-warning: oklch(83.92% 0.1085 80);
|
|
--color-warning-content: oklch(43.92% 0.1085 80);
|
|
--color-error: oklch(75.1% 0.1814 22.37);
|
|
--color-error-content: oklch(35.1% 0.1814 22.37);
|
|
--radius-selector: 2rem;
|
|
--radius-field: 2rem;
|
|
--radius-box: 2rem;
|
|
--size-selector: 0.3125rem;
|
|
--size-field: 0.3125rem;
|
|
--border: 0.5px;
|
|
--depth: 0;
|
|
--noise: 0;
|
|
}
|
|
|
|
:root {
|
|
color-scheme: light;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
color-scheme: light;
|
|
background-color: #f7f5f1;
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
color-scheme: light;
|
|
font-family: "Onest", "Avenir Next", "Trebuchet MS", sans-serif;
|
|
color: oklch(24% 0.02 256);
|
|
background:
|
|
radial-gradient(circle at 10% 0%, #fdf8ea 0%, rgba(253, 248, 234, 0) 40%),
|
|
radial-gradient(circle at 90% 100%, #e9f2ff 0%, rgba(233, 242, 255, 0) 35%),
|
|
linear-gradient(135deg, #f7f5f1 0%, #f1eee8 100%);
|
|
}
|
|
|
|
.glass-underlay {
|
|
background: #ece3d3;
|
|
border: 1px solid #d7ccb7;
|
|
box-shadow: 0 14px 30px rgba(24, 20, 12, 0.1);
|
|
}
|
|
|
|
.glass-capsule {
|
|
background: #e9decb;
|
|
border: 1px solid #d5c7b0;
|
|
box-shadow: 0 8px 22px rgba(24, 20, 12, 0.1);
|
|
}
|
|
|
|
.glass-chip {
|
|
background: #f2eadb;
|
|
border: 1px solid #dbcdb8;
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
}
|