diff --git a/Dockerfile b/Dockerfile index 71a4c8b..9331c2b 100644 --- a/Dockerfile +++ b/Dockerfile @@ -30,12 +30,12 @@ COPY assets/icon-192x192.png /app/code/librechat/client/dist/assets/icon-192x192 COPY assets/maskable-icon.png /app/code/librechat/client/dist/assets/maskable-icon.png # Custom stylesheet and optional helper JS -COPY assets/custom.css /app/code/librechat/client/dist/assets/custom.css +COPY assets/custom_v2.css /app/code/librechat/client/dist/assets/custom_v2.css # rebuild trigger COPY assets/custom2.js /app/code/librechat/client/dist/assets/custom2.js # Inject branding into built HTML (dist) before image is packaged # rebuild marker 20261019-$(date +%s) RUN sed -i 's|LibreChat|Inference Co‑op|' /app/code/librechat/client/dist/index.html && \ - sed -i '/Inference Co‑op<\/title>/a <link rel="stylesheet" href="assets/custom.css">' /app/code/librechat/client/dist/index.html && \ - sed -i '/<link rel="stylesheet" href="assets\/custom.css">/a <script src="assets/custom2.js"></script>' /app/code/librechat/client/dist/index.html + sed -i '/<title>Inference Co‑op<\/title>/a <link rel="stylesheet" href="assets/custom_v2.css">' /app/code/librechat/client/dist/index.html && \ + sed -i '/<link rel="stylesheet" href="assets\/custom_v2.css">/a <script src="assets/custom2.js"></script>' /app/code/librechat/client/dist/index.html diff --git a/assets/custom_v2.css b/assets/custom_v2.css new file mode 100644 index 0000000..086ae7d --- /dev/null +++ b/assets/custom_v2.css @@ -0,0 +1,50 @@ +/* Co‑op branding colors */ +:root { + --brand-primary-rgb: 91,140,90; /* green */ + --brand-surface-rgb: 250,248,245;/* cream */ +} + +/* Primary‑color UI */ +button, +.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; +} + +/* Ensure text on login page uses branding colors */ +.login-page, .login-page * { + color: rgb(36,48,32) !important; +} + +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; +}