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!

Application management with Targeted Application Install for Victoria Experience

  Experience a new era of flexibility in managing your Splunk Cloud Platform apps! With Targeted Application ...

Index This | What goes up and never comes down?

January 2026 Edition  Hayyy Splunk Education Enthusiasts and the Eternally Curious!   We’re back with this ...

Splunkers, Pack Your Bags: Why Cisco Live EMEA is Your Next Big Destination

The Power of Two: Splunk + Cisco at "Ludicrous Scale"   You know Splunk. You know Cisco. But have you seen ...