Farbverwaltung Shop-Management: Unterschied zwischen den Versionen
Zeile 1: | Zeile 1: | ||
[[CSS-Doku|zurück zur CSS-Doku]] | [[CSS-Doku|zurück zur CSS-Doku]] | ||
− | + | ||
{{wichtig|Die hier vorgestellten Daten gelten für Template-Versionen >= 8.0.0.0}} | {{wichtig|Die hier vorgestellten Daten gelten für Template-Versionen >= 8.0.0.0}} | ||
Aktuelle Version vom 16. September 2019, 09:25 Uhr
Die hier vorgestellten Daten gelten für Template-Versionen >= 8.0.0.0
Inhaltsverzeichnis
Hintergrundfarben
Allgemeine Hintergrundfarben
Bezeichnung | Farbwert | Auswirkung | CSS-Klasse |
---|---|---|---|
Hintergrundfarbe | #ffffff |
|
bg-color_color1 bg-color_light |
2. Hintergrundfarbe | #f3f3f3 |
|
bg-color_color2 |
3. Hintergrundfarbe | #eeeeee |
|
bg-color_color3 bg-color_smooth |
4. Hintergrundfarbe | #e2e2e2 |
|
bg-color_color4 |
5. Hintergrundfarbe | #dddddd |
|
bg-color_color5 bg-color_strong |
6. Hintergrundfarbe | #dadada |
|
bg-color_color6 |
7. Hintergrundfarbe | #cccccc |
|
bg-color_color7 |
8. Hintergrundfarbe | #aaaaaa |
|
bg-color_color8 bg-color_dark |
Die Hintergrundfarben werden auch für das Zeichnen von Rahmen verwendet. Die Standard-Rahmenfarbe ist die 5. Hintergrundfarbe (#dddddd).
Flächenfarben
- Spezial-Fläche
Spezialflächen betreffen das Benutzer-Menü im Header mit Login, Merkzettel, Sprache, usw.
Feld | Farbwert | Auswirkung |
---|---|---|
1 | #f3f3f3 | erster Farbwert für den Hintergrundverlauf |
2 | #eeeeee | zweiter Farbwert für den Hintergrundverlauf |
3 | #dddddd | nicht belegt |
4 | #cccccc | Rahmenfarbe für das Benutzer-Menü im Header |
- Fläche
Fläche 1 Die Flächen-Farben bestimmen das Aussehen der Standard-Buttons
Feld | Farbwert | Auswirkung |
---|---|---|
1 | #dddddd |
|
2 | #dddddd |
|
3 | #cccccc |
|
4 | #cccccc | nicht belegt |
Fläche 2 Nicht mehr verwendet.
Schriftfarben
Bezeichnung | Farbwert | Auswirkung | CSS-Klasse |
---|---|---|---|
Standard-Schriftfarbe | #333333 |
|
f-color_basic |
2. Schriftfarbe | #555555 |
|
f-color_color1 |
3. Schriftfarbe | #777777 |
|
f-color_color2 f-color_light |
4. Schriftfarbe | #888888 |
|
f-color_color3 |
5. Schriftfarbe | #aaaaaa |
|
f-color_color4 f-color_lighter |
6. Schriftfarbe | #dddddd |
|
f-color_color5 f-color_lightest f-color_disabled |
Wichtige Hinweise | #cd0a0a |
|
f-color_warning f-color_prominent |
weiche Info | #008000 |
|
f-color_notice |
Text in Eingabefeld | #2f2f2f |
|
|
Grafikfarbe | #333333 |