Rebrand via Tailwind theme vars; hide signup prompt via :has() + observer; sync yaml with volume fix
This commit is contained in:
1 parent
a4855aba2f
commit
03e6baf3df
4 files changed
+76
-100
No files matched your search
+46
-32
@@ -1,51 +1,65 @@
|
||||
/* Co‑op branding colors */
|
||||
:root {
|
||||
--brand-primary-rgb: 91,140,90; /* green */
|
||||
--brand-surface-rgb: 250,248,245;/* cream */
|
||||
/* ============================================================
|
||||
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;
|
||||
}
|
||||
|
||||
/* Primary‑color UI */
|
||||
button,
|
||||
.primary,
|
||||
.MuiButton-contained,
|
||||
.ant-btn-primary {
|
||||
background-color: rgb(var(--brand-primary-rgb)) !important;
|
||||
border-color: rgb(var(--brand-primary-rgb)) !important;
|
||||
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;
|
||||
}
|
||||
|
||||
/* Surface background */
|
||||
body,
|
||||
.appContainer,
|
||||
.chatContainer,
|
||||
.login-page {
|
||||
background-color: rgb(var(--brand-surface-rgb)) !important;
|
||||
/* ---- 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;
|
||||
}
|
||||
|
||||
/* Hide any registration / external‑account UI */
|
||||
/* Belt-and-braces: hide any residual register/signup links */
|
||||
a[href*="register"],
|
||||
a[href*="signup"],
|
||||
.register-link,
|
||||
.signup-link {
|
||||
a[href*="signup"] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Ensure text on login page uses branding colors */
|
||||
.login-page, .login-page * {
|
||||
color: rgb(36,48,32) !important;
|
||||
}
|
||||
|
||||
/* ---- Footer: simple centered link to the co-op homepage ---- */
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
}
|
||||
footer::before {
|
||||
content: "© Inference Co‑op – ";
|
||||
content: "© Inference Co-op – ";
|
||||
}
|
||||
footer::after {
|
||||
content: "inference.coop";
|
||||
color: rgb(var(--brand-primary-rgb));
|
||||
color: rgb(var(--accent-primary));
|
||||
cursor: pointer;
|
||||
}
|
||||
footer::after:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
Reference in new issue
Block a user