Night Theme CSS Issues #5069

New issue

Open

opened 2026-02-20 16:29:11 -05:00 by deekerman · 0 comments

deekerman commented

2026-02-20 16:29:11 -05:00

Owner

Originally created by @serhiisamko091184 on GitHub (Sep 7, 2023).

Issue

Inconvenient styling using Night Theme

Expected Behavior

Actual Behavior

List of styling issues:
In Studio, When editing Layouts, it is very hard to read, Dark texts on dark backgrounds
Most Studio options that are links have white highlighting over them, which looks odd
In the Admin Panel, The icons for the various admin panels are dark, which makes them difficult to tell apart, as the background colours are dark.
In Call/Meeting/Calender Records, On the Reminder Field, The invitee is in a light grey box with white text, making it hard to distinguish which invitee is which
When using HTML/TinyMCE editors, they are bright white against the dark background, which contrasts heavily. Would it be possible/viable to darken them to fit the theme?
When editing Mail Accounts, Text is a dark colour against a dark background, making it difficult to read.
When viewing the Mail Account settings, (i.e: Profile -> EMail Settings -> Mail Accounts), The Headings of the table are black, which looks odd against the blue-ish background.
On the Navbar's Search bar, the font is a darker colour, which may be hard to read on the darker background
The "Security Groups: Mass Assign" on listviews is dark grey, against a dark background, which doesn't fit well.
The "Supercharged......." and "Back to Top" sections on the footer are black/dark grey against the dark background, which doesn't fit well.
It appears that some icons don't translate well over to the Night Theme. (Such as the Edit icon, and the Help Icons on the Listviews, which look jagged on the dark theme)

Possible Fix

Steps to Reproduce

Switch the theme into Night and browse through the each section of the application, mentioned in the list.

Context

Your Environment

SuiteCRM Version used: 7.14.0
Browser name and version (e.g. Chrome Version 51.0.2704.63 (64-bit)): Chrome 115.0.5790.170 (Official Build) (64-bit)
Environment name and version (e.g. MySQL, PHP 7): PHP 7.4, 10.6.5-MariaDB
Operating System and version (e.g Ubuntu 16.04): Ubuntu 22.04

Originally created by @serhiisamko091184 on GitHub (Sep 7, 2023).     #### Issue Inconvenient styling using Night Theme #### Expected Behavior  #### Actual Behavior List of styling issues: In Studio, When editing Layouts, it is very hard to read, Dark texts on dark backgrounds Most Studio options that are links have white highlighting over them, which looks odd In the Admin Panel, The icons for the various admin panels are dark, which makes them difficult to tell apart, as the background colours are dark. In Call/Meeting/Calender Records, On the Reminder Field, The invitee is in a light grey box with white text, making it hard to distinguish which invitee is which When using HTML/TinyMCE editors, they are bright white against the dark background, which contrasts heavily. Would it be possible/viable to darken them to fit the theme? When editing Mail Accounts, Text is a dark colour against a dark background, making it difficult to read. When viewing the Mail Account settings, (i.e: Profile -> EMail Settings -> Mail Accounts), The Headings of the table are black, which looks odd against the blue-ish background. On the Navbar's Search bar, the font is a darker colour, which may be hard to read on the darker background The "Security Groups: Mass Assign" on listviews is dark grey, against a dark background, which doesn't fit well. The "Supercharged......." and "Back to Top" sections on the footer are black/dark grey against the dark background, which doesn't fit well. It appears that some icons don't translate well over to the Night Theme. (Such as the Edit icon, and the Help Icons on the Listviews, which look jagged on the dark theme) #### Possible Fix  #### Steps to Reproduce Switch the theme into Night and browse through the each section of the application, mentioned in the list. #### Context #### Your Environment  * SuiteCRM Version used: 7.14.0 * Browser name and version (e.g. Chrome Version 51.0.2704.63 (64-bit)): Chrome 115.0.5790.170 (Official Build) (64-bit) * Environment name and version (e.g. MySQL, PHP 7): PHP 7.4, 10.6.5-MariaDB * Operating System and version (e.g Ubuntu 16.04): Ubuntu 22.04