Dashboards & Visualizations

how to change the color code and font size for single value and it's labels in Splunk6

cyue_splunk
Splunk Employee
Splunk Employee

I saw some post before to customize the color/font size for single value (range map), but it seems it doesn't work well in Splunk6. It seems there is a file called single-value.css controls the color code/font size of the single values and the labels, some codes like:

.single-value .under-label{text-transform:uppercase;color:#999999;font-size:11px;}
.single-value .severe,.single-value.severe .single-result{color:#d85d3c;}

but when I tried to defined my own color code and font size in a customized css stylesheet or in application.css, it didn't take effect and cannot override the default settings. Any idea how to achieve that? For example, I want to change the under label color to #000000 and change the color for severe range to #ff0000.

1 Solution

chanst2
Path Finder

You can create a dashboard.css under etc/apps//appserver/static
put the following codes in dashboard.css which will create a new range highCustom

.single-value.highCustom{
   color: #FFFFFF;

}

Then you can use rangemap in a search and define a range for highCustom, then if the value falls into this highCustom range, the color of the value will become white.

View solution in original post

chanst2
Path Finder

You can create a dashboard.css under etc/apps//appserver/static
put the following codes in dashboard.css which will create a new range highCustom

.single-value.highCustom{
   color: #FFFFFF;

}

Then you can use rangemap in a search and define a range for highCustom, then if the value falls into this highCustom range, the color of the value will become white.

Get Updates on the Splunk Community!

Wrapping Up Cybersecurity Awareness Month

October might be wrapping up, but for Splunk Education, cybersecurity awareness never goes out of season. ...

🌟 From Audit Chaos to Clarity: Welcoming Audit Trail v2

🗣 You Spoke, We Listened  Audit Trail v2 wasn’t written in isolation—it was shaped by your voices.  In ...

What's New in Splunk Observability - October 2025

What’s New?    We’re excited to announce the latest enhancements to Splunk Observability Cloud and share ...