تغيير لون الرسائل الشخصية

For some time I borrowed @ChrisBeach’s CSS snippet, so I converted it into a theme component, find the result here:


What it does

It changes the appearance of the page when a personal message is being read:

  • the head banner color (with a gradient),
  • the font color,
  • the background color,
  • the title color,
  • by adding some text after reply.

All these changes are optional and can be toggled with their on/off setting. The main «personal messages» color can also be changed with a setting. To tweak the different colors, edit the top part of the CSS file.

18 إعجابًا

شكرًا لك، @oca!

لاحظت أن هذا يعمل فقط مع أسماء الألوان، وليس مع أكواد الألوان العشرية (Hex). هذا يجعل من الصعب مطابقتها مع لوحة ألوان. بناءً على النظر في CSS وطريقة خلط الألوان، أعتقد أنه لن يكون من السهل تغيير ذلك. هل يمكن لأي شخص إثبات عكس ذلك؟

إعجابَين (2)

يبدو أن هذا قالب وليس «مكوّن قالب»، ولكن أرجو تصحيحي إذا كنت مخطئًا.

أنا أستخدم حاليًا قالبًا قمت بتخصيصه بالكامل، ولا يمكن استخدام قالب واحد فقط في كل مرة، ويمكنك السماح للمستخدمين بالتبديل بين القوالب… أليس كذلك؟

فهمت أن مكوّنات القوالب تتيح لك تطبيق المكوّن على قالبك النشط/الرئيسي/الافتراضي. على الأقل، هذا هو كيفية عمل مكوّنات القوالب الأخرى بالنسبة لي. في مكوّنات القوالب، يوجد مربع يقول «تضمين المكوّن في هذه القوالب» مما يسمح لك بتطبيق المكوّن على قالبك الافتراضي.

هل من الممكن تحويل هذا إلى مكوّن حتى أتمكن من إبقاء قالبِي الرئيسي/الافتراضي نشطًا، مع تمكين هذه التخصيصات للرسائل الشخصية أو الرسائل المباشرة/الرسائل الخاصة؟

إعجابَين (2)

أتذكر أنني أرسلت طلبات دمج (PRs) إلى جميع مكونات السمات الموجودة لدينا هنا في Meta عندما قمنا بالتغيير الذي يميز بين السمات ومكونات السمات.

أعتقد أن هذا الطلب قد انزلق بين الشقوق لأنه كان ردًا على موضوع آخر، ثم تم نقله لاحقًا إلى موضوع خاص به في فئة #sمة.

@oca، تحتاج فقط إلى إضافة سطر واحد إلى هذا “السمة” لجعله يعمل كمكون سمة. يجب عليك إضافة

"component": true

إلى ملف about.json الخاص بمكونك على النحو التالي

{
  "name": "Private messages with color",
  "about_url": "https://framagit.org/oca/discourse-theme-colored-private-messages   ",
  "license_url": "https://framagit.org/oca/discourse-theme-colored-private-messages/blob/master/LICENSE",
+ "component": true,
   "assets": {
        "asset-variable": "assets/background.svg"
   }
}

بمجرد القيام بذلك، يجب أن يعمل مثل أي مكون آخر، ويمكننا بعد ذلك إضافة وسم theme-component إلى هذا الموضوع.

6 إعجابات

في غضون ذلك، علّمني @Rhidian حيلة جديدة تتيح لك تحويل السمة إلى مكون أو العكس باستخدام زر “تحويل”…

إعجابَين (2)

أود أيضاً رؤية إمكانية استخدام كود HEX هنا!

3 إعجابات

تمّ!
شكرًا لك على النصائح.

5 إعجابات

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

6 إعجابات

رائع :+1:

لقد أضفت الوسم إلى هذا الموضوع. عندما تتاح لك الفرصة، هل يمكنك إضافة لقطة شاشة أو اثنتين إلى المنشور الأصلي في هذا الموضوع؟ لا عجلة، لكن ذلك يسهل رؤية التغييرات التي يجلبها هذا المكون.

6 إعجابات

أعتقد أن المشكلة هي وجود فاصلة زائدة في نهاية about.json

6 إعجابات

شكرًا لك على ذلك!

لكن لا شكر لمن بنوا معيار JSON…

4 إعجابات

هل هذا لا يزال هو الطريق الصحيح لتغيير لون الرسائل الخاصة/الرسائل المباشرة؟

إعجابَين (2)

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

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

هل لا يزال هذا المكون يعمل بشكل جيد الآن بعد أن أصبحت فقاعات الرسائل الشخصية جزءًا أساسيًا؟ أعتقد أن شخصًا ما واجه بعض التعارضات منذ فترة Personal Message Bubbles - #93 by AntiMetaman

3 إعجابات