restore green-wash theme (lost in the Oct 21 rebuild) + PWA band colors
The Oct 19 theming (light = #eaf3ea dashboard green wash, white cards/surfaces, per approval) was never committed - the Oct 21 pin-migration rebuild from this repo silently reverted the deployed theme to the older cream iteration. - custom.css: light block restored to the approved green-wash palette (primary #eaf3ea, white secondary/chat cards, green hover/tertiary/border); loading screen + bare page background match. - Dockerfile: manifest theme_color/background_color and the index.html theme-color media pair now follow the live palette (#eaf3ea light / #22271f deep pine dark). - custom2.js: sync ONE meta theme-color to the app's resolved theme (html.dark class + prefers-color-scheme listener) so Android status/nav bands and iOS safe areas track the theme at runtime; the static media pair remains as the no-JS fallback.
This commit is contained in:
1 parent
7eb13856d7
commit
d86483e5a1
4 files changed
+50
-13
No files matched your search
+6
-4
@@ -59,7 +59,9 @@ RUN python3 /app/code/patch_index.py && \
|
||||
|
||||
# PWA chrome colors: LibreChat ships a teal theme_color (#009688) in the web
|
||||
# manifest (the bright green bar Firefox PWAs draw across the top) and black
|
||||
# background_color. Point both at the cream page color; the index.html meta
|
||||
# gets a light + dark pair so browser tabs match the theme too.
|
||||
RUN sed -i 's|"theme_color": *"#009688"|"theme_color":"#faf8f5"|; s|"background_color": *"#000000"|"background_color":"#faf8f5"|' /app/code/librechat/client/dist/manifest.webmanifest && \
|
||||
sed -i 's|<meta name="theme-color" content="#171717" />|<meta name="theme-color" media="(prefers-color-scheme: light)" content="#faf8f5" />\n <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#22271f" />|' /app/code/librechat/client/dist/index.html
|
||||
# background_color. Point both at the light page color (#eaf3ea dashboard green
|
||||
# wash — the manifest can only hold one value; custom2.js re-syncs the meta
|
||||
# tags to the app's actual theme at runtime). The index.html meta gets a
|
||||
# light + dark pair so browser/PWA chrome matches the phone theme natively.
|
||||
RUN sed -i 's|"theme_color": *"#009688"|"theme_color":"#eaf3ea"|; s|"background_color": *"#000000"|"background_color":"#eaf3ea"|' /app/code/librechat/client/dist/manifest.webmanifest && \
|
||||
sed -i 's|<meta name="theme-color" content="#171717" />|<meta name="theme-color" media="(prefers-color-scheme: light)" content="#eaf3ea" />\n <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#22271f" />|' /app/code/librechat/client/dist/index.html
|
||||
Reference in new issue
Block a user