Skip to content
CSS Datei für die HomeMatic WebUI in Verbindung mit dem FireFox Addon Stylus
CSS
Branch: master
Clone or download
Latest commit f0664a4 Nov 10, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images Add files via upload Nov 8, 2019
HomeMatic_CSS.css Update HomeMatic_CSS.css Nov 10, 2019
LICENSE Create LICENSE Nov 7, 2019
README.md Update README.md Nov 9, 2019
_config.yml Set theme jekyll-theme-cayman Nov 9, 2019
changelog.txt Update changelog.txt Nov 10, 2019

README.md

HomeMatic_CSS

CSS-Datei für die HomeMatic CCU in Verbindung mit dem FireFox Addon Stylus.

Übersicht

Ein modernes Design:

WebUI Neu

für die etwas in die Jahre gekommene Oberfläche der HomeMatic WebUI:

WebUI Original

Voraussetzungen

Die CSS-Datei benötigt keine Installation auf der CCU. Stattdessen wird diese über FireFox-Addon Stylus eingebunden. Dieses "überschreibt" die vorhandenen Style-Sheets, die von der CCU geladen werden, direkt im Browser.

Installation

Nach der Installation von Stylus wird die CCS-Datei in Stylus importiert:

Bearbeiten

und den Inhalt der CSS-Datei einfügen:

Einfuegen

danach ist eine Anpassung der IP-Adressen, auf die IP bzw. URL der CCU, in den einzelnen Code-Bereichen nötig:

IP.

Hierzu noch ein schönes Video von Verdrahtet auf YouTube

Anpassungen

Nach dem Import sieht man in Stylus mehrere Code-Bereiche:

  1. Changelog, CSS-Variablen zum einfachen Anpassen und des Drucklayouts VariablenCSS_Print
  2. Allgemeine Stile
  3. die restlichen Stile
  4. das Hintergrundbild

Diskussion / Vorschläge

Bitte auch die Diskussion dazu im HomeMatic-Forum beachten.

ToDo

Die Reihenfolge entspricht keiner Priorität.

  • Anleitung vervollständigen
  • CSS-Variablen vervollständigen
  • Status / Geräte-Controls überarbeiten
  • Status / Gewerke
  • Status / Räume
  • Status / Favoriten
  • Status / Systemprotokoll - Header
  • Direkte Verknüpfungen
  • Einstellungen - Unterpunkte Header
  • Popup - Allgemeine Geräteeinstellungen
  • Popups - Kanalauswahl / Geräteauswahl usw.
  • Geräteeinstellungen / Formular-Inputs verbergen
  • zweites Design: "Hell"

Optional:

  • als Addon?
  • wenn es ein Addon wird: Die Geräte-Bilder durch Fotos ersetzen?
  • Auf CUx erweitern?

Author

Thorsten Willert

Homepage

Lizenz

Das ganze steht unter der Apache 2.0 Lizenz. .

You can’t perform that action at this time.