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?

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!

Announcing the Expansion of the Splunk Academic Alliance Program

The Splunk Community is more than just an online forum — it’s a network of passionate users, administrators, ...

Learn Splunk Insider Insights, Do More With Gen AI, & Find 20+ New Use Cases You Can ...

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...

Buttercup Games: Further Dashboarding Techniques (Part 7)

This series of blogs assumes you have already completed the Splunk Enterprise Search Tutorial as it uses the ...