seb/dashfront
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

u

Browse Source
This commit is contained in:
seb
2026-10-08 21:06:34 +02:00
parent 457c41ab1d
commit 064dd2bd31
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/colors.js
View File

@@ -345,11 +345,18 @@ export const SHADOW_BUBBLE_ASSISTANT = `0 1px 4px ${TINT_ROW_HOVER}`;
* dialog is open (`html.df-dialog-open` in `src/index.css`). * dialog is open (`html.df-dialog-open` in `src/index.css`).
* -------------------------------------------------------------------------*/ * -------------------------------------------------------------------------*/
/** Opaque fog base — deep navy with a blue push. */ /** Raw deep-navy base tint used for the dialog fog backdrop. */
export const DIALOG_FOG_SOLID = mix(DARK_6, CHROMA.BLUE.dark, 0.42); export const DIALOG_FOG_NAVY = mix(DARK_6, CHROMA.BLUE.dark, 0.42);
/** Translucent backdrop wash painted over the page. */ /** Translucent backdrop wash painted over the page. */
export const DIALOG_FOG = alpha(DIALOG_FOG_SOLID, 0.72); export const DIALOG_FOG = alpha(DIALOG_FOG_NAVY, 0.72);
/**
* Solid fog color seen when DIALOG_FOG (72% opacity) is drawn over MAIN_BACKGROUND.
* Published as `--df-dialog-fog` so the reserved scrollbar-gutter strip on
* `html.df-dialog-open` seamlessly matches the translucent fog backdrop over the app.
*/
export const DIALOG_FOG_SOLID = mix(MAIN_BACKGROUND, DIALOG_FOG_NAVY, 0.72);
/* ──────────────────────────────────────────────────────────────────────────── /* ────────────────────────────────────────────────────────────────────────────
* 11. CSS VARIABLE BRIDGE * 11. CSS VARIABLE BRIDGE

2
src/index.css
View File

@@ -51,7 +51,7 @@ html {
html.df-dialog-open, html.df-dialog-open,
html.df-dialog-open body, html.df-dialog-open body,
html.df-dialog-open #root { html.df-dialog-open #root {
background-color: var(--df-dialog-fog, #152e73); background-color: var(--df-dialog-fog, #345585);
} }
/* SortableJS: Kategorie-Reorder im Edit-Modus. /* SortableJS: Kategorie-Reorder im Edit-Modus.