How can I create a dark mode for a custom theme??

Siris
Tera Contributor

I would like to create a dark mode for custom theme.  I create a variant, and added OOB css from dark theme, the dark mode is not consistent.  Buttons and field labels are missing, how to fix this issue??

5 REPLIES 5

Tanushree Maiti
Tera Patron

Hi @Siris 

 

  • Go to sys_properties.list via the application navigator.
  • Search for the property glide.ui.polaris.core_ui_exclude_dark_mode.
  • Ensure its value is set to false. (Setting this to true breaks dark mode components in standard lists and forms).
  • Verify that glide.ui.polaris.dark_themes_enabled is set to true

 

refer:

Next Experience system properties 

Please Accept the solution if it assisted you with your question & Mark this response as Helpful.
Regards
Tanushree Maiti
ServiceNow Technical Architect
LinkedIn: https://www.linkedin.com/in/tanushreemaiti

Siris
Tera Contributor

@Tanushree Maiti 

Hi

I followed this article, created the properties, added variant for custom theme, and copied the OOB CSS, which is kind of works, but have inconsistencies like buttons are not visible and SOW incident form field label are not visible

 

Is there a way to keep the dark theme with a custo... - ServiceNow Community

Hi @Siris 

 

Can you clear the cache using cache.do in Navigator and Enter. Log out and login using Incognito/InPrivate browser.

 

 

Please Accept the solution if it assisted you with your question & Mark this response as Helpful.
Regards
Tanushree Maiti
ServiceNow Technical Architect
LinkedIn: https://www.linkedin.com/in/tanushreemaiti

Siris
Tera Contributor

I did it, but still the same issue