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!

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...

Introducing the 2024 Splunk MVPs!

We are excited to announce the 2024 cohort of the Splunk MVP program. Splunk MVPs are passionate members of ...

Splunk Custom Visualizations App End of Life

The Splunk Custom Visualizations apps End of Life for SimpleXML will reach end of support on Dec 21, 2024, ...