Soonex

لا يحتوي Soonex على أي أوراق أنماط للسمات تحتاج إلى صيانة. يأتي المظهر كله من كتلة واحدة في config/config.exs، يحوّلها Corex Design إلى رموز تصميم وCSS للمكوّنات.

بذور لا لوحات ألوان

تعلن كل سمة عن بضعة ألوان أساسية. يولّد Corex منها السلّم الكامل، بما في ذلك أزواج الحبر والسطح والحدود ولون التمييز، ويتحقق من بقاء النص مقروءًا على خلفيته.

config :corex_design, default_theme: :neo, themes: %{ neo: %{seeds: %{accent: "#7c5cff"}}, uno: %{seeds: %{accent: "#0f766e"}} }

بعد التعديل، أعد توليد ملفات CSS:

mix corex.design.build

ما الذي يمكنك تغييره

المفتاح	ما الذي يتحكم فيه
`seeds`	الألوان الأساسية التي تُولَّد منها اللوحة
`colors.light` / `colors.dark`	تجاوزات لرموز محددة في كل وضع
`dimensions.radius`	استدارة الزوايا في جميع المكوّنات
`dimensions.font`	مجموعات الخطوط
`typography`	سلّم الأحجام والأوزان

جرّبها مباشرة

افتح خيارات القالب في الزاوية السفلية من أي صفحة للتبديل بين neo وuno وduo وleo، أو بين الوضعين الفاتح والداكن. يُحفظ اختيارك محليًا فيبقى معك أثناء تنقلك في الموقع.

Tip

حافظ على أهداف التباين التي يولّدها Corex. إذا بدا لون ما قويًا جدًا، فعدّل اللون الأساسي بدلًا من تجاوز رموز النص منفردة.

كتلة إعداد واحدة وأربع سمات

بذور لا لوحات ألوان

ما الذي يمكنك تغييره

جرّبها مباشرة