Your Domoticz dashboard, redrawn.

Machinon replaces Domoticz's default interface with a clean, card-based layout: 8 color schemes in matching light and dark pairs, a library of 267 device icons in three styles installed one at a time, and 34 settings on one page inside Domoticz.

Install Documentation GitHub

Every color on this page is the theme's own. Change the scheme in the top right and watch.

The Machinon dashboard showing device cards in the light scheme
Live, not a screenshot

Real Machinon cards

Built on the theme's own card grid, from the same design tokens it ships. Pick any scheme above and they repaint with the rest of the page. Flip the kitchen lights, drag the hallway dimmer, or open the garage door: every state change swaps in the icon library's real per-state artwork.

Living room 21.4 °C Temperature sensor icon Humidity 48% 2 minutes ago
Kitchen lights On Light switch icon 14 minutes ago
Hallway dimmer 62% Spotlight bulb icon Level just now
Electricity 412 W Energy counter icon Today 6.83 kWh 1 minute ago
Garage door Closed Contact closed 6 minutes ago
Batcave On Batcave scene icon 22 minutes ago
What you get

Built for a dashboard you actually look at

8 color schemes

Machinon, Gruvbox, Magenta and Paper, each with a light and a dark variant, so the whole interface follows your preference.

34 settings, one page

Every theme setting on one page inside Domoticz, reachable from the Setup menu once the theme is active.

Custom colors

Design your own palette in the Colors and schemes tab and save it as a preset, with contrast checked as you go.

267 device icons

Three styles, on and off states, installed individually per device from the Theme Hub. Request more on GitHub.

Mobile layouts

Dashboards, menus and dialogs adapt to small screens instead of just shrinking the desktop layout.

Card based

Devices sit in a responsive grid you can reorder by dragging, with card width under your control.

Settings that stick

Personal settings follow your own Domoticz login where the installation has separate accounts; shared settings apply to everyone. With one login shared by everyone, every change applies to everyone.

Fast to load

Releases ship as one flattened stylesheet, which matters most on slower connections and wall panels.

Eight schemes

Pick a palette

Every shipped scheme holds body text at WCAG AA or better. Click one to apply it to this page.

One settings page

The Theme Hub

Nine groups covering standby, menus, the dashboard, device cards, charts, background and branding, colors, icon packs, and an About tab with the theme's maintenance actions. Some rows carry a small live preview of what they change; many others open their own picker or apply directly instead.

The Machinon Theme Hub settings page
Icon packs

267 icons, installed one at a time

A browsable library in three styles, Blue UI, Color and Fun, each icon drawn for both its on and off state. Install just the ones you want onto individual devices, straight from the Theme Hub. Missing one? Request it on GitHub.

The icon pack installer in the Theme Hub
Floorplans

The whole house at a glance

Domoticz floorplans, restyled to match: live device icons, readings and states drawn over your own plans. Click a device for its control popup; an optional theme setting makes that popup expandable, adding Log and Notifications shortcuts right on the plan.

A floorplan with live device icons and temperature readings
Small screens

Made for the phone on the counter

The dashboard on a phone, cards stacked in one column
Dashboard
The compact mobile dashboard listing favorite devices as rows
Compact dashboard
The Switches page on a phone
Switches
The Temperature page on a phone
Temperature
The Utility page on a phone
Utility
A device log chart scaled to a phone screen
Device log
Get started

Install in a minute

Needs Domoticz 2025.2 or newer, latest beta recommended.

  1. Clone the dist branch

    The leanest install: just the built theme, no source files.

    Terminal
    cd domoticz/www/styles
git clone -b dist --single-branch https://github.com/domoticz/Machinon.git machinon

  2. Select the theme

    In Domoticz, open Setup > Settings > System and pick machinon under Theme.

  3. Click Apply Settings

    The choice only persists once you do. No Domoticz restart is needed.

  4. Hard-refresh your browser

    Ctrl+Shift+R, so the browser picks up the new files instead of the cached old ones.

Update later with git pull inside the machinon folder.

Other ways to install

Release zip

Download machinon-<version>.zip and unzip it into domoticz/www/styles/. The zip already contains a machinon/ folder.

Releases

Theme Manager

The Theme Manager plugin can install Machinon for you. It installs the full source rather than the lean dist build, so the dist branch loads faster if you do not need the plugin otherwise.

Theme Manager

Full source

For development. Loads around 27 separate CSS files instead of one flattened file, which is slower for everyday use.

Terminal
cd domoticz/www/styles
git clone https://github.com/domoticz/Machinon.git machinon

Upgrading from 1.x? The repository history was rewritten for 2.0.0, so git pull in an old clone will fail. Delete the old machinon folder and reinstall. Nothing needs migrating: your settings live in Domoticz, not the theme folder.