Radiant، قالب أنيق لمنصة Discourse

يهدف هذا القالب إلى أن يكون بسيطًا وفي الوقت نفسه يمتلك جاذبية عصرية. تم تنفيذ التنسيق بالكامل عبر CSS ولم يتم استخدام أي صور.

:rainbow: :dizzy: :rocket:

الصفحة الرئيسية:

صفحة الموضوع:

بحث الصفحة الكاملة:

النافذة المنبثقة:

أخبرني كيف يمكن تحسين هذا القالب بشكل أكبر. استمتع! :smiley:

31 إعجابًا

تصميم رائع جدًا!

هل توجد طريقة لتخصيص أشكال أو ألوان الخلفية؟ كما أن إمكانية تخصيص “التوهج” للجسم الرئيسي على الخلفية قد تكون مفيدة أيضًا.

3 إعجابات

مرحبًا،

عمل رائع :heart: يبدو هذا القالب رائعًا جدًا :heart_eyes:
لدي اقتراح واحد بشأن زوايا دائرية موحدة وظلال. أعني النوافذ المنبثقة، والقائمة، وحقول الإدخال، وما إلى ذلك… سيكون ذلك مذهلًا مع شريط التحميل الجديد :heart_eyes:

إعجابَين (2)

لا، تم إنشاء الخلفية باستخدام تدرجات خطية في CSS، وإضافة إمكانية تخصيصها ستزيد من التعقيد لمسؤولي المنتدى.

لا تتردد في نسخ (fork) السمة لتخصيصها أكثر وفقًا لمتطلباتك.

نقطة جيدة. سأضيفها إلى قائمتي للتحسينات. :+1:

6 إعجابات

لقد قمت بتحسين المظهر لجعل حقول الإدخال وقائمة الرأس والنوافذ المنبثقة متسقة مع تنسيق المظهر. تم تحديث المنشور الأول مع لقطات الشاشة الأحدث. :slight_smile:

5 إعجابات

مظهر رائع. قد أستخدمه قريبًا. شكرًا لك، عمل جيد.

إعجابَين (2)

مرحبًا، القالب ممتاز. هل توجد طريقة لتقليل المساحة في الأعلى (انظر إلى السهم)؟

إعجابَين (2)

لقد قللت قيمة margin-top الافتراضية إلى 30px عبر:

لا تتردد في عمل نسخة منقحة (fork) من السمة وتخصيصها أكثر حسب احتياجاتك. :slight_smile:

3 إعجابات

شخصياً، أعتقد أن الهامش الأصغر يجعل التدرج اللوني ملحوظاً جداً. :confused:

هل يمكنك إرشادي في الاتجاه الصحيح لتنفيذه كخلفية؟ https://codepen.io/chris22smith/pen/RZogMa

إعجاب واحد (1)

أحب هذا القالب حقًا، وسأطلبه في المنتدى الذي أشارك فيه، لكنني أردت فقط أن أسألك بعض الأسئلة.

أنا لست شخصًا يستخدم Discourse لإنشاء المنتديات، بل أنا مستخدم لهذه المنتديات، لذا قد تبدو بعض أسئلتي خاطئة أو بديهية للغاية، لكنني لم أستخدم Discourse من قبل لبناء أي شيء.

هل توجد خطط لإصدار نسخة من هذا القالب تدعم الوضع المظلم؟ شخصيًا، قمت بتفعيل خيار “فرض الوضع المظلم لمحتوى الويب” في متصفح Edge. وهذا الخيار موجود أيضًا في Chrome. وعادة ما يساعد ذلك، وهذه بعض النتائج التي حصلت عليها عند تفعيله.

بشكل عام، يبدو القالب مقبولاً مع تفعيل هذا الخيار، لكن هناك بعض العناصر التي تبدو خارجة عن المألوف دون سبب واضح، وأود حقًا أن يتم تكييفها أو إصلاحها للوضع المظلم إذا كان ذلك ممكنًا :<G)

لا داعي بالضرورة لتعديل كل شيء لإنشاء نسخة مخصصة للوضع المظلم، فطالما تم إصلاح اختلاف الألوان الغريب في صفحات الملفات الشخصية، فسيكون القالب يعمل بشكل ممتاز مع تفعيل هذا الخيار.

4 إعجابات

ليس حتى الآن، لكنني سأبحث في الأمر. سأضطر لاستخدام مخطط ألوان مختلف.

شكراً على الاقتراحات! سأبحث فيها وأقوم بإجراء التعديلات إذا لم تؤثر على النسخة الافتراضية (الأصلية) الفاتحة. :slight_smile:

5 إعجابات

لقد قمت للتو بإعداد Discourse وكنت متحمّسًا جدًا لتخصيصه. أنا سعيد جدًا لأنني وجدت قالبك؛ إنه عصري، ملون، ورائع. شكرًا لك!

– بن

6 إعجابات

مظهر جميل جدًا، ولكن يبدو أن هذا المظهر غير متوافق مع discourse مؤخرًا. الشريط الجانبي مضغوط تمامًا.

`

3 إعجابات

صيد جيد! تم الإصلاح الآن عبر:

3 إعجابات

شكرا، يبدو رائعا وتم إصلاح المشكلة

إعجابَين (2)

مرحباً

منذ آخر تحديث، يبدو أن كل المحتوى “عالق” على كلا الجانبين. يبدو الأمر وكأن الهوامش/المسافات البادئة اليمنى واليسرى قد اختفت

هل هذا مقصود؟ في الصور المصغرة للمعاينة الخاصة بالقالب، الأمر ليس كذلك. كيف يمكنني إصلاح ذلك؟

شكراً جزيلاً

إعجابَين (2)

تم إصلاح هذا الآن:

شكرا للإبلاغ عن هذه المشكلة :+1:

3 إعجابات

أؤكد أنه تم إصلاحه!
لقد كان سريعًا بشكل لا يصدق، شكرًا جزيلاً لك
موضوع مذهل بالمناسبة :slight_smile:

3 إعجابات

هل يمكنك مساعدتي في فهم كيفية تغيير لون شريط التمييز الأزرق في الأعلى؟

أرى في desktop.scss أن هذا مُعرَّف:

#main-outlet {
  border-top: 8px solid $tertiary;
}

حيث أفترض أن $tertiary يأتي من المتغيرات التي تحددها أنماط Discourse الأساسية، ويجب أن يسحب من لوحة الألوان التي اختارها المستخدم.

يمكنني رؤية في devtools أن الشريط تم تعيينه إلى #3977ff والذي يمكنك رؤيته كشريط أزرق في لقطة الشاشة أدناه. ولكن في لوحة الألوان الخاصة بي، لدي لون أصفر مُعيَّن لـ “tertiary” وليس لدي لون #3977ff مُعرَّف في أي مكان.

إذًا، ما الذي يحدث هنا، وكيف يمكنني تعيين اللون؟

إعجاب واحد (1)

أوه! أرى أن tertiary مُعرّف في about.json:

  "color_schemes": {
    "radiant": {
      "primary": "000000",
      "tertiary": "3977FF",
      "header_primary": "4d4d4d"
    }
  },

لذا أفترض أن هذا هو المكان الذي يحصل منه على قيمة اللون. ولكن لماذا سيتم سحبه من هذا إذا لم يكن لدي مخطط الألوان “radiant” محددًا؟