Mintplex-Labs/anything-llm
1
0
Fork 0
mirror of https://github.com/Mintplex-Labs/anything-llm.git synced 2026-07-19 14:13:35 -04:00
Code Issues 328 Packages Projects Releases 10 Wiki Activity

[PR #2411] [MERGED] Dark mode setup themes #3982

New Issue
Closed
opened 2026-02-22 18:34:53 -05:00 by yindo · 0 comments
yindo commented 2026-02-22 18:34:53 -05:00
Owner
Copy Link
Copy Source

📋 Pull Request Information

Original PR: https://github.com/Mintplex-Labs/anything-llm/pull/2411
Author: @shatfield4
Created: 10/2/2024
Status: ✅ Merged
Merged: 10/2/2024
Merged by: @shatfield4

Base: dark-mode ← Head: dark-mode-setup-themes

📝 Commits (3)

  • 9f67c76 setup generic tailwind theme + ability to add new themes
  • bae8a80 add theme context
  • 4f27f8f use correct colors from design for sidebar + fix padding

📊 Changes

42 files changed (+319 additions, -199 deletions)

View changed files

📝 frontend/src/App.jsx (+131 -123)
➕ frontend/src/ThemeContext.jsx (+16 -0)
📝 frontend/src/components/Footer/index.jsx (+4 -4)
📝 frontend/src/components/SettingsButton/index.jsx (+2 -2)
📝 frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx (+12 -12)
📝 frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/index.jsx (+8 -8)
📝 frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx (+3 -3)
📝 frontend/src/components/Sidebar/index.jsx (+5 -5)
📝 frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/index.jsx (+1 -1)
➕ frontend/src/hooks/useTheme.js (+19 -0)
📝 frontend/src/index.css (+31 -0)
📝 frontend/src/pages/Admin/Agents/index.jsx (+1 -1)
📝 frontend/src/pages/Admin/ExperimentalFeatures/Features/LiveSync/manage/index.jsx (+1 -1)
📝 frontend/src/pages/Admin/ExperimentalFeatures/index.jsx (+1 -1)
📝 frontend/src/pages/Admin/Invitations/index.jsx (+1 -1)
📝 frontend/src/pages/Admin/Logging/index.jsx (+1 -1)
📝 frontend/src/pages/Admin/System/index.jsx (+1 -1)
📝 frontend/src/pages/Admin/Users/index.jsx (+1 -1)
📝 frontend/src/pages/Admin/Workspaces/index.jsx (+1 -1)
📝 frontend/src/pages/FineTuning/Steps/index.jsx (+1 -1)

...and 22 more files

📄 Description

Pull Request Type

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

Relevant Issues

resolves #xxx

What is in this change?

  • Implement useTheme hook to allow switching of themes
  • Implement ThemeProvider
  • Add option to switch theme under appearance settings
  • Setup tailwind generic classes to use in all our components
  • Define custom theme definitions in index.css
  • This setup creates a modular way of switching themes without making our main component css too messy
  • Uses a generic tailwind class that is controlled by css variables

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/2411 **Author:** [@shatfield4](https://github.com/shatfield4) **Created:** 10/2/2024 **Status:** ✅ Merged **Merged:** 10/2/2024 **Merged by:** [@shatfield4](https://github.com/shatfield4) **Base:** `dark-mode` ← **Head:** `dark-mode-setup-themes` --- ### 📝 Commits (3) - [`9f67c76`](https://github.com/Mintplex-Labs/anything-llm/commit/9f67c76136ad48b9497566fa308b0785ccc7350f) setup generic tailwind theme + ability to add new themes - [`bae8a80`](https://github.com/Mintplex-Labs/anything-llm/commit/bae8a80adce1930541f61168414ba0944d5d116d) add theme context - [`4f27f8f`](https://github.com/Mintplex-Labs/anything-llm/commit/4f27f8fadc4f5a26f99c472a05fc7042d5dd2cb0) use correct colors from design for sidebar + fix padding ### 📊 Changes **42 files changed** (+319 additions, -199 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/App.jsx` (+131 -123) ➕ `frontend/src/ThemeContext.jsx` (+16 -0) 📝 `frontend/src/components/Footer/index.jsx` (+4 -4) 📝 `frontend/src/components/SettingsButton/index.jsx` (+2 -2) 📝 `frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx` (+12 -12) 📝 `frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/index.jsx` (+8 -8) 📝 `frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx` (+3 -3) 📝 `frontend/src/components/Sidebar/index.jsx` (+5 -5) 📝 `frontend/src/components/WorkspaceChat/ChatContainer/ChatHistory/index.jsx` (+1 -1) ➕ `frontend/src/hooks/useTheme.js` (+19 -0) 📝 `frontend/src/index.css` (+31 -0) 📝 `frontend/src/pages/Admin/Agents/index.jsx` (+1 -1) 📝 `frontend/src/pages/Admin/ExperimentalFeatures/Features/LiveSync/manage/index.jsx` (+1 -1) 📝 `frontend/src/pages/Admin/ExperimentalFeatures/index.jsx` (+1 -1) 📝 `frontend/src/pages/Admin/Invitations/index.jsx` (+1 -1) 📝 `frontend/src/pages/Admin/Logging/index.jsx` (+1 -1) 📝 `frontend/src/pages/Admin/System/index.jsx` (+1 -1) 📝 `frontend/src/pages/Admin/Users/index.jsx` (+1 -1) 📝 `frontend/src/pages/Admin/Workspaces/index.jsx` (+1 -1) 📝 `frontend/src/pages/FineTuning/Steps/index.jsx` (+1 -1) _...and 22 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. --> - Implement `useTheme` hook to allow switching of themes - Implement `ThemeProvider` - Add option to switch theme under appearance settings - Setup tailwind generic classes to use in all our components - Define custom theme definitions in `index.css` - This setup creates a modular way of switching themes without making our main component css too messy - Uses a generic tailwind class that is controlled by css variables ### 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:53 -05:00
yindo closed this issue 2026-02-22 18:34:53 -05:00
yindo changed title from [PR #2411] Dark mode setup themes to [PR #2411] [MERGED] Dark mode setup themes 2026-06-05 15:16:12 -04:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Desktop
Docker
Integration Request
Integration Request
OS: Linux
OS: Mobile
OS: Windows
UI/UX
blocked
bug
bug
core-team-only
documentation
duplicate
embed-widget
enhancement
feature request
github_actions
good first issue
investigating
needs info / can't replicate
possible bug
pull-request
Mirrored from GitHub Pull Request
 question
stage: specifications
wontfix
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
yindo
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Mintplex-Labs/anything-llm#3982
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?