إضافات خلفية إلى ثيم Graceful

[tmoko]

أود مشاركة بعض التعديلات التي استمتعت بها (أنا سعيد بتقديم طلب سحب إذا اعتقدت أن أيًا منها قد يكون مناسبًا كإعداد افتراضي)

خيار إلغاء الخلفية:

في ملف 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، لكنهم يستخدمون فيسبوك وغيرها لمجتمعاتهم

يمكن أن يكون الترويسة المشرقة مشتتًا، استخدمها بحذر

---

مشكلة صغيرة
عند النقر على بطاقة مستخدم، قد يكون النص صعب الرؤية إذا كان هناك خلفية لبطاقة المستخدم:

شكرًا لكما awesomerobot و jsthon.

[awesomerobot (Kris)]

شكرًا لك على اقتراح هذه التغييرات! لقد قمت بتحديث المظهر لتشمل هذه التغييرات.