CSS-Beispiel

Im Folgenden ist ein CSS-Beispiel, das einfache Designänderungen ermöglicht. Es müssen lediglich die Farbcodes entsprechend angepasst werden.

body {
  /* Hintergrundfarbe des gesamten HTML-Dokuments */
  background-color: #000000;
  
  /* Schriftfarbe des gesamten HTML-Dokuments */
  color: #000000;
  
  /* Schriftart */
  font-family: 'Roboto', Arial, sans-serif;
}

/* Farbe des Buttons für z.B. "Bestätigen", "Speichern", "Bestellen" (Primärfunktionen) */
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #000000;
  border-color: #000000;
}

/* Farbe des Buttons für z.B. "Abbrechen", "Überspringen" (Sekundärfunktionen) */
.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

/* Farbe aller Links im gesamten HTML-Dokument */
a {
  color: #000000;
}

/* Farbe der Box der ausgewählten Zahlart */
.payment-tabs li a.active {
  color: #000000;
}

/* Farbe der Box der ausgewählten Zahlart beim Fokussieren oder Hovern */
.payment-tabs li a.active::before .payment-tabs li a:hover::before, .payment-tabs li a:focus::before {
  border-color: #000000;
}

/* Farbe des Preistextes in der Liste der ausgewählten Produkte in der Bestelldetail-Box (im Standard oben rechts) */
.price-list table td:last-child {
  color: #000000;
}

/* Obere Randfarbe der Bestelldetail-Box (im Standard oben rechts) */
.order-details {
  border-top-color: #000000;
}