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!
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.

Can’t make it to .conf25? Join us online!

Get Updates on the Splunk Community!

Splunk Lantern’s Guide to The Most Popular .conf25 Sessions

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

Unlock What’s Next: The Splunk Cloud Platform at .conf25

In just a few days, Boston will be buzzing as the Splunk team and thousands of community members come together ...

Index This | How many sevens are there between 1 and 100?

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