Ich möchte einige Anpassungen teilen, die mir gefallen haben (ich würde gerne einen PR einreichen, falls Sie denken, dass einige davon als Standard geeignet sind)
Option ohne Hintergrund:
Unter common.scss:
body {
background-color: $primary-very-low;
@if $no-background == "false" {
@if $background-image != "default" {
background-image: url($background-image);
} @else {
background-image: url($default-background);
}
// Standard-Hintergrundmuster von Toptal Subtle Patterns
// ♡ https://www.toptal.com/designers/subtlepatterns/japanese-sayagata/
background-attachment: fixed;
@if $tile-background == "true" {
background-size: auto;
} @else {
background-size: cover;
background-repeat: no-repeat;
}
}
}
Thema-Einstellung:
Beispiel:
(Fußzeile ist ein separates Bild)
Zulassen, dass $header-background-Farbe wirksam wird
Unter desktop.scss:
Suchen Sie nach .d-header und ändern Sie $secondary in background: rgba($header-background, 0.92);
Ein weiteres Beispiel
https://gph.is/2B8yPif
^Ich wollte hinzufügen, dass ich dachte, ich bräuchte background-repeat: no-repeat;, aber es scheint nicht nötig zu sein
Punkte (Stil)
https://theme-creator.discourse.org/theme/tmoko/graceful-dots
Hintergrundbild von: https://www.toptal.com/designers/subtlepatterns/worn-dots/
"Punkte": {
"primary": "222222",
"secondary": "ffffff",
"tertiary": "888eaf",
"quaternary": "d393a7",
"header_background": "ffffff",
"header_primary": "333333",
"highlight": "d4efd8",
"danger": "f8745c",
"success": "41e254",
"love": "fa6c8d"
}
Wenn jemand meine Farbschemata mag :)
"Mäntel": {
"primary": "222222",
"secondary": "ffffff",
"tertiary": "ffc500",
"quaternary": "79d3f4",
"header_background": "f75200",
"header_primary": "ffffff",
"highlight": "ffc500",
"danger": "f75200",
"success": "76b242",
"love": "fa6c8d"
},
"Himmel": {
"primary": "222222",
"secondary": "ffffff",
"tertiary": "4077aa",
"quaternary": "79d3f4",
"header_background": "213a5a",
"header_primary": "ffffff",
"highlight": "ffc500",
"danger": "f75200",
"success": "76b242",
"love": "fa6c8d"
}
Inspiriert von tgc’s nächstem Spiel, Sky, aber sie nutzen alle Facebook usw. für ihre Communities 
Ein heller Header kann ablenkend sein, vorsichtig verwenden 
Kleines Problem
Wenn Sie auf eine Benutzerkarte klicken, kann der Text schwer zu lesen sein, wenn es einen Hintergrund für die Benutzerkarte gibt:
Vielen Dank an awesomerobot und jsthon.