Themes

Posted by Gary Cunningham-Lee 13 Mar 2025 08:25 GMT-0000

I installed a fresh Tiki 27.1 and switched to the Feb12 theme, and I think I actually said out loud, "Oh, he's right!" 😊. There is a problem with this theme in this Tiki version related to color modes. The :root color mode CSS variable selector is missing in the rule that specifies the left-column and center-column backgrounds, etc.

One solution would be to activate color modes at your site. This is done by assigning the "switch color mode" module so that it appears on all pages. This switch is usually found at the top of the site, for example, at the end of the top navigation opposite the site logo. In Tiki's case, the "nobox" parameter of the module should be set to "y" because we just want the color mode toggle icon to display, not the module box.

However, this would provide a solution only for people who have set their browser color preference to "light" or "dark" and for people who switch the Tiki site color mode toggle to "light" or "dark", because the "auto" option is the one missing in the theme's 27.1 code.

To be sure everyone gets the correct colors, I'm sorry but this CSS should be added to the Look and Feel admin CSS customization:

:root {
    --tiki-feb12-middle-bg: #ffffff url(../images/page.jpg) repeat-x;
    --tiki-feb12-col1-col3-bg: #ffffff url(../images/page.jpg) repeat-x;
    --tiki-feb12-col2-bg: #a8cce2 url(../images/columnbg.jpg) repeat-x;
}

I'm not sure yet about the table issue so will reply separately about that.

-- Gary