79 lines
2.8 KiB
CSS
79 lines
2.8 KiB
CSS
/* ============================================================
|
||
Inference Co-op branding — LibreChat overlay (v3)
|
||
Colors are pulled from the co-op homepage's own CSS variables
|
||
(inference.coop): --cream #faf8f5, --wash #eef4ea, --green-deep
|
||
#5b8c5a, --green-mid #6ba86b, --green-light #7ab87a, --ink
|
||
#2d3327, --muted #6b7a62, --border #e8e2d8, font Figtree.
|
||
LibreChat resolves its Tailwind colors through CSS variables on
|
||
html.light / html.dark (space-separated RGB) — overriding them
|
||
rebrands the WHOLE app through the existing theme system.
|
||
============================================================ */
|
||
|
||
html.light {
|
||
--surface-primary: 250 248 245; /* --cream #faf8f5 */
|
||
--surface-secondary: 238 244 234; /* --wash #eef4ea */
|
||
--surface-tertiary: 232 226 216; /* --border #e8e2d8 */
|
||
--surface-hover: 232 245 232; /* #e8f5e8 (homepage wash hover) */
|
||
--surface-submit: 91 140 90; /* --green-deep #5b8c5a */
|
||
--surface-submit-hover: 107 168 107; /* --green-mid #6ba86b */
|
||
--accent-primary: 91 140 90; /* --green-deep */
|
||
--accent-primary-hover: 107 168 107; /* --green-mid */
|
||
--ring-primary: 91 140 90; /* --green-deep */
|
||
--link: 91 140 90; /* --green-deep */
|
||
--text-primary: 45 51 39; /* --ink #2d3327 */
|
||
--text-secondary: 107 122 98; /* --muted #6b7a62 */
|
||
--border-light: 232 226 216; /* --border #e8e2d8 */
|
||
}
|
||
|
||
html.dark {
|
||
--surface-primary: 34 39 31; /* deep pine */
|
||
--surface-secondary: 42 48 39;
|
||
--surface-tertiary: 52 59 48;
|
||
--surface-hover: 45 51 39; /* --ink */
|
||
--surface-submit: 122 184 122; /* --green-light #7ab87a */
|
||
--surface-submit-hover: 142 200 142;
|
||
--accent-primary: 122 184 122;
|
||
--accent-primary-hover: 142 200 142;
|
||
--ring-primary: 142 200 142;
|
||
--link: 142 200 142;
|
||
--text-primary: 232 245 232; /* #e8f5e8 */
|
||
--text-secondary: 148 160 140;
|
||
--border-light: 74 82 64;
|
||
}
|
||
|
||
/* ---- Loading screen: brand the pre-React flash instead of white/black ---- */
|
||
#loading-container {
|
||
background-color: rgb(250, 248, 245); /* cream */
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
#loading-container {
|
||
background-color: rgb(34, 39, 31); /* deep pine */
|
||
}
|
||
}
|
||
|
||
/* ---- Remove the "Don't have an account? Sign up" line ----
|
||
The <p> wraps the register link on auth pages. :has() hides the
|
||
whole paragraph (custom2.js is the MutationObserver fallback). */
|
||
p:has(> a[href*="register"]) {
|
||
display: none !important;
|
||
}
|
||
/* Belt-and-braces: hide any residual register/signup links */
|
||
a[href*="register"],
|
||
a[href*="signup"] {
|
||
display: none !important;
|
||
}
|
||
|
||
/* ---- Footer: simple centered link to the co-op homepage ---- */
|
||
footer {
|
||
text-align: center;
|
||
padding: 1rem;
|
||
}
|
||
footer::before {
|
||
content: "© Inference Co-op – ";
|
||
}
|
||
footer::after {
|
||
content: "inference.coop";
|
||
color: rgb(var(--accent-primary));
|
||
cursor: pointer;
|
||
}
|