← Index · ← File index · ← Prev · Next → · 📄 source

#4163: `inverse.scss`

site/_sass/uikit/theme/inverse.scss

Path: site/_sass/uikit/theme/inverse.scss · Type: UIkit Inverse global

Purpose: Themes dark mode base — 13 lines. Single hook enables dark backgrounds with light text globally. Controls the inverse color scheme for all components.

Source: GitHub

14 lines · 0 code · 9 comments · 5 blank

Commit	Date	Message
`ac75fabf3`	2021-08-10	Github pages migrated to Asciidoc (Gihub actions required).
`acb790ad2`	later	Fix various typos

Added in Aug 2021 during the Jekyll site migration from HTML to AsciiDoc. Typo fixes applied later.

What it does

Themes dark mode base — 13 lines. Single hook enables dark backgrounds with light text globally. Controls the inverse color scheme for all components. Part of the UIkit CSS framework integration for the ProjectForge documentation website. Imported by _import.scss (#4052) in the theme compilation chain.

Import chain

Compilation flow: assets/css/main.scss → uikit-theme.scss (#4090) → _import.scss (#4052) → this file. Variables from variables.scss (#4091) and variables-theme.scss (#4092) are available to all components.

Key takeaways

Git history: Added in ac75fabf3 (2021-08-10) with the Jekyll site migration. Typo fixes in acb790ad2.
Theme layer: This is theme-level visual styling on top of the core component. Hook mixins are defined in mixins-theme.scss (#4024).
UIkit framework: Part of the UIkit CSS framework (getuikit.com). When upgrading UIkit, compare this file against the new version for API changes.

← #4052 · #4054 →

#4163: inverse.scss

What it does

Import chain

Key takeaways

#4163: `inverse.scss`