CSS Farb-Anpassungen Slider Widget

[Thyraz]

Hallo zusammen,

ist es irgendwie möglich die Farben vom Slider Widget anzupassen?
Hab mal mit Chrome Entwicklertools reingespickt und gesehen, dass die Werte aus powerange.min.css kommen.

Habe dann versucht die Werte mit meiner Custom CSS zu überschreiben,
aber die css Datei des Sliders scheint später geladen zu werden als meine Custom CSS (platziert hinter den restlichen CSS Aufrufen in der index.html wie in der sample index.html gezeigt.

Wenn ich direkt die powerange.min.css bearbeite klappt es einwandfrei, darf ich dann aber wahrscheinlich nach jedem Update neu machen.

(http://www.dropbox.com/s/g84gmyuu3915wc2/TabletUISlider2.png?dl=1)

[roman1528]

Moin.

Wenn du es in deine *custum.css verpackst setz ein

!important

dahinter. Dann klappt es auch mit den Nachbarn 

Grüße^^

[setstate]

Das Color Handling war beim Slider noch nicht so optimal. Ich habe das mal verbessert. Man kann die Farbe jetzt ändern mit

Code Auswählen Erweitern

<div data-type="slider" data-device="dummy1" data-color="#dd3355" data-background-color="#aa33ff" class="tap"></div>


oder

Code Auswählen Erweitern

<div data-type="slider" data-device="dummy1" class="blue tap"></div>

oder mit einem Color-Schema:

Code Auswählen Erweitern

<link rel="stylesheet" href="/fhem/tablet/css/fhem-green-ui.css" />

oder, wie ihr es schon getan habt. Überschreibungen in der

Code Auswählen Erweitern

<link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.css" />

[zap]

Wenn ich in der -user.css nur einige Eigenschaften einer Klasse aus der -ui.css neu definiere, werden dann nur die neu definierten überschrieben oder die komplette Klasse?

Beispiel css-Datei 1:

.cell {
    margin:10px 10px !important;
    width: auto;
    text-align: center;
    vertical-align: middle;
}

Dann in css-Datei 2:

.cell { margin: 0; }

"Überleben" das die anderen Attribute aus CSS-Datei 1?

[Thyraz]

Danke euch allen.

@zap
Ja, die alte Datei wird ja dennoch geladen.
Dein Wert überschreibt also nur den spezifischen vorher geladenen.

[kvo1]

Das Color Handling war beim Slider noch nicht so optimal. Ich habe das mal verbessert. Man kann die Farbe jetzt ändern mit

Hi setstate,

funktioniert wie beschrieben, danke !