Timeline CSS - Colors (or Colours)

nickhills — Wed, 10 Apr 2013 09:46:34 GMT

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.

🙂

Re: Timeline CSS - Colors (or Colours)

nickhills — Wed, 10 Apr 2013 12:12:45 GMT

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"

topic Timeline CSS - Colors (or Colours) in Dashboards & Visualizations

Timeline CSS - Colors (or Colours)

Re: Timeline CSS - Colors (or Colours)