+27
-2
@@ -1,6 +1,32 @@
|
||||
@import "tailwindcss";
|
||||
@plugin "daisyui" {
|
||||
themes: dark --default;
|
||||
themes: dark, kanagawa;
|
||||
}
|
||||
|
||||
:root,
|
||||
[data-theme="kanagawa"] {
|
||||
--color-base-100: #1f1f28;
|
||||
--color-base-200: #1a1a22;
|
||||
--color-base-300: #16161d;
|
||||
--color-base-content: #dcd7ba;
|
||||
--color-primary: #7e9cd8;
|
||||
--color-primary-content: #16161d;
|
||||
--color-secondary: #957fb8;
|
||||
--color-secondary-content: #16161d;
|
||||
--color-accent: #ffa066;
|
||||
--color-accent-content: #16161d;
|
||||
--color-neutral: #2a2a37;
|
||||
--color-neutral-content: #dcd7ba;
|
||||
--color-info: #7ed499;
|
||||
--color-success: #98bb6c;
|
||||
--color-warning: #ff9e3b;
|
||||
--color-error: #c34043;
|
||||
}
|
||||
|
||||
/* 2. Explicit selector for the dark theme */
|
||||
[data-theme="dark"] {
|
||||
/* daisyUI builds the dark theme internally once registered above,
|
||||
but explicitly mapping the attribute ensures manual switching works */
|
||||
}
|
||||
|
||||
/* Reserve space for the vertical scrollbar even when the page doesn't scroll,
|
||||
@@ -15,4 +41,3 @@ html {
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user