Jump to content

Dark Mode Improvements?


KrisReynolds

Recommended Posts

Would it be possible to get some changes made to dark mode to make it a little more usable?

  • Items in lists display as black text which is  unreadable until hovered over
  • In the progress bar, green text is hard to read on the dark background
  • Highlighted cases are very bright
  • Service level info seems to have a light background but the resolution date is difficult to read

2022-04-27 15_31_40-Window.png

2022-04-27 15_31_26-Window.png

2022-04-27 15_29_28-Window.png

2022-04-27 15_28_46-Window.png

  • Like 1
Link to comment
Share on other sites

  • 1 month later...

Hi @Llyr

We are continuing to work with not only Dark Mode, but also a High Contrast Mode.  You should now see on your profile menu, an option to switch between themes, which includes the three options, Light, Dark, High Contrast.  We are aware that there are still some places need updating to allow the themes to be applied.  This is on-going work and you should continue to see these areas being updated over time.

image.png

  • Like 1
Link to comment
Share on other sites

  • 4 months later...

Hi @Daniel

Could you specify if you have a particular area that you are referring to?  There have been several updates to different areas regarding dark mode.  I can't say at the moment if any the ones mentioned above have been looked at or not.  Sometimes it can be helpful to post each area where you see an issue as a new individual topics on the forum.  

Link to comment
Share on other sites

  • 1 month later...

Any updates on this? Some examples of what I would change below but the drop-down options for things like Analyst need fixing as the names are barely readable.

I thought the dark theme was still classed as experimental but can't see any mention of that now on the UI.

 

Better row highlighted colour

// servicemanager.css
.use-dark-mode .sm-requests-list .requestlist-row .is-customer-updated-1  {
    background-color: #065599 !important
}

// <style>
.sm-requests-list .requestlist-row .is-customer-updated-1 {
    background-color: #065599 !important
}

image.png.85ffa31c19ec1d613987f8ea6d6df7ff.png

 

Fix SLA

.use-dark-mode .request-stats {
    background: transparent !important;
}

.use-dark-mode .request-stats-sla {
    background: transparent !important;
}

image.png.1c3744067bfb6d5853fb75b979f256cd.png

 

odd white border on comment buttons

.use-dark-mode .btn-as-action {
    border-color: grey !important;
}

image.png.19133b10e2396d1260cce11703150a35.png

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...