Theme
One set of colour tokens restyles the whole store, with a blog on the home page and a minified stylesheet.
Download and install
Download Theme 1.3.2 (.zip, 659 KB)
- Go to Appearance → Themes → Add New Theme → Upload Theme.
- Choose the zip you downloaded, then click Install Now.
- Click Activate.
- Open Appearance → Customize to set your colours.
Already installed? Updates arrive in Plugins like any other plugin. Full install guide
Where to find it
Appearance → CustomizeWhat it does
- 35 colour tokens in the Customizer. Every plugin reads them.
- Light theme by default, plus a complete dark preset.
- Styles WooCommerce through hooks. No template overrides.
- Fonts are self-hosted. No external requests.
Screenshots
What it does for you
A dark, mobile-first WooCommerce theme built to be re-skinned: out of the box it renders the Empire Tools look exactly; every color and major chrome piece is a Customizer setting, and every store feature lives in the plugins so the theme stays presentational. Light palettes are first-class: the page background flips the browser color-scheme automatically.
Features
- 35 palette tokensPage/surfaces/cards/borders, body/muted/secondary/form text, panels, accent + pressed + hero-gradient ends, gold pair, deal green, alert, cream, scrim, bottom bar, status colors.
- Feature togglesMobile bottom tab bar, desktop nav row, header account icon, drawer account link, footer menu.
- Hooksempire_header_end, empire_drawer_end, empire_footer_start for plugins and child themes.
- Price-tag typographyOswald display + Barlow body — signage, not corporate.
- WooCommerce Blocks stylingCart and checkout blocks restyled through tokens so they follow light or dark.
Use cases
A retailer who wants the same WooCommerce store to fit a dark or light brand without rebuilding plugin screens.
Example
Switch the palette to light; product, account, cart, and checkout surfaces follow the same tokens.
Quick setup
- Copy the theme folder (or let Setup / the Site Builder install it) and activate.
- Appearance → Customize → Empire Theme — Palette / Features.
Configuration
| key | default | effect |
|---|---|---|
et_bg … et_alert2 | the Ember dark look | 35 hex tokens, one Customizer color control each |
et_show_bottom_bar … | true | five chrome toggles |
Untouched, the theme emits zero override CSS. Changing tokens emits only the changed ones plus rgb triplets for translucent tints. A light background sets color-scheme: light.
Step-by-step guide
- Go light in one moveRun Setup or the Site Builder with a light palette — all 35 tokens are set for you.
- Tune one colorCustomize → Empire Theme — Palette → Accent: buttons, badges, and the search button follow.
- Hide the bottom barCustomize → Empire Theme — Features → untick Mobile bottom tab bar.
Q&A
Does a light palette really work everywhere?
Yes — every hard-coded color was tokenized (checkout blocks, bottom bar, status colors, scrims) and verified on a light clothing store and a light Empire clone.
Roadmap
- Palette presets inside the Customizer
- Child-theme starter
Recent changes
- 1.3.2
- No layout shift on the home page: the logo, footer and base text rules are always in the first-screen CSS.
- 1.3.1
- Minified stylesheet at the Safe preset, and the first row of home cards loads eagerly.
- 1.3.0
- Show the blog on the store: a hero button, a homepage section and a main-menu item, each switched on or off in the Customizer.
- Speed files rebuilt with the shop layout.