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!

Data Management Digest – December 2025

Welcome to the December edition of Data Management Digest! As we continue our journey of data innovation, the ...

Index This | What is broken 80% of the time by February?

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

Unlock Faster Time-to-Value on Edge and Ingest Processor with New SPL2 Pipeline ...

Hello Splunk Community,   We're thrilled to share an exciting update that will help you manage your data more ...