Skip to content

Bruce cms dark mode - #1997

Open
johan-bell wants to merge 38 commits into
mainfrom
bruce-cms-dark-mode
Open

Bruce cms dark mode#1997
johan-bell wants to merge 38 commits into
mainfrom
bruce-cms-dark-mode

Conversation

@johan-bell

@johan-bell johan-bell commented Sep 3, 2026

Copy link
Copy Markdown
Collaborator

No description provided.

brucefrankstad26-beep and others added 30 commits July 29, 2026 11:29
@brucefrankstad26-beep @ChrisTouo
Theme selector implementation
4c22df7
@ChrisTouo
Dark mode implementation
68844aa
@brucefrankstad26-beep
New changes regarding the dark mode
7448448
@brucefrankstad26-beep
Dashboard Changes
5cedf06
@brucefrankstad26-beep
Changes on the Storage
0aa87ae
@brucefrankstad26-beep
Merge branch 'main' into 1209-cms-dark-mode
ba99bd9
@MrDirkelz @claude @brucefrankstad26-beep
APP: animate login and privacy-policy banner popups instead of snappi…
8e31449 
…ng in (#1858)

Wraps the account/login banner and privacy-policy banner in Vue Transitions
using the grid-template-rows 0fr->1fr technique so height (not just opacity)
animates smoothly, avoiding the layout-shift jank on appearance/removal.

Co-authored-by: Claude Sonnet 5 <noreply@anthropic.com>
@brucefrankstad26-beep
Merge branch 'bruce-cms-dark-mode' into 1209-cms-dark-mode
6acbd51
@ChrisTouo
Enhance dark mode support across components with improved styling and…
0ea99fd 
… color adjustments
@ChrisTouo
fix the bug on the the theme button
a1d6581
@brucefrankstad26-beep
Continued Changes on the Storage page
96adadc
@brucefrankstad26-beep
Dashboard Fix
41f5dde
@brucefrankstad26-beep
Merge branch 'bruce-cms-dark-mode' into 1209-cms-dark-mode
cf779c3
@brucefrankstad26-beep
changes
d7c49bf
@brucefrankstad26-beep
More changes to fix the dashboard and sidebar for light mode
1edac99
@brucefrankstad26-beep
more changes to optimise light mode for Dashboard and SideBar
5d418f0
@brucefrankstad26-beep
Changes on the Language Overview
e10602f
@brucefrankstad26-beep
Other Changes to the modals, language overview
085a455
@brucefrankstad26-beep
Changes to AuthProvider, Edit User and AutoGroup Mappings
eb7b5a8
@brucefrankstad26-beep
Minor Changes
39c9236
@brucefrankstad26-beep
No Actual Changes
792745b
@brucefrankstad26-beep
Second attempt at changes
e25dd42
@ChrisTouo @brucefrankstad26-beep
Improvements on the side bar's dark mode
ab40b52
@brucefrankstad26-beep
Other changes
dde2931
@ChrisTouo @brucefrankstad26-beep
Enhance dark mode styles across components for better visual consistency
65649c6
@ChrisTouo @brucefrankstad26-beep
Enhance dark mode support across various components
d8a4ac4 
- Updated background and text colors in EditContentBasic.vue, EditContentImage.vue, EditContentMedia.vue, EditContentParent.vue, TagSelector.vue, RichTextEditor.vue, FormLabel.vue, LTextToggle.vue, GroupSelector.vue, ImageEditor.vue, and MediaEditor.vue to improve visibility and aesthetics in dark mode.
- Adjusted hover and active states for buttons and toggles to ensure consistent user experience in dark mode.
- Ensured that error and help messages are clearly visible in both light and dark themes.
@brucefrankstad26-beep
More Changes to the CMS Dark Mode
4a4c1f7
@brucefrankstad26-beep
Changes
a5dc92f
@brucefrankstad26-beep
More Changes to the CMS Dark Mode
b43be46
@brucefrankstad26-beep
More Changes
728fe82
@johan-bell

johan-bell commented Sep 3, 2026 •
edited by brucefrankstad26-beep
Loading

Copy link
Copy Markdown
Collaborator Author
  • Make the cursor consistent on the dashboard
image
  • Text not visible. only visible when hovering
image image
  • Make the opposite of the lines in between on Blog overview
image
  • Change Tag color on dark mode
image
  • Change color toogle on dark mode
image
  • Double padding/margin (check both light and dark mode)
image
  • Make the icons the same as the one in the Sidebar on Dark mode, same for the dropdown of the actions buttons
image
  • Make everything on this side white or zinc..
image
  • change the button action color to match "Revert" and make it more lighter when we hover. Chnage also the color icons to make it more darker
image
  • If possible, try to change the black icon to be more visible on dark mode, same for the calendar itself
image
  • Check storage overview on dark mode
image
  • Label should be white on Storage editing modal
image

  • Check groups part again (Overview, Editing, Modal....)

  • Groups and Auth Provider should look the same.

  • Change white line to match the other line color,

image
  • Check Notification color on dark mode
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@brucefrankstad26-beep brucefrankstad26-beep Awaiting requested review from brucefrankstad26-beep

At least 1 approving review is required to merge this pull request.

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

4 participants

@johan-bell @brucefrankstad26-beep @ChrisTouo @MrDirkelz