thepraandClaude Opus 5.5
5b5fd62233
Styles/theme.css defines two daisyUI themes, neo-light (default) and neo-dark (prefersdark). Every colour is an hsl() of three runtime variables: --neo-hue-light, --neo-hue-dark and --neo-chroma. One formula replaces the six hard-coded branches CascadingState writes today. Chroma 0 gives the grey themes, and the fallbacks match PageSettings' defaults. Styles/neo.css ports neomorph.scss: - neo-raised, neo-inset and neo-flat, with sizes neo-2xs, neo-xs, neo-sm and neo-md. The size variables don't inherit, and Tailwind variants replace the old -sm..-2xl classes, some of which were never compiled. - The pressed and raised gradients, and the rainbow hue-slider track. - @utility overrides that give the neumorphic look to daisyUI's buttons, fields, selectors and surfaces. They sit above daisyUI's own cascade layers, so each one leaves out the variants it must not touch: ghost, link, outline and the rest. Styles/base.css carries over base.scss: scrollbars, selection colours, the focus outline reset, and link underlines everywhere except on buttons. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
41 lines
871 B
CSS
41 lines
871 B
CSS
/* Port of the old SCSS/base.scss and wwwroot/css/tailwind-override.css. daisyUI's rootcolor module already gives the
|
|
page base-100 and base-content. */
|
|
@layer base {
|
|
:focus-visible {
|
|
outline: none;
|
|
}
|
|
|
|
details > summary::-webkit-details-marker {
|
|
color: var(--color-base-content);
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-button,
|
|
::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: var(--neo-strong);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--color-base-content);
|
|
}
|
|
|
|
::selection {
|
|
color: var(--color-base-100);
|
|
background-color: var(--neo-strong);
|
|
}
|
|
|
|
/* Preflight resets link decoration; links keep their underline, links styled as buttons don't. */
|
|
a:not(.btn) {
|
|
text-decoration-line: underline;
|
|
}
|
|
}
|