All Apps and Add-ons

overriding default.css with application.css

d646800
Explorer

Hi splunk community, I am creating an app for the first time

I followed the splunk doc and placed the application.css at the $SPLUNK_HOME/etc/apps/[app]/appserver/static in the hope that it will override the default.css, but somehow the apps does not pick up the application.css. I checked the permission (not sure that's relevant) and etc. and i have also restart splunkd and splunkweb. no luck with it. did i miss anything ?

1 Solution

Ayn
Legend

Most of this stuff should be overridden by your application.css, but for the parts that need some more 'convincing', there's the !important directive you should use. This will tell the browser that this directive is important and therefore overrides other CSS directives that may otherwise apply. Like this:

.AppBar a {
    color: #f3df00 !important;
}

View solution in original post

Ayn
Legend

Most of this stuff should be overridden by your application.css, but for the parts that need some more 'convincing', there's the !important directive you should use. This will tell the browser that this directive is important and therefore overrides other CSS directives that may otherwise apply. Like this:

.AppBar a {
    color: #f3df00 !important;
}

d646800
Explorer

thanks Ayn, it works!

0 Karma
Get Updates on the Splunk Community!

Celebrating Fast Lane: 2025 Authorized Learning Partner of the Year

At .conf25, Splunk proudly recognized Fast Lane as the 2025 Authorized Learning Partner of the Year. This ...

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 ...