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!

Customer Experience | Splunk 2024: New Onboarding Resources

In 2023, we were routinely reminded that the digital world is ever-evolving and susceptible to new ...

Celebrate CX Day with Splunk: Take our interactive quiz, join our LinkedIn Live ...

Today and every day, Splunk celebrates the importance of customer experience throughout our product, ...

How to Get Started with Splunk Data Management Pipeline Builders (Edge Processor & ...

If you want to gain full control over your growing data volumes, check out Splunk’s Data Management pipeline ...