/* ============================================================
Stacy branding-stylesheet
------------------------------------------------------------
Wordt door Caddy als in de van LibreChat
geinjecteerd. Bestand zelf wordt via docker-compose.override.yml
gemount op /app/client/dist/assets/branding/stacy.css.
Bij LibreChat-versie-upgrade verifieren of:
- Lucide-icon-classes (lucide-bot, lucide-file-image) nog matchen
- .shadow-stroke nog de welcome-bubble-container is
- CSS-vars --surface-submit etc. nog bestaan
============================================================ */
/* --- Barlow lettertype ---------------------------------- */
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/assets/branding/fonts/Barlow-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/assets/branding/fonts/Barlow-Medium.woff2') format('woff2');
}
/* Body-text overal Barlow, behalve code-blokken (monospace behouden) */
html, body, button, input, textarea, select {
font-family: 'Barlow', ui-sans-serif, system-ui, -apple-system,
BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
code, pre, kbd, samp, .font-mono {
font-family: ui-monospace, 'SF Mono', Monaco, 'Cascadia Code',
'Roboto Mono', Consolas, monospace !important;
}
/* --- Staete-blauw kleurschema --------------------------- */
/* Scope bewust beperkt: verzendknop + active-state in side panel.
--brand-purple, --text-primary, --presentation NIET aanraken
(te breed; raakt body-text en bubble-backgrounds). */
:root,
.dark {
--surface-submit: #0070b8;
--surface-submit-hover: #005a94;
/* Onderstaande twee zijn een probeerballon — bijslijpen als
de side-panel-active-state niet visueel oplicht. */
--surface-active: #0070b8;
--surface-active-alt: #005a94;
}
/* --- Lucide-icon-vervangingen --------------------------- */
/* (Bestaand, gemigreerd uit Caddyfile)
Verberg "Upload to Provider"-knop op beide plekken
(paperclip-menu + drag-overlay). */
button:has(svg.lucide-file-image),
[role="menuitem"]:has(svg.lucide-file-image) {
display: none !important;
}
/* Welcome-bubble (centrum boven "Good morning, Nick Fitters"):
verberg robotje-icoon, Stacy-logo als background op de cirkel. */
.shadow-stroke svg.lucide-bot {
display: none;
}
.shadow-stroke {
background-image: url('/assets/logo.svg');
background-size: 65%;
background-repeat: no-repeat;
background-position: center;
}
/* Side panel preset-button (naast tekst "Stacy"):
verberg robotje-icoon, voeg pseudo-element toe met logo. */
button svg.lucide-bot.icon-md {
display: none;
}
button:has(svg.lucide-bot.icon-md) > div::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url('/assets/logo.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
/* --- Zijbalk: Staete-blauw met witte tekst ------------- */
/* Targeting via