Developer notes
| Item | Value |
|---|---|
| Add-on id | kv_theme_noir |
| Theme | kv_noir (child of responsive), installed from var/themes_repository/kv_noir |
| Built with | Kavio theme kit 1.2.8 (kv-files.json lists every file with its hash and the kit version), module flagship |
| CSS prefix | no- (theme), kv- / kv-fs- (kit) |
css/kit/*.less(kit layer and modules),css/skin/skin.less(Noir),styles/data/{Basalt,Champagne,Absinthe,Ultraviolet,Garnet,Porcelain,Pearl,Quartz}.less.blocks/products/kv_no_stage.tpl: the product stage (Products block template). Stockcommon/product_data.tplcaptures for prices (taxes, currencies, discounts), kitkv_chipsfor the spec chips; catalogue data only (full page cache safe); prints nothing without the licensed design.addons/kv_theme_noir/hooks/products/list_price_block.pre.tpl: the glow spec chips on grid cards.js/addons/kv_theme_noir/theme.js: stage and hero auto-advance (stops on interaction, never with reduced motion), the pointer spotlight (one passivepointermovelistener, one frame per move, fine pointers only, sets--no-x/--no-yand the classno-liton the card), kit components (bottom bar, buy bar, option chips, filter sheet, swipe gallery).
Customising
Section titled “Customising”Use a child theme or the Theme editor’s custom CSS. Design tokens are LESS variables (@kv_*, @kv_fs_*, @no_*) set
by each scheme file: @no_stage_bg/_text/_muted/_accent/_accent_ink (the stage), @no_glow (the light colour of
glows, chips and the spotlight), @no_well (photo plates, white by default).