me/pi-ku
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

style: update glass-card border color

Browse Source
This commit is contained in:
me
2026-05-08 05:40:36 +05:30
parent 30384c7a8d
commit a2eb22bdbe
1 changed files with 50 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/index.css
+50 -52
View File
@@ -2,77 +2,75 @@
@plugin "daisyui"; @plugin "daisyui";
@plugin "daisyui/theme" { @plugin "daisyui/theme" {
name: "piku"; name: "piku";
default: true; default: true;
prefersdark: true; prefersdark: true;
color-scheme: dark; color-scheme: dark;
--color-base-100: oklch(14% 0.012 35); --color-base-100: oklch(14% 0.012 35);
--color-base-200: oklch(18% 0.014 33); --color-base-200: oklch(18% 0.014 33);
--color-base-300: oklch(22% 0.016 32); --color-base-300: oklch(22% 0.016 32);
--color-base-content: oklch(82% 0.02 70); --color-base-content: oklch(82% 0.02 70);
--color-primary: oklch(67% 0.11 78); --color-primary: oklch(67% 0.11 78);
--color-primary-content: oklch(15% 0.03 70); --color-primary-content: oklch(15% 0.03 70);
--color-secondary: oklch(48% 0.08 305); --color-secondary: oklch(48% 0.08 305);
--color-secondary-content: oklch(92% 0.01 305); --color-secondary-content: oklch(92% 0.01 305);
--color-accent: oklch(55% 0.06 325); --color-accent: oklch(55% 0.06 325);
--color-accent-content: oklch(18% 0.03 295); --color-accent-content: oklch(18% 0.03 295);
--color-neutral: oklch(38% 0.02 45); --color-neutral: oklch(38% 0.02 45);
--color-neutral-content: oklch(80% 0.015 60); --color-neutral-content: oklch(80% 0.015 60);
--color-info: oklch(60% 0.07 240); --color-info: oklch(60% 0.07 240);
--color-info-content: oklch(95% 0.01 240); --color-info-content: oklch(95% 0.01 240);
--color-success: oklch(60% 0.08 150); --color-success: oklch(60% 0.08 150);
--color-success-content: oklch(16% 0.03 150); --color-success-content: oklch(16% 0.03 150);
--color-warning: oklch(68% 0.08 72); --color-warning: oklch(68% 0.08 72);
--color-warning-content: oklch(18% 0.03 60); --color-warning-content: oklch(18% 0.03 60);
--color-error: oklch(55% 0.1 22); --color-error: oklch(55% 0.1 22);
--color-error-content: oklch(92% 0.01 22); --color-error-content: oklch(92% 0.01 22);
--radius-selector: 0.5rem; --radius-selector: 0.5rem;
--radius-field: 0.375rem; --radius-field: 0.375rem;
--radius-box: 0.5rem; --radius-box: 0.5rem;
--depth: 1; --depth: 1;
--noise: 0.03; --noise: 0.03;
--border: 1px; --border: 1px;
} }
@theme { @theme {
--font-display: "Playwrite HR Lijeva Variable", cursive; --font-display: "Playwrite HR Lijeva Variable", cursive;
--font-sans: "Jost Variable", sans-serif; --font-sans: "Jost Variable", sans-serif;
--font-serif: "Playfair Display Variable", serif; --font-serif: "Playfair Display Variable", serif;
--font-mono: "Space Mono", monospace; --font-mono: "Space Mono", monospace;
--font-ink: "Kavivanar", sans-serif; --font-ink: "Kavivanar", sans-serif;
--font-redact: "Redacted Script", cursive; --font-redact: "Redacted Script", cursive;
--font-slab: "Cutive Mono", monospace; --font-slab: "Cutive Mono", monospace;
--font-hand: "Architects Daughter", cursive; --font-hand: "Architects Daughter", cursive;
--color-glass-bg: rgba(28, 22, 16, 0.45); --color-glass-bg: rgba(28, 22, 16, 0.45);
--shadow-warm: 0 20px 50px -12px rgba(30, 20, 12, 0.6); --shadow-warm: 0 20px 50px -12px rgba(30, 20, 12, 0.6);
--radius-xl: 1.5rem; --radius-xl: 1.5rem;
--color-paper: oklch(97% 0.008 80); --color-paper: oklch(97% 0.008 80);
--text-xxs: 10px; --text-xxs: 10px;
--tracking-widester: 0.5em; --tracking-widester: 0.5em;
--background-image-vig: radial-gradient( --background-image-vig: radial-gradient(circle at center,
circle at center, transparent 0%,
transparent 0%, rgba(0, 0, 0, 0.4) 100%);
rgba(0, 0, 0, 0.4) 100%
);
} }
.glass-card { .glass-card {
@apply bg-glass-bg backdrop-blur-xl border border-white/5 shadow-warm rounded-xl m-4; @apply bg-glass-bg backdrop-blur-xl border border-neutral-content/10 shadow-warm rounded-xl m-4;
} }
.ul-wavy { .ul-wavy {
@apply decoration-primary/40 underline decoration-wavy underline-offset-4; @apply decoration-primary/40 underline decoration-wavy underline-offset-4;
} }
a { a {
@apply text-primary underline decoration-base-content/20 underline-offset-4 hover:decoration-primary/60 transition-colors; @apply text-primary underline decoration-base-content/20 underline-offset-4 hover:decoration-primary/60 transition-colors;
} }