Dashboards & Visualizations

Timeline CSS - Colors (or Colours)

nickhills
Ultra Champion

I have probably overlooked or misunderstood something pretty basic, but google has not given me any clues, so i'm clearly using the wrong search terms here on splunkbase...

How the devil do i change the color of the FlashTimeline?!?!?

I am doing a large CSS customization for our app, and want to change the "Splunk Green" timeline to our own colour pallet. - I cant find any CSS which seems applicable, or any hints in the documentation for how to achieve this, yet i know it can be done (as we have it in other apps)

please save my sanity, or point out my colossal misunderstanding.

🙂

If my comment helps, please give it a thumbs up!
1 Solution

nickhills
Ultra Champion

Found it!

In application.css i added this:

div.FlashTimeline {
    background-color: #fbfbfb;
    border-left-color: #000;
    color: #000;
    border-right-color: #527BA9;
}

It turns out that "border-right-color" means "bar colour"

If my comment helps, please give it a thumbs up!

View solution in original post

nickhills
Ultra Champion

Found it!

In application.css i added this:

div.FlashTimeline {
    background-color: #fbfbfb;
    border-left-color: #000;
    color: #000;
    border-right-color: #527BA9;
}

It turns out that "border-right-color" means "bar colour"

If my comment helps, please give it a thumbs up!
Get Updates on the Splunk Community!

Announcing Scheduled Export GA for Dashboard Studio

We're excited to announce the general availability of Scheduled Export for Dashboard Studio. Starting in ...

Extending Observability Content to Splunk Cloud

Watch Now!   In this Extending Observability Content to Splunk Cloud Tech Talk, you'll see how to leverage ...

More Control Over Your Monitoring Costs with Archived Metrics GA in US-AWS!

What if there was a way you could keep all the metrics data you need while saving on storage costs?This is now ...