Dashboards & Visualizations

Where is my App Navigation Bar Color in Splunk 7.1?

adonio
Ultra Champion

After upgrading to 7.1 i noticed that the color set in default.xml does not apply and the color of the App navigation bar is always the same Splunky greyish color, see screenshots of before and after below.
any idea how to fix?
thanks in advance!
alt text

alt text

1 Solution

niketn
Legend

@adonio it is an expected behavior of Splunk 7.1 to only apply color to App Icon and Selected Splunk App Menu/Menu Item. Even to the App Icon in the Splunk App Launcher Home page. Refer to attached screenshot where Red color is applied to App Icon using Navigation xml with color option <nav search_view="search" color="#DC4E41">

alt text

alt text

If you really want your the App's Bar to be colored you can do this for Dashboards using Simple XML CSS override as suggested by @alacercogitatus, https://answers.splunk.com/answers/645402/background-color-in-navbar-is-gone-in-71.html

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

View solution in original post

0 Karma

lakromani
Builder

Same as I asked for here:
https://answers.splunk.com/answers/645402/background-color-in-navbar-is-gone-in-71.html
Not sure if I am very happy with this change.

0 Karma

adonio
Ultra Champion

yes @lakromani
didnt see your question, i an sharing the same feelings

0 Karma

spayneort
Contributor

You can change the color of this on all custom dashboards in an app by adding the following to the app's appserver/static/dashboard.css file:

.splunk-header.splunk-view.splunk-header.splunk-view > div[data-view="views/shared/appbar/Master"] {
    background-color: #742255;
}

jiaqya
Builder

How about the font color ?

adonio
Ultra Champion

thank you @spayneort! i will give it a shot

0 Karma

niketn
Legend

@adonio it is an expected behavior of Splunk 7.1 to only apply color to App Icon and Selected Splunk App Menu/Menu Item. Even to the App Icon in the Splunk App Launcher Home page. Refer to attached screenshot where Red color is applied to App Icon using Navigation xml with color option <nav search_view="search" color="#DC4E41">

alt text

alt text

If you really want your the App's Bar to be colored you can do this for Dashboards using Simple XML CSS override as suggested by @alacercogitatus, https://answers.splunk.com/answers/645402/background-color-in-navbar-is-gone-in-71.html

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

adonio
Ultra Champion

@niketnilay, thank you!
and thanks for the link, i accept the answer and will adjust my eyes slowly to the new interface

0 Karma

niketn
Legend

@adonio, even I am trying to adjust the same 🙂 I feel this is a good change giving Splunk environment a consistent look where Splunk Apps can be easily distinguished using Icon Color.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma
Get Updates on the Splunk Community!

Stay Connected: Your Guide to May Tech Talks, Office Hours, and Webinars!

Take a look below to explore our upcoming Community Office Hours, Tech Talks, and Webinars this month. This ...

They're back! Join the SplunkTrust and MVP at .conf24

With our highly anticipated annual conference, .conf, comes the fez-wearers you can trust! The SplunkTrust, as ...

Enterprise Security Content Update (ESCU) | New Releases

Last month, the Splunk Threat Research Team had two releases of new security content via the Enterprise ...