Dashboards & Visualizations

Is there any way to apply dark theme available in current Splunk versions to Splunk's old versions (i.e 6.2.x)?

harshpatel
Contributor

Is there any way to apply dark theme available in current Splunk versions to Splunk's old versions (i.e 6.2.x)?

0 Karma
1 Solution

mdsnmss
SplunkTrust
SplunkTrust

Hi @harshpatel,
You would have to do it yourself via CSS. If you have the app Splunk Dashboard Examples (https://splunkbase.splunk.com/app/1603/) I believe it has an illustration of how it's done in one of their examples. You might have to download an older version. You might have to copy out the dark.css from the examples app and copy it over to your app and then you'd call it in each dashboard via:
<dashboard stylesheet="dark.css"> at the top level of your dashboard.

View solution in original post

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;
    

    }

mdsnmss
SplunkTrust
SplunkTrust

Hi @harshpatel,
You would have to do it yourself via CSS. If you have the app Splunk Dashboard Examples (https://splunkbase.splunk.com/app/1603/) I believe it has an illustration of how it's done in one of their examples. You might have to download an older version. You might have to copy out the dark.css from the examples app and copy it over to your app and then you'd call it in each dashboard via:
<dashboard stylesheet="dark.css"> at the top level of your dashboard.

Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.
Get Updates on the Splunk Community!

Tech Talk Recap | Mastering Threat Hunting

Mastering Threat HuntingDive into the world of threat hunting, exploring the key differences between ...

Observability for AI Applications: Troubleshooting Latency

If you’re working with proprietary company data, you’re probably going to have a locally hosted LLM or many ...

Splunk AI Assistant for SPL vs. ChatGPT: Which One is Better?

In the age of AI, every tool promises to make our lives easier. From summarizing content to writing code, ...