Dashboards & Visualizations

How do I get the dark theme to all of Splunk, regardless of version?

landen99
Motivator

How do I get the dark theme to all of Splunk, regardless of version, including search results and dashboards, and to any other website as well?

Labels (1)

landen99
Motivator

The following solution gives you dark mode for all Splunk versions for both searches and dashboards, and for all other websites:
Install the darkreader.org extension
Install the Stylus extension
Add css to tame the cell highlighting feature in Splunk ->

  1. Click the Stylus extension
  2. Click Manage
  3. Click "Write New Style"
  4. Set "Applies to Everything" at the bottom
  5. Copy the following css into the box "code 1":

    /* highlight color, for dark mode */
    ::selection {
    background: #161710fc;
    color: #42ff42
    }

    statistics > table > tbody > tr > td > div:nth-child(n):hover {

    background: #001a07 !important;
    color: #6cff6c !important;
    

    }

    statistics > table > tbody > tr:nth-child(n) > td:nth-child(n):hover {

    background: #001a07 !important;
    color: #6cff6c !important;
    

    }

jtrout44
Engager

statistics > table > tbody > tr > td > div:nth-child(n):hover {
background: #001a07 !important;
color: #6cff6c !important;
}

statistics > table > tbody > tr:nth-child(n) > td:nth-child(n):hover {
background: #001a07 !important;
color: #6cff6c !important;
}

are these written correctly?

0 Karma
Get Updates on the Splunk Community!

Index This | I am a number, but when you add ‘G’ to me, I go away. What number am I?

March 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

What’s New in Splunk App for PCI Compliance 5.3.1?

The Splunk App for PCI Compliance allows customers to extend the power of their existing Splunk solution with ...

Extending Observability Content to Splunk Cloud

Register to join us !   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to ...