[PR #2454] [MERGED] Dark mode UI for settings pages + mobile view improvements #3994

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

📋 Pull Request Information

Original PR: https://github.com/Mintplex-Labs/anything-llm/pull/2454
Author: @shatfield4
Created: 10/9/2024
Status: Merged
Merged: 10/11/2024
Merged by: @shatfield4

Base: dark-modeHead: dark-mode-settings-pages


📝 Commits (10+)

  • 20e9279 dark mode ui for admin and tools pages + mobile view improvements
  • afa08ba lint
  • 64f4b25 ai provider pages + options darkmode ui
  • d3ab631 placeholder generic class
  • b2d16ef appearance settings styles
  • da44858 ai providers mobile margin
  • 1eb1ac9 dark mode styles for agent skills + experimental features
  • 4def34d mobile styles on security settings
  • 3062ef2 fine tune flow ui dark mode
  • 283691c workspace settings page

📊 Changes

127 files changed (+551 additions, -503 deletions)

View changed files

📝 frontend/src/components/ChatBubble/index.jsx (+3 -1)
📝 frontend/src/components/DefaultChat/index.jsx (+4 -13)
📝 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/LLMSelection/AnthropicAiOptions/index.jsx (+2 -2)
📝 frontend/src/components/LLMSelection/AwsBedrockLLMOptions/index.jsx (+4 -4)
📝 frontend/src/components/LLMSelection/AzureAiOptions/index.jsx (+5 -5)
📝 frontend/src/components/LLMSelection/CohereAiOptions/index.jsx (+2 -2)
📝 frontend/src/components/LLMSelection/DeepSeekOptions/index.jsx (+3 -3)
📝 frontend/src/components/LLMSelection/FireworksAiOptions/index.jsx (+3 -3)
📝 frontend/src/components/LLMSelection/GeminiLLMOptions/index.jsx (+3 -3)
📝 frontend/src/components/LLMSelection/GenericOpenAiOptions/index.jsx (+5 -5)
📝 frontend/src/components/LLMSelection/GroqAiOptions/index.jsx (+3 -3)

...and 80 more files

📄 Description

Pull Request Type

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

Relevant Issues

resolves #xxx

What is in this change?

• Update styles of mobile settings sidebar

• Update UI styles and layout fixes for mobile on the following pages:

  • Users (Admin)
  • Workspaces (Admin)
  • Workspace Chats (Admin)
  • Invites (Admin)
  • General Settings (Admin)
  • Chat Embed History (Tools)
  • Chat Embed (Tools)
  • Event Logs (Tools)
  • Developer API (Tools)
  • Browser Extension (Tools)

• Mobile Styles

  • Added padding around mobile container to improve UX and feel more natural
  • When rendering tables, only make table have overflow

• Workspace settings pages dark mode
• Fine tuning flow dark mode

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/2454 **Author:** [@shatfield4](https://github.com/shatfield4) **Created:** 10/9/2024 **Status:** ✅ Merged **Merged:** 10/11/2024 **Merged by:** [@shatfield4](https://github.com/shatfield4) **Base:** `dark-mode` ← **Head:** `dark-mode-settings-pages` --- ### 📝 Commits (10+) - [`20e9279`](https://github.com/Mintplex-Labs/anything-llm/commit/20e92794fc5c90c70366e9431e053ead73608be3) dark mode ui for admin and tools pages + mobile view improvements - [`afa08ba`](https://github.com/Mintplex-Labs/anything-llm/commit/afa08ba195bb6357cda54165048100d857bea1a5) lint - [`64f4b25`](https://github.com/Mintplex-Labs/anything-llm/commit/64f4b2568d8acdcb9497a4bd80755d71733b6fa2) ai provider pages + options darkmode ui - [`d3ab631`](https://github.com/Mintplex-Labs/anything-llm/commit/d3ab631bd1801e46fc86e1e8e5f642e8387150cd) placeholder generic class - [`b2d16ef`](https://github.com/Mintplex-Labs/anything-llm/commit/b2d16efcfb8f0aa06e0e15a029e67310102aa1c2) appearance settings styles - [`da44858`](https://github.com/Mintplex-Labs/anything-llm/commit/da44858c854ab61a7fa1bbc44c78daad437351ae) ai providers mobile margin - [`1eb1ac9`](https://github.com/Mintplex-Labs/anything-llm/commit/1eb1ac934f400df225f67420d4d9c8410da26dbf) dark mode styles for agent skills + experimental features - [`4def34d`](https://github.com/Mintplex-Labs/anything-llm/commit/4def34dc02a87e8f56f069d6fdd780c4e7c0b72b) mobile styles on security settings - [`3062ef2`](https://github.com/Mintplex-Labs/anything-llm/commit/3062ef25a90491270316dd4628be88405ac601dd) fine tune flow ui dark mode - [`283691c`](https://github.com/Mintplex-Labs/anything-llm/commit/283691cf53cbaab9b8c04c6046a8434dd7fe5756) workspace settings page ### 📊 Changes **127 files changed** (+551 additions, -503 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/ChatBubble/index.jsx` (+3 -1) 📝 `frontend/src/components/DefaultChat/index.jsx` (+4 -13) 📝 `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/LLMSelection/AnthropicAiOptions/index.jsx` (+2 -2) 📝 `frontend/src/components/LLMSelection/AwsBedrockLLMOptions/index.jsx` (+4 -4) 📝 `frontend/src/components/LLMSelection/AzureAiOptions/index.jsx` (+5 -5) 📝 `frontend/src/components/LLMSelection/CohereAiOptions/index.jsx` (+2 -2) 📝 `frontend/src/components/LLMSelection/DeepSeekOptions/index.jsx` (+3 -3) 📝 `frontend/src/components/LLMSelection/FireworksAiOptions/index.jsx` (+3 -3) 📝 `frontend/src/components/LLMSelection/GeminiLLMOptions/index.jsx` (+3 -3) 📝 `frontend/src/components/LLMSelection/GenericOpenAiOptions/index.jsx` (+5 -5) 📝 `frontend/src/components/LLMSelection/GroqAiOptions/index.jsx` (+3 -3) _...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 #xxx ### What is in this change? <!-- Describe the changes in this PR that are impactful to the repo. --> • Update styles of mobile settings sidebar • Update UI styles and layout fixes for mobile on the following pages: - Users (Admin) - Workspaces (Admin) - Workspace Chats (Admin) - Invites (Admin) - General Settings (Admin) - Chat Embed History (Tools) - Chat Embed (Tools) - Event Logs (Tools) - Developer API (Tools) - Browser Extension (Tools) • Mobile Styles - Added padding around mobile container to improve UX and feel more natural - When rendering tables, only make table have overflow • Workspace settings pages dark mode • Fine tuning flow dark mode ### 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:55 -05:00
yindo closed this issue 2026-02-22 18:34:55 -05:00
yindo changed title from [PR #2454] Dark mode UI for settings pages + mobile view improvements to [PR #2454] [MERGED] Dark mode UI for settings pages + mobile view improvements 2026-06-05 15:16:15 -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#3994