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!

Splunk Classroom Chronicles: Training Tales and Testimonials

Welcome to the "Splunk Classroom Chronicles" series, created to help curious, career-minded learners get ...

Access Tokens Page - New & Improved

Splunk Observability Cloud recently launched an improved design for the access tokens page for better ...

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

&#x1f342; Fall into November with a fresh lineup of Community Office Hours, Tech Talks, and Webinars we’ve ...