كيفية جعل الوضع الداكن التلقائي يتطابق مع الوضع الداكن المختار

Moin · 14 ديسمبر 2024، 12:37م

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

بعد ذلك، يمكنك استخدام dark-light-choose الذي تم شرحه على سبيل المثال في Update themes and plugins to support automatic dark mode - #5 by pmusaraj ويستخدم أيضًا للشعار.

github.com/discourse/discourse-versatile-banner

common/color_definitions.scss

da2beb71a

@function dark-if-set($dark, $light) {
  @if $dark != "" {
    @return $dark;
  } @else {
    @return $light;
  }
}

$bg-color: dark-light-choose(
  $background_color,
  dark-if-set($background_color_dark, $background_color)
);
$primary-text: dark-light-choose(
  $primary_text_color,
  dark-if-set($primary_text_color_dark, $primary_text_color)
);
$secondary-text: dark-light-choose(
  $secondary_text_color,
  dark-if-set($secondary_text_color_dark, $secondary_text_color)
);

This file has been truncated. show original

الموضوع		الردود	مرات العرض
Automatic Dark Mode color scheme switching Announcements new-feature , auto-dark	27	17919	5 أكتوبر 2023
Setting up light and dark mode color palettes Site Management accessibility , how-to , customization	0	179	4 أغسطس 2025
Color definitions for more than light/dark color schemes Support	2	497	6 يناير 2024
Autotomatic Dark Mode only changes colour palette, not theme Support auto-dark	9	298	23 يونيو 2023
Automatic Dark Mode Support auto-dark	22	1507	13 سبتمبر 2023

كيفية جعل الوضع الداكن التلقائي يتطابق مع الوضع الداكن المختار

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