[PR #2481] [CLOSED] Dark mode UI overhaul #4001

Closed
opened 2026-02-22 18:34:56 -05:00 by yindo · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/Mintplex-Labs/anything-llm/pull/2481
Author: @shatfield4
Created: 10/15/2024
Status: Closed

Base: masterHead: dark-mode


📝 Commits (10+)

📊 Changes

187 files changed (+2684 additions, -2203 deletions)

View changed files

📝 frontend/src/App.jsx (+127 -119)
frontend/src/ThemeContext.jsx (+16 -0)
📝 frontend/src/components/ChangeWarning/index.jsx (+3 -3)
📝 frontend/src/components/ChatBubble/index.jsx (+4 -4)
📝 frontend/src/components/ContextualSaveBar/index.jsx (+5 -3)
📝 frontend/src/components/DefaultChat/index.jsx (+123 -205)
📝 frontend/src/components/EmbeddingSelection/AzureAiOptions/index.jsx (+3 -3)
📝 frontend/src/components/EmbeddingSelection/CohereOptions/index.jsx (+2 -2)
📝 frontend/src/components/EmbeddingSelection/GenericOpenAiOptions/index.jsx (+4 -4)
📝 frontend/src/components/EmbeddingSelection/LMStudioOptions/index.jsx (+4 -4)
📝 frontend/src/components/EmbeddingSelection/LiteLLMOptions/index.jsx (+5 -5)
📝 frontend/src/components/EmbeddingSelection/LocalAiOptions/index.jsx (+5 -5)
📝 frontend/src/components/EmbeddingSelection/OllamaOptions/index.jsx (+4 -4)
📝 frontend/src/components/EmbeddingSelection/OpenAiOptions/index.jsx (+2 -2)
📝 frontend/src/components/EmbeddingSelection/VoyageAiOptions/index.jsx (+2 -2)
📝 frontend/src/components/Footer/index.jsx (+4 -4)
📝 frontend/src/components/LLMSelection/AnthropicAiOptions/index.jsx (+6 -3)
📝 frontend/src/components/LLMSelection/ApiPieOptions/index.jsx (+15 -6)
📝 frontend/src/components/LLMSelection/AwsBedrockLLMOptions/index.jsx (+11 -8)
📝 frontend/src/components/LLMSelection/AzureAiOptions/index.jsx (+8 -5)

...and 80 more files

📄 Description

Pull Request Type

  • feat
  • 🐛 fix
  • ♻️ refactor
  • 💄 style
  • 🔨 chore
  • 📝 docs

Relevant Issues

resolves #2480

What is in this change?

  • Implement new dark mode UI across entire application
  • Improve mobile UI
  • Normalize modal styles
  • Implement a CSS variable based themeing system to allow for expansion of more themes in the future
  • Add dynamic tailwind theme classes to all components

Additional Information

Developer Validations

  • I ran yarn lint from the root of the repo & committed changes
  • Relevant documentation has been updated
  • I have tested my code functionality
  • Docker build succeeds locally

🔄 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/2481 **Author:** [@shatfield4](https://github.com/shatfield4) **Created:** 10/15/2024 **Status:** ❌ Closed **Base:** `master` ← **Head:** `dark-mode` --- ### 📝 Commits (10+) - [`4eb3ded`](https://github.com/Mintplex-Labs/anything-llm/commit/4eb3ded7e26c2cbadc919e59a4a1163e2e6146ec) Refactor workspace sidebar component styles (#2380) - [`83ab8a0`](https://github.com/Mintplex-Labs/anything-llm/commit/83ab8a091250ab0c1df85052ed152ee9b1f035ec) New sidebar colors (#2381) - [`3adc5e4`](https://github.com/Mintplex-Labs/anything-llm/commit/3adc5e4c5004680d56c6672f4cc7fb9824150096) Main container color update (#2382) - [`cbc4e80`](https://github.com/Mintplex-Labs/anything-llm/commit/cbc4e80d3153e1f93d2b2049088fbe0bed1d0054) Merge branch 'master' into dark-mode - [`d0546a4`](https://github.com/Mintplex-Labs/anything-llm/commit/d0546a47df6d48938980ad7b73453c012d7efa06) Dark mode setup themes (#2411) - [`eee99d3`](https://github.com/Mintplex-Labs/anything-llm/commit/eee99d3617127cbd4704cff5922dfb72cafbc813) Merge branch 'master' into dark-mode - [`4df4742`](https://github.com/Mintplex-Labs/anything-llm/commit/4df47420be9cffcd32a0fde89ea1c2a2036a5468) Settings sidebar UI updates (#2416) - [`88f5bb5`](https://github.com/Mintplex-Labs/anything-llm/commit/88f5bb5ce14fcdd291d832c7e8bac72369816d01) fix sidebar resizing/truncate issue on hover - [`29eff8a`](https://github.com/Mintplex-Labs/anything-llm/commit/29eff8a27f5248c6657777b0b628a94bf2c2c768) Dark mode chat window (#2443) - [`a2098a7`](https://github.com/Mintplex-Labs/anything-llm/commit/a2098a78b905d8fa84557d9232ee50b48b32b5c5) Dark mode welcome page (#2444) ### 📊 Changes **187 files changed** (+2684 additions, -2203 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/App.jsx` (+127 -119) ➕ `frontend/src/ThemeContext.jsx` (+16 -0) 📝 `frontend/src/components/ChangeWarning/index.jsx` (+3 -3) 📝 `frontend/src/components/ChatBubble/index.jsx` (+4 -4) 📝 `frontend/src/components/ContextualSaveBar/index.jsx` (+5 -3) 📝 `frontend/src/components/DefaultChat/index.jsx` (+123 -205) 📝 `frontend/src/components/EmbeddingSelection/AzureAiOptions/index.jsx` (+3 -3) 📝 `frontend/src/components/EmbeddingSelection/CohereOptions/index.jsx` (+2 -2) 📝 `frontend/src/components/EmbeddingSelection/GenericOpenAiOptions/index.jsx` (+4 -4) 📝 `frontend/src/components/EmbeddingSelection/LMStudioOptions/index.jsx` (+4 -4) 📝 `frontend/src/components/EmbeddingSelection/LiteLLMOptions/index.jsx` (+5 -5) 📝 `frontend/src/components/EmbeddingSelection/LocalAiOptions/index.jsx` (+5 -5) 📝 `frontend/src/components/EmbeddingSelection/OllamaOptions/index.jsx` (+4 -4) 📝 `frontend/src/components/EmbeddingSelection/OpenAiOptions/index.jsx` (+2 -2) 📝 `frontend/src/components/EmbeddingSelection/VoyageAiOptions/index.jsx` (+2 -2) 📝 `frontend/src/components/Footer/index.jsx` (+4 -4) 📝 `frontend/src/components/LLMSelection/AnthropicAiOptions/index.jsx` (+6 -3) 📝 `frontend/src/components/LLMSelection/ApiPieOptions/index.jsx` (+15 -6) 📝 `frontend/src/components/LLMSelection/AwsBedrockLLMOptions/index.jsx` (+11 -8) 📝 `frontend/src/components/LLMSelection/AzureAiOptions/index.jsx` (+8 -5) _...and 80 more files_ </details> ### 📄 Description ### Pull Request Type <!-- For change type, change [ ] to [x]. --> - [x] ✨ feat - [ ] 🐛 fix - [ ] ♻️ refactor - [ ] 💄 style - [ ] 🔨 chore - [ ] 📝 docs ### Relevant Issues <!-- Use "resolves #xxx" to auto resolve on merge. Otherwise, please use "connect #xxx" --> resolves #2480 ### What is in this change? <!-- Describe the changes in this PR that are impactful to the repo. --> - Implement new dark mode UI across entire application - Improve mobile UI - Normalize modal styles - Implement a CSS variable based themeing system to allow for expansion of more themes in the future - Add dynamic tailwind theme classes to all components ### Additional Information <!-- Add any other context about the Pull Request here that was not captured above. --> ### Developer Validations <!-- All of the applicable items should be checked. --> - [x] I ran `yarn lint` from the root of the repo & committed changes - [x] Relevant documentation has been updated - [x] I have tested my code functionality - [x] Docker build succeeds locally --- <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-02-22 18:34:56 -05:00
yindo closed this issue 2026-02-22 18:34:56 -05:00
yindo changed title from [PR #2481] Dark mode UI overhaul to [PR #2481] [CLOSED] Dark mode UI overhaul 2026-06-05 15:16:18 -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#4001