Farbverwaltung Shop-Management
Version vom 14. Dezember 2018, 08:15 Uhr von MP (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „zurück zur CSS-Doku = Hintergrundfarben = == Allgemeine Hintergrundfarben == image:Hintergrund1.PNG|mini|Einstellungen im Shop-Management für…“)
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 |