<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://wiki.domoticz.com/index.php?action=history&amp;feed=atom&amp;title=Machinon_Theme</id>
	<title>Machinon Theme - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.domoticz.com/index.php?action=history&amp;feed=atom&amp;title=Machinon_Theme"/>
	<link rel="alternate" type="text/html" href="https://wiki.domoticz.com/index.php?title=Machinon_Theme&amp;action=history"/>
	<updated>2026-09-20T06:34:09Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.46.0</generator>
	<entry>
		<id>https://wiki.domoticz.com/index.php?title=Machinon_Theme&amp;diff=19260&amp;oldid=prev</id>
		<title>Ragdag2 at 12:47, 16 August 2026</title>
		<link rel="alternate" type="text/html" href="https://wiki.domoticz.com/index.php?title=Machinon_Theme&amp;diff=19260&amp;oldid=prev"/>
		<updated>2026-08-16T12:47:59Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw-interface=&quot;&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 12:47, 16 August 2026&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l6&quot;&gt;Line 6:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 6:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The website has a live color scheme preview: pick any of the eight schemes and the page repaints itself, using the theme&amp;#039;s own design tokens and real device cards, so you can see exactly what a scheme looks like before installing anything.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The website has a live color scheme preview: pick any of the eight schemes and the page repaints itself, using the theme&amp;#039;s own design tokens and real device cards, so you can see exactly what a scheme looks like before installing anything.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[File:Dashboard-light.png|center|thumb|800x800px]]&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Requirements==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Requirements==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key pkjv172828_mw1-mw_:diff:1.41:old-19259:rev-19260:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Ragdag2</name></author>
	</entry>
	<entry>
		<id>https://wiki.domoticz.com/index.php?title=Machinon_Theme&amp;diff=19259&amp;oldid=prev</id>
		<title>Ragdag2 at 12:31, 16 August 2026</title>
		<link rel="alternate" type="text/html" href="https://wiki.domoticz.com/index.php?title=Machinon_Theme&amp;diff=19259&amp;oldid=prev"/>
		<updated>2026-08-16T12:31:23Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw-interface=&quot;&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 12:31, 16 August 2026&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l6&quot;&gt;Line 6:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 6:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The website has a live color scheme preview: pick any of the eight schemes and the page repaints itself, using the theme&amp;#039;s own design tokens and real device cards, so you can see exactly what a scheme looks like before installing anything.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The website has a live color scheme preview: pick any of the eight schemes and the page repaints itself, using the theme&amp;#039;s own design tokens and real device cards, so you can see exactly what a scheme looks like before installing anything.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[File:&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Dashboard&lt;/ins&gt;-light.png|&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;center|thumb|800x800px&lt;/ins&gt;]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[File:&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;machinon-dashboard&lt;/del&gt;-light.png|&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;800px&lt;/del&gt;]]&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Requirements==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Requirements==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Ragdag2</name></author>
	</entry>
	<entry>
		<id>https://wiki.domoticz.com/index.php?title=Machinon_Theme&amp;diff=19257&amp;oldid=prev</id>
		<title>Ragdag2 at 12:28, 16 August 2026</title>
		<link rel="alternate" type="text/html" href="https://wiki.domoticz.com/index.php?title=Machinon_Theme&amp;diff=19257&amp;oldid=prev"/>
		<updated>2026-08-16T12:28:22Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;a href=&quot;https://wiki.domoticz.com/index.php?title=Machinon_Theme&amp;amp;diff=19257&amp;amp;oldid=18536&quot;&gt;Show changes&lt;/a&gt;</summary>
		<author><name>Ragdag2</name></author>
	</entry>
	<entry>
		<id>https://wiki.domoticz.com/index.php?title=Machinon_Theme&amp;diff=18536&amp;oldid=prev</id>
		<title>Walter vl: /* Update */</title>
		<link rel="alternate" type="text/html" href="https://wiki.domoticz.com/index.php?title=Machinon_Theme&amp;diff=18536&amp;oldid=prev"/>
		<updated>2024-04-03T07:20:35Z</updated>

		<summary type="html">&lt;p&gt;&lt;span class=&quot;autocomment&quot;&gt;Update&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;This is a theme for Domoticz with some great features.&amp;lt;br&amp;gt;&lt;br /&gt;
Theme is also in progress with project machinon: https://www.machinon.com&amp;lt;br&amp;gt;&lt;br /&gt;
Machinon is a Theme under developement. In sept 2018 it&amp;#039;s quite stable and looks promising&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
[[File:machinonTheme.png]]&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
Designed in 2018 by EdddiN.&lt;br /&gt;
==Install==&lt;br /&gt;
We recommend you to use the [https://github.com/galadril/domoticz-theme-manager Theme manager plugin] to install and keep up-to-date the theme.&lt;br /&gt;
&lt;br /&gt;
You can also manually install it, in Domoticz theme directory&amp;lt;span&amp;gt; &amp;lt;/span&amp;gt;:&lt;br /&gt;
 &amp;lt;code&amp;gt;cd /home/${USER}/domoticz/www/styles&lt;br /&gt;
 git clone &amp;lt;nowiki&amp;gt;https://github.com/domoticz/machinon.git&amp;lt;/nowiki&amp;gt; machinon&lt;br /&gt;
 sudo /etc/init.d/domoticz.sh restart&amp;lt;/code&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==Update==&lt;br /&gt;
&lt;br /&gt;
 &amp;lt;code&amp;gt;cd /home/${USER}/domoticz/www/styles/machinon&amp;lt;/code&amp;gt;&lt;br /&gt;
 git pull&lt;br /&gt;
&lt;br /&gt;
Then you might have to push reset to default in theme settings in gui and clean browser cache.&lt;br /&gt;
&lt;br /&gt;
==Theme Settings==&lt;br /&gt;
Theme adds an extra page for theme specific settings and a About file where settings are explained&lt;br /&gt;
Accessible under Setup -&amp;gt; settings -&amp;gt; Theme&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Custom Settings page&amp;#039;&amp;#039;&amp;#039;&amp;lt;br&amp;gt;&lt;br /&gt;
Special settings page for better overview.&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
[[File:settings.png]]&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Dark theme&amp;#039;&amp;#039;&amp;#039;&amp;lt;br&amp;gt;&lt;br /&gt;
Like the header says a darker theme.&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
[[File:machinonThemeDark.png]]&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Standby Mode&amp;#039;&amp;#039;&amp;#039;&amp;lt;br&amp;gt;&lt;br /&gt;
Screen saver. Great if you use a tablet on the wall.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Switch intead of BigText&amp;#039;&amp;#039;&amp;#039;&amp;lt;br&amp;gt;&lt;br /&gt;
Switch in the upper right corner instead of text.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Popup options menu&amp;#039;&amp;#039;&amp;#039;&amp;lt;br&amp;gt;&lt;br /&gt;
A small popup for device options&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Flexible device rows&amp;#039;&amp;#039;&amp;#039;&amp;lt;br&amp;gt;&lt;br /&gt;
Bigger screen more rows.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Display Dashboard in columns (screen width &amp;gt; 1200px)&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Display Camera Preview on Dashboard&amp;#039;&amp;#039;&amp;#039;&amp;lt;br&amp;gt;&lt;br /&gt;
You need to attach a switch to your camera (create a switch then in Settings/Camera, add the switch to the camera)&amp;lt;br&amp;gt;&lt;br /&gt;
Add the switch to the dashboard&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Navbar&amp;#039;&amp;#039;&amp;#039;&amp;lt;br&amp;gt;&lt;br /&gt;
Options are Side Menu, Icons/Text&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Notification&amp;#039;&amp;#039;&amp;#039;&amp;lt;br&amp;gt;&lt;br /&gt;
Option to check for updates&amp;lt;br&amp;gt;&lt;br /&gt;
How to get visual notifcation when a device is changing status or value etc:&amp;lt;br&amp;gt;&lt;br /&gt;
- Go to the device notifications&amp;lt;br&amp;gt;&lt;br /&gt;
- In notifications settings select browser&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Custom Page (Iframe)&amp;#039;&amp;#039;&amp;#039;&amp;lt;br&amp;gt;&lt;br /&gt;
Custom Page with menu button. Add button name and custom page url. Add url e.g: https://www.domoticz.com or a local file e.g: ../templates/custompage.html&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;And much more..&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
==Links==&lt;br /&gt;
 Report bugs, contribute to theme [https://www.github.com/domoticz/Machinon Machinon theme on github]&lt;br /&gt;
&lt;br /&gt;
 [https://www.domoticz.com/forum/viewtopic.php?f=8&amp;amp;t=24084 Forum link]&lt;br /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
    [[Category: Theme]]&lt;/div&gt;</summary>
		<author><name>Walter vl</name></author>
	</entry>
</feed>