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

niketnilay
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

niketnilay
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

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

niketnilay
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
Did you miss .conf21 Virtual?

Good news! The event's keynotes and many of its breakout sessions are now available online, and still totally FREE!