Add custom.css and inject it into index.html
This commit is contained in:
1 parent
ff8532afd8
commit
c967d788de
2 files changed
+53
No files matched your search
@@ -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/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 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
|
# Browser-tab title (index.html is baked at build; sed no-ops harmlessly if
|
||||||
# the upstream markup ever changes)
|
# the upstream markup ever changes)
|
||||||
RUN sed -i 's|<title>LibreChat</title>|<title>Inference Co-op</title>|' /app/code/librechat/client/dist/index.html
|
RUN sed -i 's|<title>LibreChat</title>|<title>Inference Co-op</title>|' /app/code/librechat/client/dist/index.html
|
||||||
@@ -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;
|
||||||
|
}
|
||||||
Reference in new issue
Block a user