لا يبدو أن هناك أي فئة محددة حاليًا.
لقد وجدت هذا ولكنه لا يعمل نظرًا لأن معرف السمة هو نفسه للوضع المظلم والفاتح (والذي يتم تحديده بواسطة مخطط الألوان، على ما أعتقد).
أفترض أن نصًا برمجيًا قصيرًا يمكن أن يساعد؟ وربما إضافة هذا إلى جوهر Discourse؟
هل تمانع في شرح سبب حاجتك إلى فئات محددة مضافة إلى الجسم لوضع dark أو light؟
هل هذه الميزة الأساسية لا تسمح بما تحتاجه؟
لا يحب موظفو المنتدى الذي أقوم بترحيله لونًا متغيرًا تم إنشاؤه خصيصًا (--tertiary-very-low) والذي ينتج هذا اللون البني المحدد:
يرغبون في تعديله، ويبدو أنني لا أستطيع تغييره حقًا نظرًا لأنه تم إنشاؤه ولا توجد فئة خاصة بالوضع المظلم.
ومع ذلك، صادفت هذه المعلومة:
لا أعرف ما إذا كانت صالحة، لم أتمكن من تجربتها بعد، لدي الكثير من الأشياء لأفعلها الآن 
. ولكن إذا نجحت، فسيكون ذلك كافيًا. بل سيكون أفضل في الواقع.
إعجابَين (2)
لقد قمنا (عذرًا، سأقول نحن حيث أنني مع @Canapin نقوم بإجراء التعديلات على منتدانا) بإنشاء سمة داكنة باستخدام الإعداد المسبق المسمى “Café crème” في النسخة الفرنسية من Discourse (“coffee” أفترض) وقمنا للتو بتغيير لون 
إلى الأحمر بدلاً من البني.
الشيء الغريب في هذه السمة هو أن الروابط التشعبية لها نفس لون النص تقريبًا.
لذلك عندما تكون رابطًا مضمنًا، بالكاد يمكنك رؤيتها:
(نعم، آخر كلمتين “cliquez-ici” هما رابط لصفحة ويب…)
لذلك كانت فكرتنا هي جعلها بنية قليلاً، حتى تبرز. ولكن عندما نقوم بتعديل الإعداد quaternary في لوحة الألوان، تتغير مجموعة كبيرة من الألوان معها: يتغير خلفية “الفقاعة” خلف الرسالة المباشرة إلى شيء أقرب إلى براز الطيور من اللون البني المعروض في رسالة @Canapin الأولى. يتغير مربع الرسالة العلوي أيضًا (“تم تعطيل البريد الصادر” مربع) إلى نفس لون براز الطيور هذا.
لذلك كانت الفكرة الأولى هي استخدام css لتلوين الروابط التشعبية ولكننا لم نكتشف كيف بعد.
إعجاب واحد (1)
استخدام .cooked a كهدف CSS يجب أن يعمل معك لتعيين لون مخصص لهذه الروابط.
بينما يسمح نظامنا الأساسي الآن باستخدام خيارات المخطط اللوني الداكن / الفاتح لأنماطها المقابلة، يجب أن تكون قادرًا أيضًا على استخدام استعلام وسائط CSS لأنماط الألوان الداكنة / الفاتحة كما يلي:
إعجاب واحد (1)
@media (prefers-color-scheme: dark) {
.cooked a, .d-editor-preview a {
color: var(--primary-low-mid);
}
}
لقد تم العمل. شكرا لك!
عذرًا.
لا، لم ينجح الأمر.
من فضلك صححني إذا كنت مخطئًا. هل يعتمد prefers-color-scheme على تفضيل الجهاز، وليس على سمة Discourse المحددة فعليًا؟
على جهاز الكمبيوتر الذي يعمل بنظام Windows، قمت بتعيين سمة داكنة. لذلك ستظهر المواقع التي تستخدم تفضيل جهازي، إن أمكن، سمة داكنة.
لكن في منتداي، اخترت عمدًا استخدام سمة فاتحة، وليس داكنة.
لا تزال الاستعلام الوسيط prefers-color-scheme يتم تحميله على الرغم من أنني أستخدم سمة فاتحة:
سمة فاتحة، لا وضع داكن،
لا تزال القاعدة الخاصة بالسمة الداكنة مطبقة على الرغم من ذلك:
ملء الشاشة:
إعجاب واحد (1)
عذرًا، لقد أسأت فهمك بأنك تقصد إعداد النظام للوضع المظلم، وتشغيل الوضع المظلم في المنتدى.
إذًا، هل تستخدم شخصيًا مخطط الألوان الفاتح، بينما يستخدم المستخدمون لديك مخطط الألوان المظلم؟
أظهرت لقطة الشاشة السابقة مخطط الألوان المظلم أثناء العمل، ولكن ردك الأخير يفيد بأنك تستخدم مخطط الألوان الفاتح.
مرحباً، آسف، نعم، الأمر غير واضح، خاصة وأنني كنت أتحدث عن شيئين من نفس النوع ولكن بألوان مختلفة. أيضًا، كان الأمر مربكًا بعض الشيء بالنسبة لي.
إذًا، سيكون سؤالي: في Discourse، كيف أعرف أي مخطط ألوان يتم استخدامه، بغض النظر عن تفضيلات وضع الإضاءة/الظلام للجهاز؟
إذا فهمت الأمور بشكل صحيح:
إذا تم ضبط جهازي (Windows 10) على وضع الظلام، ولكني اخترت مخطط ألوان فاتح في Discourse، فإن الاستعلام عن الوسائط (prefers-color-scheme: dark) في CSS الخاص بالمنتدى الخاص بي سيعود بنوع من “الصحيح” على أي حال وسيتم تطبيق القواعد المتداخلة الخاصة بي، على الرغم من أنني اخترت مخطط ألوان فاتح في المنتدى الخاص بي (حتى لو كان Windows مضبوطًا على وضع الظلام).
إذًا: كيف أعرف، في كود HTML الخاص بـ Discourse، ما إذا كنت أستخدم حاليًا مخطط ألوان فاتح أو داكن؟ لم أجد أي فئة رئيسية مثل “light-color-scheme” أو “dark-color-scheme”. لذلك لا يمكنني التمييز / استهداف مخططات ألوان محددة في CSS وإنشاء قواعد لواحدة أو أخرى فقط.
إعجاب واحد (1)
شكراً للتوضيح، لقد فهمت الآن.
نحن لا نضيف أي فئة إلى الجسم بناءً على مخطط الألوان المحدد حاليًا للمستخدم.
إذا كان بإمكاني المتابعة، فهل السبب هو أنك لا تحب اللون الذي تولده دوال الألوان لدينا لـ --tertiary في مخططك الداكن المحدد حاليًا؟
ما الذي ترغب في تحقيقه من خلال فئة الجسم التي تشعر أنك غير قادر على القيام به حاليًا؟
نعم، بالضبط 
الآن بعد أن قرأت هذا السؤال… لست متأكدًا، نظرًا لأن الطريقة الوحيدة لاستبدال لون تم إنشاؤه، على حد علمي، هي
:root {
--primary-medium: #666666;
}
ولكن كونها محدد جذر، لا يمكن لفئة على عنصر html أو body استهداف مخطط ألوان قبل :root.
لذلك… لا أعرف.
ولكن باختصار، الفكرة هي تغيير لون معين تم إنشاؤه لمخطط ألوان معين. 
لا مشكلة كبيرة إذا لم يكن ذلك ممكنًا. لقد أجرينا بعض التجارب على ألوان مخططنا ونحن راضون حاليًا بما فيه الكفاية عن الألوان التي تم إنشاؤها. يمكن أن يكون أفضل، ولكن هذا بعيد عن مشكلة كبيرة.
إعجاب واحد (1)
إذا أردت، فهناك نوع من الحلول البديلة المخفية.
يمكنك إنشاء مجلد وإضافة ملف about.json فقط فيه.
لقد فعلت هذا بالفعل لإنشاء مخطط ألوان solarized light، لأنني أردت تحديد المتغيرات الخاصة بي، بدلاً من الاعتماد على وظائف الألوان المضمنة.
هذا هو ملف about.json الفعلي الذي صنعته.
ثم ستقوم بتثبيت “السمة” هذه، والتي بدورها ستقوم بتثبيت مخطط الألوان هذا على منتدىك. عند هذه النقطة، ستتمكن من جعله متاحًا للاستخدام على سمات أخرى أيضًا.
{
"name": "Solarized Light",
"component": false,
"license_url": null,
"about_url": null,
"authors": null,
"theme_version": null,
"minimum_discourse_version": null,
"maximum_discourse_version": null,
"assets": {
},
"color_schemes": {
"Solarized Light": {
"primary": "002B36",
"primary-high": "4C6869",
"primary-medium": "7E918C",
"primary-low-mid": "A4AFA5",
"primary-low": "D6D8C7",
"primary-very-low": "F0ECD7",
"secondary": "FCF6E1",
"secondary-very-high": "E8E6D3",
"secondary-high": "97A59D",
"secondary-medium": "6C8280",
"secondary-low": "325458",
"tertiary": "0088cc",
"tertiary-high": "329ED0",
"tertiary-medium": "7EBFD7",
"tertiary-low": "D6E6DE",
"quaternary": "e45735",
"header_background": "FCF6E1",
"header_primary": "002B36",
"highlight": "ffff4d",
"highlight-high": "BCAA7F",
"highlight-medium": "E3D0A3",
"highlight-low": "FDF9AD",
"danger": "e45735",
"danger-low": "F8D9C2",
"success": "009900",
"success-medium": "4CB544",
"success-low": "CFE5B9",
"love": "fa6c8d",
"love-low": "FCDDD2"
}
},
"modifiers": {
},
"learn_more": "https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966"
}
إعجابَين (2)
أتذكر أنني رأيت هذا منذ وقت طويل، عندما كنت أعمل بشكل أعمق على تثبيتات Discourse لدي!
بالتأكيد حل بديل جيد. شكراً لك. سأعتبر هذا هو الحل المناسب، حتى لو كان يمكن اعتباره مخترقًا بعض الشيء.
إعجاب واحد (1)
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.