u
This commit is contained in:
@@ -270,8 +270,8 @@ export const ASK_PROMPT_BORDER_PAIR = { light: BLUE_PANEL, dark: BLUE_BORDER };
|
||||
/** Deep petrol — the app's structural dark. */
|
||||
export const NAV_SURFACE = mix(DARK_6, CHROMA.PETROL.dark, 0.3);
|
||||
|
||||
/** Horizontal sheen across the sidebar. */
|
||||
export const NAV_BACKGROUND = `linear-gradient(90deg, ${mix(NAV_SURFACE, DARK_6, 0.4)} 0%, ${mix(NAV_SURFACE, WHITE, 0.06)} 25%, ${NAV_SURFACE} 60%, ${mix(NAV_SURFACE, DARK_6, 0.3)} 100%)`;
|
||||
/** Horizontal sheen across the sidebar — kept very soft, no hard banding. */
|
||||
export const NAV_BACKGROUND = `linear-gradient(90deg, ${mix(NAV_SURFACE, DARK_6, 0.16)} 0%, ${mix(NAV_SURFACE, WHITE, 0.04)} 25%, ${NAV_SURFACE} 60%, ${mix(NAV_SURFACE, DARK_6, 0.12)} 100%)`;
|
||||
|
||||
export const NAV_ITEM = mix(WHITE, CHROMA.PETROL.dark, 0.45);
|
||||
export const NAV_ITEM_HOVER = mix(DARK_5, CHROMA.PETROL.dark, 0.3);
|
||||
@@ -282,6 +282,14 @@ export const NAV_ITEM_ACTIVE_TEXT = mix(CHROMA.PETROL.light, WHITE, 0.15);
|
||||
/** Accent for active items and live draft badges. */
|
||||
export const NAV_ITEM_ACTIVE_ACCENT = CHROMA.PETROL.light;
|
||||
|
||||
/**
|
||||
* Sub-navigation (2nd level) sits on the light app background, not on the
|
||||
* dark sidebar — so its active surface only needs a mid dip to let the light
|
||||
* accent read. Well short of the fully deep `NAV_ITEM_ACTIVE`.
|
||||
*/
|
||||
export const NAV_SUB_ACTIVE = mix(MAIN_BACKGROUND, NAV_ITEM_ACTIVE, 0.55);
|
||||
export const NAV_SUB_ACTIVE_HOVER = mix(MAIN_BACKGROUND, NAV_ITEM_ACTIVE, 0.55);
|
||||
|
||||
/* ────────────────────────────────────────────────────────────────────────────
|
||||
* 9. CHAT / AI ASSISTANT
|
||||
* -------------------------------------------------------------------------*/
|
||||
|
||||
Reference in New Issue
Block a user