自動ダークモードを選択したダークモードと同じにするには？

Moin · 2024 年 12 月 14 日午後 12:37

多用途バナーの背景変更機能は機能しますか？コンポーネントをインストールし、ダークモード用の背景画像を追加して、プレビューで試すことができます。

その後、例えば Update themes and plugins to support automatic dark mode - #5 by pmusaraj で説明されており、バナーにも使用されている dark-light-choose を使用できます。

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	17902	2023 年 10 月 5 日
Setting up light and dark mode color palettes Site Management accessibility , how-to , customization	0	167	2025 年 8 月 4 日
Color definitions for more than light/dark color schemes Support	2	494	2024 年 1 月 6 日
Autotomatic Dark Mode only changes colour palette, not theme Support auto-dark	9	298	2023 年 6 月 23 日
Automatic Dark Mode Support auto-dark	22	1506	2023 年 9 月 13 日

自動ダークモードを選択したダークモードと同じにするには？

関連トピック