Hello Splunk Community,
I'm relatively new to Splunk and working on building dashboards for my team. I want to make them look more professional and polished with custom styling. Is there a way to use CSS code in Splunk dashboards to improve the UI? I've seen some really nice-looking dashboards in the community and would love to know how to apply custom styles to elements like panels, headers, and colors. Any guidance or examples would be really appreciated!
Thanks in advance!
It very much depends on how you want your dashboards to look and behave, but essentially using the html/style blocks can give you access to css to modify your dashboards. These can also be added to a css file which is declared at the top of your dashboard, but this file needs to be uploaded and it is often easier to do it inline in your SimpleXML source.
Hi,
I was in the same boat a few weeks ago, trying to make my dashboards look better without diving deep into CSS coding. I ended up building this app called Dashboard Theme Manager on Splunkbase - now even the most complicated styling gets applied in just a few clicks!
https://splunkbase.splunk.com/app/8336/
Traditionally Splunk only has those basic "dark/light" theme options, but this app gives you tons of different professional themes that Splunk doesn't natively offer. It handles panels, colors, headers, and overall UI perfectly. Super easy to install and use, especially if you're new to Splunk.
For custom CSS styling (if you want manual control):
Add "html & style" tag in your XML.
<dashboard><label>Your Dashboard</label><row><panel><html><style>.panel-heading { background: #2c3e50; color: white; }</style></html></panel></row></dashboard>
Target classes like .dashboard-row, .panel-element for pro tweaks.
Definitely worth checking out if you want that pro look without the hassle.
Good luck!
Hi @bettyborer ,
if you want better dashboards, start to see Dashboard Studio.
If you want to use CSS in Classic Dashboard see at https://www.splunk.com/en_us/blog/customers/splunk-clara-fication-customizing-simplexml-dashboards-w... or https://help.splunk.com/en/splunk-enterprise/developing-views-and-apps-for-splunk-web/10.0/customize...
in addition there are many videos on YouTube, e.g:
https://www.youtube.com/watch?v=lDnrZ5QkMIo
Ciao.
Giuseppe