Files
| Path | Contents |
|---|---|
config/theme.ini |
Settings, page and block templates, resource page blocks |
config/design.php |
Palettes, bundled fonts, stylesheets, and the values of settings Confetti does not show |
helper/ThemeEngine.php |
The theme's view helper, $this->ThemeEngine() |
asset/css/confetti.css |
Confetti's design, in the theme cascade layer |
asset/css/confetti-integrations.css |
Styles for module markup (BlockSuite), loaded after module stylesheets |
engine/ |
The Theme Engine, shared by RefBytes themes: templates, base styles, scripts, color math, design tokens, fonts, presets, dates |
language/ |
Translations; template.pot lists every string |
Confetti's own design tokens
Besides the --v-* design tokens (see Custom CSS and design tokens), Confetti defines a few of its own, which custom CSS can use too:
| Token | Use |
|---|---|
--cf-radius, --cf-radius-sm |
Corner radius of cards and panels, and of smaller boxes |
--cf-line |
Thickness of the sticker outlines |
--cf-pop |
Offset of the sticker shadows |
--cf-wave-w, --cf-wave-h |
Width and height of the wavy edges |
The decorations setting adds cf-decor-playful or cf-decor-calm to the page's <body>, so custom CSS can target one or the other.
Settings resolution
$this->ThemeEngine()->get('key') returns a setting's value: the saved value, else the palette's value, else the theme.ini default, else the value Confetti sets for settings it does not show. Omeka's own themeSetting() does not apply palettes or defaults, so use the helper.