Wie Farben (im Dashboard) ändern?

Begonnen von Michi240281, 26 Januar 2014, 17:46:11

Vorheriges Thema - Nächstes Thema

Michi240281

Hallo,

ich nutze den Darkstyle und würde gerne statt schwarz-grau (als "Hauptfarben") dunkelgrau und hellgrau verwenden zwecks besserer Lesbarkeit von schwarzer Schrift, wie z.B. bei dem Wettermodul.

Wie bekomme ich das hin?

Habe mir gerade die style.css und dashboard_style.css im Editor angesehen, doch leider finde ich dort keine Farbangabe in hex, die auf schwarz hindeuten würde.

Irgendwo hab ich gelesen, es wäre in der floorplan Anleitung beschrieben, wie man die css Dateien bearbeitet. Nur finde ich diese Anleitung nirgends.

Kann jmd weiterhelfen?

Besten Dank schonmal!
FHEM auf QNAP per VM / HM LAN Adapter / diverse HM-Devices
QNAP TVS 463
VU+ Duo4kSE
Sony 75ZD9

Hans Franz

#1
Hallo,
Du kannst auch in darkstyle.css einfügen:
table.weather { color: #00ff00; }
Ist dann grün ;)

Sonst die von dir gewünschten Grauwerte in background in der selben Datei ändern:
table.block { border:1px solid #ffffff; width: 100%; background: #333333; box-shadow:5px 5px 5px #000;}
table.block tr.odd { background: #111111; }


Gruss
Hans
Raspi
CUL, Nano-CUL
FHT8V, FHT80B, S300TH
WM1000WZ, ELRO
LW12, LD382,DS18B20

Franz Tenbrock

Probieren geht über studieren ??
Ich habe einfach die xstyle.css im Editor geöffnet und da geschaut was man so findet und dann einfach probiert.
Über Google "Farbcode" gesucht und mit dieser Tabelle gearbeitet.
http://www.farb-tabelle.de/de/farbtabelle.htm
Dazu habeich dann erst einmal versucht die Farben im Code zu finden die ich gerade habe, dann eine ändern und dann Save, dann Firefox schließen und alles ev neu starten.
Ich wollte eigentlciha lles systematisch durchgehen und dann Erläuterungen schreiben was wofür ist, dazu bin ich aber wegen fehlender Zeit nciht gekommen.
ev hilft das ja
cubi3, Cul 868, ESA2000WZ, EM1000GZ,  FS20, dashboard, 1-Wire, Max Thermos, Max Wandthermo, Max Lan, Fritzbox callmonitor, , nanocul, HM Led16, HM Bewegungsmelder, HM Schalter, RPi, banana, ESP8266, DoorPi

rudolfkoenig

Inzwischen haben alle Browser einen Developer-Modus, mit dem man auf das einzelne HTML-Element klicken kann, und die dazugehoerigen CSS-Eintraege anschauen kann, Plugins wie Firebug gibt es zusaetzlich. Man kann sogar direkt im Browser die CSS-Attribute aendern, und damit das Neuladen ersparen. Zum Schluss muss man natuerlich die CSS-Datei aendern/speichern.

Franz Tenbrock

Hallo
super da sieht man wo die Profis sind  8) :)
cubi3, Cul 868, ESA2000WZ, EM1000GZ,  FS20, dashboard, 1-Wire, Max Thermos, Max Wandthermo, Max Lan, Fritzbox callmonitor, , nanocul, HM Led16, HM Bewegungsmelder, HM Schalter, RPi, banana, ESP8266, DoorPi