[pmwiki-users] Is there an easy way to remove the icon "Toggle dark theme" at the top of the page?

Christopher Pinon cjpinon at versioning.org
Sun Jul 6 15:12:47 PDT 2025


Petko Yotov <5ko at 5ko.fr> writes:

> On 06/07/2025 22:33, Christopher Pinon wrote:
>> Petko Yotov <5ko at 5ko.fr> writes:
>> In fact, as it happens, I was experimenting with local.css based on 
>> your
>> suggestion
>> 
>> /* Change backgrounds from light gray to light green: */
>> #bodywrap, #wikileft, #wikihead-searchform, #wikicmds, .frame {
>>   background-color: #dfd;
>>   }
>> 
>> from https://www.pmwiki.org/wiki/Skins/PmWiki-responsive , which looks
>> nice as a light color theme but doesn't work when switching to the
>> default dark color theme.
>> 
>> Ideally, I would like to keep the toggle between light color and dark
>> color, but I would first need to adapt the default dark color theme to
>> my light color theme.
>
> It is now easier to change the colors, as these are just variables.
>
> In local.css instead of #bodywrap... above, this may get you started:
>
>    :root {
>      --pm-frame-bgcolor: #dfd;
>      --pm-bgcolor: #efe;
>    }
>
>    @media screen {
>      html.pmDarkTheme {
>        --pm-frame-bgcolor: #232;
>        --pm-bgcolor: #121;
>      }
>    }
>
> Check the variable names and values in 
> pmwiki/pub/skins/pmwiki-responsive/skin.css, top (light) and bottom 
> (dark). Normally don't modify that file, redefine these in local.css and 
> yours will apply.

Thanks for the tip! Indeed, such variables make the task more high-level
and thus easier. I'll take a closer look.

C.



More information about the pmwiki-users mailing list