Add custom.css and inject it into index.html

Dockerfile

@@ -29,6 +29,12 @@ COPY assets/apple-touch-icon-180x180.png /app/code/librechat/client/dist/assets/
 COPY assets/icon-192x192.png /app/code/librechat/client/dist/assets/icon-192x192.png
 COPY assets/maskable-icon.png /app/code/librechat/client/dist/assets/maskable-icon.png
 
+# Copy custom branding CSS
+COPY assets/custom.css /app/code/librechat/client/dist/assets/custom.css
+# Insert the CSS link after the title tag
+RUN sed -i '/<title>Inference Co-op<\/title>/a \\
+    <link rel="stylesheet" href="assets/custom.css">' /app/code/librechat/client/dist/index.html
+
 # Browser-tab title (index.html is baked at build; sed no-ops harmlessly if
 # the upstream markup ever changes)
 RUN sed -i 's|<title>LibreChat</title>|<title>Inference Co-op</title>|' /app/code/librechat/client/dist/index.html

assets/custom.css

@@ -0,0 +1,47 @@
+/* Co‑op branding colors */
+:root {
+  --brand-primary-rgb: 91,140,90;   /* green */
+  --brand-surface-rgb: 250,248,245;/* cream */
+}
+
+/* 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;
+}
+
+/* Surface background */
+body,
+.appContainer,
+.chatContainer,
+.login-page {
+  background-color: rgb(var(--brand-surface-rgb)) !important;
+}
+
+/* Hide any registration / external‑account UI */
+a[href*="register"],
+a[href*="signup"],
+.register-link,
+.signup-link {
+  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(--brand-primary-rgb));
+  cursor: pointer;
+}
+footer::after:hover {
+  text-decoration: underline;
+}