You are viewing a plain text version of this content. The canonical link for it is here.

Posted to user@jspwiki.apache.org by Gary Kephart <ga...@pobox.com> on 2021/12/11 00:09:42 UTC

Dark mode and custom CSS

I've added this to LeftMenu to make the tabbed content a bit darker.

.tab-pane {background-color: #f0f0f0;}

However this doesn't look good in Dark Mode. What do I need to do to 
affect a similar change in Dark Mode?

Thanks,
   Gary

-- 
Gary Kephart
Facebook: gary.kephart
Twitter: @garykephart

"The penalty that good men pay for not being interested in politics is to be governed by lesser men." -- Plato.

Re: Dark mode and custom CSS

Posted by Dirk Frederickx <di...@gmail.com>.

You can do the following:

.tab-pane {
  background-color:var(--background-lighter, #f0f0f0);
}

The dark-mode style uses variables.  If the variable is not defined (light
mode), the var(..) false back to #f0f0f0.

KR
dirk


On Sat, Dec 11, 2021 at 1:09 AM Gary Kephart <ga...@pobox.com> wrote:

> I've added this to LeftMenu to make the tabbed content a bit darker.
>
> .tab-pane {background-color: #f0f0f0;}
>
> However this doesn't look good in Dark Mode. What do I need to do to
> affect a similar change in Dark Mode?
>
> Thanks,
>    Gary
>
> --
> Gary Kephart
> Facebook: gary.kephart
> Twitter: @garykephart
>
> "The penalty that good men pay for not being interested in politics is to
> be governed by lesser men." -- Plato.
>
>