feat: update light mode UI sidebar by angelplusultra · Pull Request #4996 · Mintplex-Labs/anything-llm

angelplusultra · 2026-02-12T22:48:48Z

Pull Request Type

💄 style

screenrecording-2026-02-12_14-51-29.mp4

Relevant Issues

resolves #4982

What is in this change?

Sidebar container (Sidebar/index.jsx)

Sidebar panel and bottom footer area both receive an explicit light:bg-slate-200 background

Footer icons (Footer/index.jsx)

GitHub, Docs (BookOpen), and Discord icons: removed inline color="var(--theme-sidebar-footer-icon-fill)" prop, replaced with Tailwind classes text-white light:text-slate-800

Settings button icons (SettingsButton/index.jsx)

Back arrow (ArrowUUpLeft) and Wrench icons: same treatment as footer — CSS variable color prop replaced with text-white light:text-slate-800 classes

Active workspaces (ActiveWorkspaces/index.jsx)

Active workspace highlight changed from an outline-based style (light:outline-2 light:outline-blue-400) to a fill-based style (light:bg-blue-200)
Inactive workspace hover state gets light:hover:bg-slate-300; removed hover:font-bold
DotsSixVertical drag handle icon: replaced color="var(--theme-sidebar-item-workspace-active)" prop with conditional className (light:text-blue-800 when active)
Workspace name text gets light:text-blue-900 when active
Upload and gear action icons get context-aware light mode colors using nested group hover classes (group/upload, group/gear) for distinct active vs inactive states

Thread items (ThreadContainer/ThreadItem/index.jsx)

Thread connector border colors updated: active uses light:border-blue-800, inactive uses light:border-slate-400
Active thread background changed from a border highlight to light:bg-blue-200; inactive hover gets light:hover:bg-slate-300
Thread name text gets light:text-blue-900 when active with font-semibold, light:text-slate-800 with font-medium when inactive

New thread button (ThreadContainer/index.jsx)

Hover state gets light:hover:bg-slate-300
Icon container background changed from bg-white/20 to bg-zinc-800 light:bg-slate-50
"New Thread" label gets font-semibold

Search box & new workspace button (SearchBox/index.jsx)

Search input placeholder changed from placeholder:text-theme-settings-input-placeholder to placeholder:text-white/50 light:placeholder:text-slate-500 placeholder:font-semibold
Short-width new workspace button gets light:hover:bg-slate-300 hover state; Plus icon gets light:text-slate-500

Additional Information

All light mode overrides use Tailwind light: variant classes directly in JSX rather than introducing new CSS variables. CSS variable color props on Phosphor icons have been replaced with Tailwind text color classes, keeping the approach consistent with the rest of the codebase.

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

…em is being hovered over for fill styles

shatfield4 · 2026-02-13T00:31:37Z

Reassigned back to you to make changes we discussed @angelplusultra

shatfield4

Be sure to not be using the custom css theme variables anymore when implementing designs. Use tailwind classes provided from the designs always being sure to use the light: prefix for light mode classes.

Also avoid using onMouseEnter and onMouseLeave when tracking hover states. This usually adds an unneeded useState and you can usually use group and group-hover tailwind classes to accomplish the same thing using css only.

frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx

frontend/src/index.css

frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx

frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx

frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx

…ght color | make icons correct color in light mode

shatfield4

LGTM

* fix: typo in contribution guidelines, update project metadata and pull_request_temp...md (#5010) Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * bump copyright year resolves #5017 * feat: update light mode UI sidebar (#4996) * implement light mode sidebar redesign * Abstract hardcoded hex values into reusable css variables * reorder ternary and apply bold font on hovered workspaces * Remove double icon hack and use a state tracking whether workspace item is being hovered over for fill styles * lint * convert css variables and custom classes to default tailwind classes * remove grab icon filling on hover logic * revert css vars to original values * remove light mode css vars | change bg of sidebar in light mode to right color | make icons correct color in light mode * revert dark mode change --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * fix(frontend): fix event listener memory leak in useIsDisabled hook (#5027) fix: optimize event listener management in useIsDisabled hook * feat: dedicated dark theme option with system preference support (#5007) * implement OS level theme switching and dark mode option * simplify * fix logo bug in login | place back useTheme comment --------- Co-authored-by: shatfield4 <seanhatfield5@gmail.com> Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * fix cleanup pr workflow * Implement new home page redesign (#4931) * remove legacy home page components, update home page to new layout * update PromptInput component styles to match new designs, make quick action buttons functional * home page chat creates new thread in last used workspace * fix slash commands and agent popup on home page * disable llm workspace selector action in home page * add drag and drop file support to home page * fix behavior of drag and drop on home page * handle pasting attachments in home page * update empty state of workspace chat to use new ui * update empty workspace ui to match home page design, fix flickering loading states * convert quick action buttons to component, add to empty state ws chat * fix hover state light mode in quick actions * add suggested messages subcomponent to empty ws/thread * adjust width, rounded edges of prompt input * only show quick actions for admin/manager role * fix hover states for quick actions and suggested messages component * make upload document quick action trigger parsed document upload * fix mic behavior in homepage, ws chat, ws thread chat * fix margin between prompt input and quick actions * Simplify message presets by removing heading input (#4915) * Remove heading input from message presets, merge legacy headings on edit * filter out empty messages from state after saving * mark form as dirty on input change * styling --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * convert SuggestedMessages to component, render SuggestedMessages in home page to target ws * fix broken handleMessageChange reference * add translations for QuickActions * lint * fix home page chat submission broken by PromptInput onChange removal * fix prompt input remount race condition, home page suggested message flicker * remove unused handleSendSuggestedMessage from ChatHistory * add greeting text to main-page translations, remove defaults * fix file deletion in parsed files menu on home page * add virtual thread sidebar state and workspace indicator on home page * show workspace llm selector on home page when workspace exists * show home page for all user roles with rbac quick actions * fix positioning of agent and slash command popups * remove workspace indicator from home page, match empty state spacing * Normalize translations for home page redesign (#4986) * normalize translations * update translations with DMR * accidentally changed es translation * normalize translations for main-page.greeting * update translations with DMR --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * update translations * create new workspace in native language Cleanup workspace page from empty state handling * update quick action show logic * fix send button --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * fix: GitLab connector infinite loop and rate limit crash for large repos (#5021) * Fix infinite loop and rate limit crashes * simplify logic | add max-retries to fetchNextPage and fetchSingleFileContents --------- Co-authored-by: shatfield4 <seanhatfield5@gmail.com> Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * fix: add password character validation to onboarding single-user setup (#5037) * fix single user mode password bug * share const --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * Native Tool calling (#5071) * checkpoint * test MCP and flows * add native tool call detection back to LMStudio * add native tool call loops for Ollama * Add ablity detection to DMR (regex parse) * bedrock and generic openai with ENV flag * deepseek native tool calling * localAI native function * groq support * linting, add litellm and OR native tool calling via flag * fix: resolve Gemini agent 400 error on tool call responses (#5054) * add gtc__ prefix to tool call names in Gemini agent message formatting * resolve Gemini agent 400 error on tool call responses * add comments explaining geminis thought signatures --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * fix: prevent CMD/CTRL+Arrow scroll from overriding textarea cursor movement (#5053) prevent CMD/CTRL+Arrow scroll from overriding textarea cursor movement Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * lint * Normalize scraper runtimeargs for bulk-scraper (#5083) resolves #5078 closes #5079 * resolve Ollama string strict num_ctx resolves #5081 * Lemonade integration (#5077) * lemonade integration * lemonade embedder * log * load model * readme updates * update embedder privacy entry * fix max tool call stack abort flow * bump tag * v1.11.1 PG --------- Co-authored-by: Dipanshu Rawat <dv451197@gmail.com> Co-authored-by: Marcello Fitton <106866560+angelplusultra@users.noreply.github.com> Co-authored-by: shatfield4 <seanhatfield5@gmail.com>

* fix: typo in contribution guidelines, update project metadata and pull_request_temp...md (#5010) Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * bump copyright year resolves #5017 * feat: update light mode UI sidebar (#4996) * implement light mode sidebar redesign * Abstract hardcoded hex values into reusable css variables * reorder ternary and apply bold font on hovered workspaces * Remove double icon hack and use a state tracking whether workspace item is being hovered over for fill styles * lint * convert css variables and custom classes to default tailwind classes * remove grab icon filling on hover logic * revert css vars to original values * remove light mode css vars | change bg of sidebar in light mode to right color | make icons correct color in light mode * revert dark mode change --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * fix(frontend): fix event listener memory leak in useIsDisabled hook (#5027) fix: optimize event listener management in useIsDisabled hook * feat: dedicated dark theme option with system preference support (#5007) * implement OS level theme switching and dark mode option * simplify * fix logo bug in login | place back useTheme comment --------- Co-authored-by: shatfield4 <seanhatfield5@gmail.com> Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * fix cleanup pr workflow * Implement new home page redesign (#4931) * remove legacy home page components, update home page to new layout * update PromptInput component styles to match new designs, make quick action buttons functional * home page chat creates new thread in last used workspace * fix slash commands and agent popup on home page * disable llm workspace selector action in home page * add drag and drop file support to home page * fix behavior of drag and drop on home page * handle pasting attachments in home page * update empty state of workspace chat to use new ui * update empty workspace ui to match home page design, fix flickering loading states * convert quick action buttons to component, add to empty state ws chat * fix hover state light mode in quick actions * add suggested messages subcomponent to empty ws/thread * adjust width, rounded edges of prompt input * only show quick actions for admin/manager role * fix hover states for quick actions and suggested messages component * make upload document quick action trigger parsed document upload * fix mic behavior in homepage, ws chat, ws thread chat * fix margin between prompt input and quick actions * Simplify message presets by removing heading input (#4915) * Remove heading input from message presets, merge legacy headings on edit * filter out empty messages from state after saving * mark form as dirty on input change * styling --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * convert SuggestedMessages to component, render SuggestedMessages in home page to target ws * fix broken handleMessageChange reference * add translations for QuickActions * lint * fix home page chat submission broken by PromptInput onChange removal * fix prompt input remount race condition, home page suggested message flicker * remove unused handleSendSuggestedMessage from ChatHistory * add greeting text to main-page translations, remove defaults * fix file deletion in parsed files menu on home page * add virtual thread sidebar state and workspace indicator on home page * show workspace llm selector on home page when workspace exists * show home page for all user roles with rbac quick actions * fix positioning of agent and slash command popups * remove workspace indicator from home page, match empty state spacing * Normalize translations for home page redesign (#4986) * normalize translations * update translations with DMR * accidentally changed es translation * normalize translations for main-page.greeting * update translations with DMR --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * update translations * create new workspace in native language Cleanup workspace page from empty state handling * update quick action show logic * fix send button --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * fix: GitLab connector infinite loop and rate limit crash for large repos (#5021) * Fix infinite loop and rate limit crashes * simplify logic | add max-retries to fetchNextPage and fetchSingleFileContents --------- Co-authored-by: shatfield4 <seanhatfield5@gmail.com> Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * fix: add password character validation to onboarding single-user setup (#5037) * fix single user mode password bug * share const --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * Native Tool calling (#5071) * checkpoint * test MCP and flows * add native tool call detection back to LMStudio * add native tool call loops for Ollama * Add ablity detection to DMR (regex parse) * bedrock and generic openai with ENV flag * deepseek native tool calling * localAI native function * groq support * linting, add litellm and OR native tool calling via flag * fix: resolve Gemini agent 400 error on tool call responses (#5054) * add gtc__ prefix to tool call names in Gemini agent message formatting * resolve Gemini agent 400 error on tool call responses * add comments explaining geminis thought signatures --------- Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * fix: prevent CMD/CTRL+Arrow scroll from overriding textarea cursor movement (#5053) prevent CMD/CTRL+Arrow scroll from overriding textarea cursor movement Co-authored-by: Timothy Carambat <rambat1010@gmail.com> * lint * Normalize scraper runtimeargs for bulk-scraper (#5083) resolves #5078 closes #5079 * resolve Ollama string strict num_ctx resolves #5081 * Lemonade integration (#5077) * lemonade integration * lemonade embedder * log * load model * readme updates * update embedder privacy entry * fix max tool call stack abort flow * bump tag * v1.11.1 --------- Co-authored-by: Dipanshu Rawat <dv451197@gmail.com> Co-authored-by: Marcello Fitton <106866560+angelplusultra@users.noreply.github.com> Co-authored-by: shatfield4 <seanhatfield5@gmail.com>

angelplusultra added 5 commits February 12, 2026 14:02

implement light mode sidebar redesign

605e384

Abstract hardcoded hex values into reusable css variables

dd726f5

reorder ternary and apply bold font on hovered workspaces

5de4119

Remove double icon hack and use a state tracking whether workspace it…

cdcafbd

…em is being hovered over for fill styles

lint

5f9625d

angelplusultra linked an issue Feb 12, 2026 that may be closed by this pull request

[FEAT]: Update Light Mode UI Sidebar #4982

Closed

angelplusultra requested a review from shatfield4 February 12, 2026 22:54

angelplusultra assigned shatfield4 Feb 12, 2026

shatfield4 assigned angelplusultra and unassigned shatfield4 Feb 13, 2026

convert css variables and custom classes to default tailwind classes

a03dd2c

angelplusultra assigned shatfield4 and unassigned angelplusultra Feb 13, 2026

shatfield4 requested changes Feb 13, 2026

View reviewed changes

shatfield4 assigned angelplusultra and unassigned shatfield4 Feb 13, 2026

angelplusultra added 3 commits February 13, 2026 10:37

remove grab icon filling on hover logic

b673278

revert css vars to original values

7d7c8d1

remove light mode css vars | change bg of sidebar in light mode to ri…

568a15e

…ght color | make icons correct color in light mode

angelplusultra requested a review from shatfield4 February 13, 2026 23:43

angelplusultra removed their assignment Feb 13, 2026

shatfield4 approved these changes Feb 14, 2026

View reviewed changes

shatfield4 assigned angelplusultra Feb 14, 2026

angelplusultra requested a review from timothycarambat February 14, 2026 01:38

angelplusultra assigned timothycarambat and unassigned angelplusultra Feb 14, 2026

revert dark mode change

24ff57a

timothycarambat added the PR: Yankee label Feb 18, 2026

timothycarambat removed their assignment Feb 18, 2026

Merge branch 'master' into 4982-feat-update-light-mode-ui-sidebar

685c778

timothycarambat merged commit eaa35eb into master Feb 18, 2026
1 check passed

timothycarambat deleted the 4982-feat-update-light-mode-ui-sidebar branch February 18, 2026 23:55

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat: update light mode UI sidebar#4996

feat: update light mode UI sidebar#4996
timothycarambat merged 11 commits intomasterfrom
4982-feat-update-light-mode-ui-sidebar

angelplusultra commented Feb 12, 2026 •

edited

Loading

Uh oh!

shatfield4 commented Feb 13, 2026

Uh oh!

shatfield4 left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

shatfield4 left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Uh oh!

Conversation

angelplusultra commented Feb 12, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Pull Request Type

Relevant Issues

What is in this change?

Additional Information

Developer Validations

Uh oh!

shatfield4 commented Feb 13, 2026

Uh oh!

shatfield4 left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

shatfield4 left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

angelplusultra commented Feb 12, 2026 •

edited

Loading