Dashboards & Visualizations

Background color in navbar is gone in 7.1 and 7.2

lakromani
Builder

I do like to color the navbar to differentiate the apps. It makes it easy for the user to see on the bar what apps they are inn.
But on 7.1/7.2 this is gone due to the new design.

I add this
default/data/ui/nav/default.xml
nav color="#6699ff"

to get nice color.

Anyone know how to get back the color in 7.1/7.2 as it was in 7.0

UPDATE (still missing in 7.2)
You can use the information from alacercogitatus post and modify every dashboard, but if you have a default.xml like this:

<nav">
  <collection label="Views">
    <view name="my app#1" default='true'/>
    <view name="my app#2"/>
    <view name="my app#3"/>
  </collection>
  <view name="search"/>
  <view name="reports"/>
  <view name="alerts"/>
  <view name="dashboards"/>
</nav>

You only change color for my app#1 to my app#3
When you select search, reports, alerts and dashboard it goes back to default splunk color for the nav bar.

I the old way with nav color, color stayed on for all menu item....

<nav color="#d15c34"">
  <collection label="Views">
    <view name="my app#1" default='true'/>
    <view name="my app#2"/>
    <view name="my app#3"/>
  </collection>
  <view name="search"/>
  <view name="reports"/>
  <view name="alerts"/>
  <view name="dashboards"/>
</nav>
Tags (2)
1 Solution

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;
}

View solution in original post

fk319
Builder

The background of the icon in the upper right changes its background color.

0 Karma

alacercogitatus
SplunkTrust
SplunkTrust

The icon should be a transparent background, to deal with app bar color changes such as this. @lakromani See Answer Below on how to change per-dashboard.

0 Karma

lakromani
Builder

I do not see my old color behind my icon, just the new grey color.

0 Karma
Get Updates on the Splunk Community!

Index This | I’m short for "configuration file.” What am I?

May 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with a Special ...

New Articles from Academic Learning Partners, Help Expand Lantern’s Use Case Library, ...

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...

Your Guide to SPL2 at .conf24!

So, you’re headed to .conf24? You’re in for a good time. Las Vegas weather is just *chef’s kiss* beautiful in ...