자동 다크 테마를 선택한 다크 테마와 동일하게 설정하는 방법

Moin · 12월 14, 2024, 12:37오후

다재다능한 배너(versatile banner)가 배경을 변경하는 방식이 제대로 작동합니까? 컴포넌트를 설치하고 다크 모드를 위한 배경 이미지를 추가한 후 미리보기 기능을 사용하여 테스트해 볼 수 있습니다.

그 다음, 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	24	18854	12월 7, 2021
Setting up light and dark mode color palettes Site Management accessibility , how-to , customization	0	569	8월 4, 2025
Color definitions for more than light/dark color schemes Product Support	1	651	1월 6, 2024
Autotomatic Dark Mode only changes colour palette, not theme Product Support auto-dark	9	462	6월 23, 2023
Automatic Dark Mode Product Support auto-dark	22	1951	9월 13, 2023

자동 다크 테마를 선택한 다크 테마와 동일하게 설정하는 방법

Related topics