[PR #5215] [CLOSED] refactor(theme): full color palette refactor — Infinite Night / Marsh Field / Burnt Earth #5355

Closed
opened 2026-06-05 15:21:05 -04:00 by yindo · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/Mintplex-Labs/anything-llm/pull/5215
Author: @AndreasRamsli
Created: 3/15/2026
Status: Closed

Base: masterHead: feat/color-palette-refactor


📝 Commits (10+)

  • 87d395d wip new prompt input ui/tools menu
  • e73d462 New chat history layout with chat bubbles (#4985)
  • 6c90286 fix colors for prompt input
  • 0185801 redesign workspace llm selector, extract text size + model picker to components
  • 36e8115 Add Lovora custom Docker image with cloudflared + CI/CD pipeline
  • 7e7e98b Fix workflow branch: trigger on master not main
  • fa5bd14 Trigger Lovora build
  • de0d5ab Remove paths filter to trigger build on all master pushes
  • 3969f4e Trigger fresh Lovora build
  • 0ff94b9 Fix cloudflared token env var name for RunPod secrets

📊 Changes

140 files changed (+7731 additions, -1217 deletions)

View changed files

.github/workflows/deploy.yml (+46 -0)
📝 .gitignore (+6 -0)
📝 README.md (+15 -0)
📝 frontend/index.html (+9 -13)
📝 frontend/src/LogoContext.jsx (+8 -12)
📝 frontend/src/components/DefaultChat/index.jsx (+6 -2)
📝 frontend/src/components/Footer/index.jsx (+3 -3)
📝 frontend/src/components/Modals/ManageWorkspace/Documents/WorkspaceDirectory/index.jsx (+3 -2)
📝 frontend/src/components/Modals/ManageWorkspace/index.jsx (+3 -1)
📝 frontend/src/components/Modals/Password/MultiUserAuth.jsx (+25 -25)
📝 frontend/src/components/Modals/Password/SingleUserAuth.jsx (+6 -6)
📝 frontend/src/components/Modals/Password/index.jsx (+2 -3)
📝 frontend/src/components/SettingsButton/index.jsx (+2 -2)
📝 frontend/src/components/SettingsSidebar/index.jsx (+14 -7)
📝 frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx (+13 -13)
📝 frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/index.jsx (+3 -3)
📝 frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx (+10 -7)
📝 frontend/src/components/Sidebar/SearchBox/index.jsx (+5 -4)
📝 frontend/src/components/Sidebar/index.jsx (+15 -9)
📝 frontend/src/components/TextToSpeech/PiperTTSOptions/index.jsx (+1 -1)

...and 80 more files

📄 Description

Summary

  • New 6-color palette: Doctor (#F9F9F9), Divine Pleasure (#F4EFE1), Marsh Field (#D4C477), Rustic Wicker (#B18A56), Burnt Earth (#9D4531), Infinite Night (#071037)
  • Tailwind config: Added 8 named palette tokens + remapped zinc 700/800/900 to Infinite Night navy shades — all existing bg-zinc-* dark surfaces auto-adopt new palette with zero component changes
  • CSS variables: Replaced all :root (dark) and [data-theme="light"] theme variables — Infinite Night base with Marsh Field gold accent (dark), Doctor base with Burnt Earth rust accent (light)
  • ~50 component files: Replaced hardcoded light: Tailwind variant classes and dark-mode text-zinc-*/text-slate-* text classes across Sidebar, ChatContainer, PromptInput, Modals, Admin pages, and Settings pages

Architecture

Two theming paths both updated:

  1. CSS variable path (index.csstailwind.config.js theme.* tokens) — covers ~60-70% of surfaces
  2. Tailwind light: variant path (.light & {} selector in JSX) — covers remaining ~30-40%, fully bypasses CSS vars, required per-file updates

Pre-Landing Review

2 informational issues found and fixed before shipping:

  • MultiUserAuth.jsxlight:hover:text-sky-600 (hover variant missed by bulk replace) → light:hover:text-burnt-earth
  • SpeechToText/index.jsxlight:!text-slate-800 (Tailwind !important modifier prevented match) → light:!text-infinite-night

Eval Results

No prompt-related files changed — evals skipped.

Test plan

  • Dark mode: deep navy backgrounds, Marsh Field gold on CTAs/selections, Doctor white text
  • Light mode: Doctor white bg, Divine Pleasure cream sidebar, Burnt Earth rust CTAs, Infinite Night navy text
  • System theme toggle: both directions work correctly
  • Spot-check: sidebar, chat input, modals, file picker, checklist, auth modal, settings, admin pages

🤖 Generated with Claude Code


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/Mintplex-Labs/anything-llm/pull/5215 **Author:** [@AndreasRamsli](https://github.com/AndreasRamsli) **Created:** 3/15/2026 **Status:** ❌ Closed **Base:** `master` ← **Head:** `feat/color-palette-refactor` --- ### 📝 Commits (10+) - [`87d395d`](https://github.com/Mintplex-Labs/anything-llm/commit/87d395d66dcc224fdbb526b8481cca33f9073e60) wip new prompt input ui/tools menu - [`e73d462`](https://github.com/Mintplex-Labs/anything-llm/commit/e73d462840c4e078dd6c1f6a6b28916a9e6922dd) New chat history layout with chat bubbles (#4985) - [`6c90286`](https://github.com/Mintplex-Labs/anything-llm/commit/6c90286bc6d29ef847f3f1dc15651bf3273e5935) fix colors for prompt input - [`0185801`](https://github.com/Mintplex-Labs/anything-llm/commit/018580133efa32a208926bbf084b19c600a8e78a) redesign workspace llm selector, extract text size + model picker to components - [`36e8115`](https://github.com/Mintplex-Labs/anything-llm/commit/36e811592e7cf1b295bb3482c33f37a93d0ea35d) Add Lovora custom Docker image with cloudflared + CI/CD pipeline - [`7e7e98b`](https://github.com/Mintplex-Labs/anything-llm/commit/7e7e98b224e82afc3b47dc585ffda91267af5452) Fix workflow branch: trigger on master not main - [`fa5bd14`](https://github.com/Mintplex-Labs/anything-llm/commit/fa5bd143fabaf4ad62062c8695f12865152b6bb2) Trigger Lovora build - [`de0d5ab`](https://github.com/Mintplex-Labs/anything-llm/commit/de0d5abb375d87b346777bfd85f056a772325a29) Remove paths filter to trigger build on all master pushes - [`3969f4e`](https://github.com/Mintplex-Labs/anything-llm/commit/3969f4ea4f7896b07e04742b49b1f13640c747a1) Trigger fresh Lovora build - [`0ff94b9`](https://github.com/Mintplex-Labs/anything-llm/commit/0ff94b980c82ff0091bdfc5b8e062c967e6512e8) Fix cloudflared token env var name for RunPod secrets ### 📊 Changes **140 files changed** (+7731 additions, -1217 deletions) <details> <summary>View changed files</summary> ➕ `.github/workflows/deploy.yml` (+46 -0) 📝 `.gitignore` (+6 -0) 📝 `README.md` (+15 -0) 📝 `frontend/index.html` (+9 -13) 📝 `frontend/src/LogoContext.jsx` (+8 -12) 📝 `frontend/src/components/DefaultChat/index.jsx` (+6 -2) 📝 `frontend/src/components/Footer/index.jsx` (+3 -3) 📝 `frontend/src/components/Modals/ManageWorkspace/Documents/WorkspaceDirectory/index.jsx` (+3 -2) 📝 `frontend/src/components/Modals/ManageWorkspace/index.jsx` (+3 -1) 📝 `frontend/src/components/Modals/Password/MultiUserAuth.jsx` (+25 -25) 📝 `frontend/src/components/Modals/Password/SingleUserAuth.jsx` (+6 -6) 📝 `frontend/src/components/Modals/Password/index.jsx` (+2 -3) 📝 `frontend/src/components/SettingsButton/index.jsx` (+2 -2) 📝 `frontend/src/components/SettingsSidebar/index.jsx` (+14 -7) 📝 `frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx` (+13 -13) 📝 `frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/index.jsx` (+3 -3) 📝 `frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx` (+10 -7) 📝 `frontend/src/components/Sidebar/SearchBox/index.jsx` (+5 -4) 📝 `frontend/src/components/Sidebar/index.jsx` (+15 -9) 📝 `frontend/src/components/TextToSpeech/PiperTTSOptions/index.jsx` (+1 -1) _...and 80 more files_ </details> ### 📄 Description ## Summary - **New 6-color palette:** Doctor (#F9F9F9), Divine Pleasure (#F4EFE1), Marsh Field (#D4C477), Rustic Wicker (#B18A56), Burnt Earth (#9D4531), Infinite Night (#071037) - **Tailwind config:** Added 8 named palette tokens + remapped zinc 700/800/900 to Infinite Night navy shades — all existing `bg-zinc-*` dark surfaces auto-adopt new palette with zero component changes - **CSS variables:** Replaced all `:root` (dark) and `[data-theme="light"]` theme variables — Infinite Night base with Marsh Field gold accent (dark), Doctor base with Burnt Earth rust accent (light) - **~50 component files:** Replaced hardcoded `light:` Tailwind variant classes and dark-mode `text-zinc-*`/`text-slate-*` text classes across Sidebar, ChatContainer, PromptInput, Modals, Admin pages, and Settings pages ## Architecture Two theming paths both updated: 1. **CSS variable path** (`index.css` → `tailwind.config.js` `theme.*` tokens) — covers ~60-70% of surfaces 2. **Tailwind `light:` variant path** (`.light & {}` selector in JSX) — covers remaining ~30-40%, fully bypasses CSS vars, required per-file updates ## Pre-Landing Review 2 informational issues found and fixed before shipping: - `MultiUserAuth.jsx` — `light:hover:text-sky-600` (hover variant missed by bulk replace) → `light:hover:text-burnt-earth` - `SpeechToText/index.jsx` — `light:!text-slate-800` (Tailwind `!important` modifier prevented match) → `light:!text-infinite-night` ## Eval Results No prompt-related files changed — evals skipped. ## Test plan - [ ] Dark mode: deep navy backgrounds, Marsh Field gold on CTAs/selections, Doctor white text - [ ] Light mode: Doctor white bg, Divine Pleasure cream sidebar, Burnt Earth rust CTAs, Infinite Night navy text - [ ] System theme toggle: both directions work correctly - [ ] Spot-check: sidebar, chat input, modals, file picker, checklist, auth modal, settings, admin pages 🤖 Generated with [Claude Code](https://claude.com/claude-code) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
yindo added the pull-request label 2026-06-05 15:21:05 -04:00
yindo closed this issue 2026-06-05 15:21:05 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Mintplex-Labs/anything-llm#5355