Files
librechat-custom/assets/custom.css
T

66 lines
2.0 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* ============================================================
Inference Co-op branding — LibreChat overlay (v2, DOM-verified)
LibreChat's Tailwind theme resolves every color through CSS
variables set on html.light / html.dark (space-separated RGB).
Overriding those variables rebrands the WHOLE app — login page,
chat UI, dialogs — through the existing theme system.
============================================================ */
html.light {
--surface-primary: 250 248 245; /* cream background */
--surface-secondary: 241 237 230;
--surface-tertiary: 232 227 217;
--surface-hover: 236 234 217;
--surface-submit: 91 140 90; /* co-op green */
--surface-submit-hover: 74 122 74;
--accent-primary: 91 140 90;
--accent-primary-hover: 74 122 74;
--ring-primary: 91 140 90;
--link: 74 122 74;
--text-primary: 36 48 32;
--text-secondary: 90 107 82;
--border-light: 213 221 208;
}
html.dark {
--surface-primary: 31 36 27;
--surface-secondary: 38 45 34;
--surface-tertiary: 46 54 40;
--surface-hover: 49 57 45;
--surface-submit: 122 184 122;
--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: 236 233 226;
--text-secondary: 168 173 158;
--border-light: 74 82 64;
}
/* ---- 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;
}