Farbverwaltung Shop-Management

zurück zur CSS-Doku

Hintergrundfarben

Allgemeine Hintergrundfarben

Einstellungen im Shop-Management für Hintergrundfarben

Bezeichnung	Farbwert	Auswirkung	CSS-Klasse
Hintergrundfarbe	#ffffff	vertikales Menü ab zweiter Ebene Bild in Artikel-Listung Eingabefelder Megamenü Slidemenü auf Bildschirmen < 880 Pixel Header auf Bildschirmen < 880 Pixel Infobox allgemeine Box mit Haupt-Hintergrundfarbe (Neuheiten, Bestseller, RDE, ...) Rahmenfarbe 1 Tabs in Detailseite Subnavigation	bg-color_color1, bg-color_light
2. Hintergrundfarbe	#f3f3f3	Daten in Artikel-Listung Daten in Artikeldetail Areas mit Hintergrund Rahmenfarbe 2 allgemeine Box mit Neben-Hintergrundfarbe	bg-color_color2
3. Hintergrundfarbe	#eeeeee	vertikales Menü erste Ebene Überschriften mit Box Rahmenfarbe 3 Navigation 6 unter Topnavigation	bg-color_color3, bg-color_smooth
4. Hintergrundfarbe	#e2e2e2	Rahmenfarbe 4	bg-color_color4
5. Hintergrundfarbe	#dddddd	Rahmenfarbe des Headers Rahmenfarbe des Hauptteils Rahmenfarbe des Footers Haupt-Rahmenfarbe 5. Rahmenfarbe Hintergrund Produktname in Catblog Speedbar im Checkout Einheit bei Warenkorbfeldern Reservieren-Button Suchvorschläge Tabs:hover in Detailseite	bg-color_color5, bg-color_strong
6. Hintergrundfarbe	#dadada	6. Rahmenfarbe	bg-color_color6
7. Hintergrundfarbe	#cccccc	7. Rahmenfarbe Rahmen um Eingabefelder	bg-color_color7
8. Hintergrundfarbe	#aaaaaa	Reservieren-Button:hover modaler Hintergrund 8. Rahmenfarbe Schattenfarbe	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

Einstellungen im Shop-Management für 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	Rahmenfarbe oben Rahmenfarbe rechts erste Verlaufsfarbe
2	#dddddd	Hintergrundfarbe ohne Verlauf zweite Verlaufsfarbe bei Hover
3	#cccccc	Rahmenfarbe unten Rahmenfarbe links zweite Verlaufsfarbe erste Verlaufsfarbe bei Hover
4	#cccccc	nicht belegt

Fläche 2 Nicht mehr verwendet.

Schriftfarben

Einstellungen im Shop-Management für Schriftfarben

Bezeichnung	Farbwert	Auswirkung	CSS-Klasse
Standard-Schriftfarbe	#333333	Hauptschriftfarbe	f-color_basic
2. Schriftfarbe	#555555	Farbe für Hyperlinks mit » Schriftfarbe des Reservieren-Buttons	f-color_color1
3. Schriftfarbe	#777777	allgemeine Hinweise im Footer Hover im Megamenü Hover-Farbe von hervorgehobenen Links Label von Input-feldern	f-color_color2, f-color_light
4. Schriftfarbe	#888888	Breadcrumb Herstellername	f-color_color3
5. Schriftfarbe	#aaaaaa	Schatten für Megamenü, Subnavi, Catblog	f-color_color4, f-color_lighter
6. Schriftfarbe	#dddddd	leeres Bewertungs-Sternchen hr Tabellenrahmen	f-color_color5, f-color_lightest, f-color_disabled
Wichtige Hinweise	#cd0a0a	Hinweise auf Verkaufsaktionen Pflichtfeld Fehlermeldungen	f-color_warning, f-color_prominent
weiche Info	#008000	Speedbar fröhlicher Link Hinweise Preise	f-color_notice
Text in Eingabefeld	#2f2f2f	Input-Felder
Grafikfarbe	#333333