تغييرات في توليد ألوان الجذور

manuel · 3 مارس 2022، 1:00م

لم أتمكن من العثور على إعلان حول هذا. رأيت أن هناك تعريفات جديدة لألوان الجذر (primary-900، primary-800، …)

أنا أعمل على سمة وأحصل على حسابات مختلفة لهذه (primary هو نفسه)، ويبدو أنها تعتمد على إصدار Discourse؟

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

Don · 3 مارس 2022، 1:42م

مرحباً،

أعتقد أن هذا هو ملف تحويلات الألوان حيث يمكنك التحقق من النسبة المئوية لكيفية إنشاء هذه المتغيرات.

github.com/discourse/discourse

app/assets/stylesheets/common/foundation/color_transformations.scss

main

// standard color transformations, use these if possible, and add any new dark-light-diffs here
// any variables defined here can be added in theme color schemes
// all variables should have the !default flag

@use "sass:string";

// primary
$primary-very-low: dark-light-diff($primary, $secondary, 97%, -82%) !default;
$primary-low: dark-light-diff($primary, $secondary, 90%, -78%) !default;
$primary-low-mid: dark-light-diff($primary, $secondary, 70%, -45%) !default;
$primary-medium: dark-light-diff($primary, $secondary, 50%, -35%) !default;
$primary-high: dark-light-diff($primary, $secondary, 30%, -25%) !default;
$primary-very-high: dark-light-diff($primary, $secondary, 15%, -10%) !default;

// primary-numbers
$primary-50: dark-light-diff($primary, $secondary, 97%, -82%) !default;
$primary-100: dark-light-diff($primary, $secondary, 94%, -80%) !default;
$primary-200: dark-light-diff($primary, $secondary, 90%, -78%) !default;
$primary-300: dark-light-diff($primary, $secondary, 80%, -60%) !default;
$primary-400: dark-light-diff($primary, $secondary, 70%, -45%) !default;

This file has been truncated. show original

manuel · 3 مارس 2022، 2:38م

شكراً @Don! ولكن نعم، أعرف أين يتم تعريف الألوان.. كنت أتساءل عن الاعتبارات وراء ذلك والخطط المستقبلية.
على سبيل المثال، حاليًا توجد قيم رقمية للألوان الأساسية والثانوية. لماذا ليس لجميع القيم من نظام الألوان؟ هل هذا مخطط له؟
أيضًا، حاليًا القيم الرقمية تولد فقط تدرجات أفتح. لماذا لا تستخدم نظامًا قياسيًا حيث يتم تعيين اللون الرئيسي للرقم 500، مع تدرجات أفتح أقل من 500 وظلال أكبر من 500؟
موضوع آخر، لماذا لا يتم إنشاء التدرجات بطريقة خطية أكثر، ولكن كمزج مع لون رئيسي آخر من نظام الألوان؟
حاليًا لا يمكنني استخدام نظام ألوان Discourse لتطبيق تعريفات الألوان عندما يكون لدى العميل نظام تصميم شامل. أحتاج عمليًا إلى تعريف جميع القيم من الصفر. إذا تم تعريف الألوان المولدة في Discourse بطريقة رقمية الآن، فلماذا لا يتم تطبيق نظام متسق وأكثر توافقًا مع توليد الألوان في أنظمة التصميم الشائعة؟

Falco · 3 مارس 2022، 3:35م

نعم، انظر UX: Styleguide changes & color variable additions by jordanvidrine · Pull Request #15984 · discourse/discourse · GitHub للسياق.

تم تغيير الحساب قبل 8 أيام، يرجى التحديث إلى أحدث إصدار.

الموضوع		الردود	مرات العرض
How do colors work and how to change them? Support ux	5	119	20 مارس 2025
Colors changed in beta7? Support	6	963	4 فبراير 2019
Reference for full color customization Dev	4	1315	14 فبراير 2023
Challenges creating a custom color palette Dev	8	152	29 يناير 2025
Cleaning up our color palette 🎨 Dev	24	4591	20 أبريل 2018

تغييرات في توليد ألوان الجذور

الموضوعات ذات الصلة