Graceful テーマへの背景の追加

:heart_eyes:

いくつか気に入った調整を共有させてください(デフォルトとして採用するなら、PR を提出しても構いません)

背景なしオプション:

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);
    }
    // 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;
    }

  }


}

テーマ設定:

例:

(フッターは別の画像です)

$header-background 色の適用を許可する

desktop.scss 内:

.d-header を見つけ、$secondary から background: rgba($header-background, 0.92); に変更してください。

別の例
https://gph.is/2B8yPif

^ background-repeat: no-repeat; が必要かと思ったのですが、不要なようです


ドット(スタイル)

https://theme-creator.discourse.org/theme/tmoko/graceful-dots

背景画像元:https://www.toptal.com/designers/subtlepatterns/worn-dots/


"Dots": {
  "primary": "222222",
  "secondary": "ffffff",
  "tertiary": "888eaf",
  "quaternary": "d393a7",
  "header_background": "ffffff",
  "header_primary": "333333",
  "highlight": "d4efd8",
  "danger": "f8745c",
  "success": "41e254",
  "love": "fa6c8d"
}


もし誰かが私のカラースキームを気に入ってくれたら :)

"Capes": {
  "primary": "222222",
  "secondary": "ffffff",
  "tertiary": "ffc500",
  "quaternary": "79d3f4",
  "header_background": "f75200",
  "header_primary": "ffffff",
  "highlight": "ffc500",
  "danger": "f75200",
  "success": "76b242",
  "love": "fa6c8d"
},

"Sky": {
  "primary": "222222",
  "secondary": "ffffff",
  "tertiary": "4077aa",
  "quaternary": "79d3f4",
  "header_background": "213a5a",
  "header_primary": "ffffff",
  "highlight": "ffc500",
  "danger": "f75200",
  "success": "76b242",
  "love": "fa6c8d"
}

tgc の次のゲーム「Sky」にインスパイアされましたが、彼らはコミュニティのために Facebook などを全て使っています :cry:

明るいヘッダーは気が散る可能性があるため、慎重にご使用ください :blush:


小さな問題
ユーザーカードをクリックすると、ユーザーカードの背景がある場合、テキストが見にくくなることがあります:

awesomerobot と jsthon の皆さん、ありがとうございます。

「いいね!」 20

これらの変更を提案してくださり、ありがとうございます!テーマを更新して反映いたしました。

「いいね!」 13