# 디스코ourse 색상 스킴 전환: CSS에서 빨간색 계열 변경

**URL:** https://meta.discourse.org/t/switching-the-discourse-color-scheme-changing-red-hues-in-css/277225
**Category:** Support
**Created:** [8월 30, 2023, 5:27오후 UTC](https://meta.discourse.org/t/switching-the-discourse-color-scheme-changing-red-hues-in-css/277225 "2023-08-30T17:27:33Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Aizada\_M](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aizada_m/32/352050_2.png) [@Aizada\_M](https://meta.discourse.org/u/Aizada_M)
#### Post date: [8월 30, 2023, 5:27오후 UTC](https://meta.discourse.org/t/switching-the-discourse-color-scheme-changing-red-hues-in-css/277225/1 "2023-08-30T17:27:33Z")

</div>

안녕하세요! 최근 제 테마에 [색상 스킴 토글 버튼](https://github.com/discourse/discourse-color-scheme-toggle) 기능을 구현했습니다. 기본적으로 버튼은 스냅샷에 표시된 대로 진한 붉은색 계열의 다크 모드로 전환됩니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/e/8/3/e83f872367540305579d76d7448423e8cd23ccad.png).

저는 본질적으로 코딩에 능숙한 프로그래머는 아니지만, 이러한 기술에 대한 기본적인 이해를 점진적으로 익히고 있으며, 간단한 설정을 진행하다가 때때로 도움이 필요할 때가 있습니다. 현재 상황은 바로 그런 도움(조언)이 필요한 사례 중 하나인 것 같습니다.

1. 제 원래 테마의 CSS를 수정해야 하는지, 아니면 해당 컴포넌트 코드 내에서 변경을 적용해야 하는지 궁금합니다.
2. 모든 붉은색 계열을 변경하기 위한 CSS 코드 예시를 제공해 주실 수 있을까요?

P.S. 이 텍스트를 영어로 번역할 때 Discourse AI 번역기를 사용했습니다. 👍

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8월 31, 2023, 12:39오전 UTC](https://meta.discourse.org/t/switching-the-discourse-color-scheme-changing-red-hues-in-css/277225/2 "2023-08-31T00:39:16Z")

</div>

Hi @Aizada_M 👋`admin-customize-colors` 페이지로 이동하여 색상 팔레트에 접근하고 변경 사항을 적용할 수 있습니다. 여기서는 다양한 색상 팔레트를 확인하고, 포럼의 외관을 바꾸기 위해 개별 색상을 변경할 수 있습니다.

색상 팔레트는 `admin-customiz-themes` 탭의 포럼 테마에서 사용되므로, 현재 사용 중인 테마에서 어떤 팔레트가 적용되는지 먼저 확인하여 어떤 팔레트를 수정해야 하는지 파악하는 것이 좋습니다.

### 테마

여기서 다양한 테마 구성 요소를 추가하거나 새로 만들거나, 여러 요소의 css와 html을 편집할 수 있습니다. 색상 팔레트 선택기는 여기서 볼 수 있습니다:

 ![themes](https://global.discourse-cdn.com/meta/original/4X/1/1/e/11ea1dfd9b1f8718327dace34d3174d29060fb1f.png)

### 색상 팔레트

색상 탭에서 해당 팔레트를 찾을 수 있으며, 현재 테마에서 사용 중인 팔레트는 왼쪽에 나열되어 있습니다 - 이것이 바로 편집해야 할 팔레트입니다. 테마에는 변경할 수 있는 라이트/다크 팔레트가 있을 수도 있습니다. `Color scheme can be selected by users` 상자가 체크되어 있는 경우, 사용자가 색상 모드 설정에서 선택할 수 있는 팔레트입니다. 팔레트에는 색상 선택기 및 16진수 색상 필드가 포함되어 있습니다.

 ![palette](https://global.discourse-cdn.com/meta/original/4X/4/9/7/497aa52295f7da88408c7bf4cf13ab22482225c4.png)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [8월 31, 2023, 12:43오전 UTC](https://meta.discourse.org/t/switching-the-discourse-color-scheme-changing-red-hues-in-css/277225/3 "2023-08-31T00:43:14Z")

</div>

이 주제도 도움이 될 수 있습니다 🙂

> [@사이트에서 사용자 지정 CSS 변경하기](https://meta.discourse.org/t/make-css-changes-on-your-site/168101):
>
> bookmark 이 가이드는 CSS 소개, Discourse에서 CSS를 추가하는 위치, 그리고 브라우저 검사 도구를 사용하여 올바른 선택자를 찾는 방법 등을 포함하여 Discourse 사이트에서 CSS를 변경하는 방법을 설명합니다. person_raising_hand 필요한 사용자 권한: 관리자 요약 이 가이드에서는 다음 내용을 다룹니다: CSS 및 핵심 개념에 대한 간단한 소개 테마 구성 요소를 사용하여 Discourse 사이트에 CSS를 추가하는 방법 브라우저 검사 도구를 사용하여 올바른 CSS 선택자를 찾는 방법 CSS 기초 이해하기 CSS는 Cascading Style Sheets(캐스케이딩 스타일 시트)의 약자입니다. 이해해야 할 세 가지 핵심 개념은 다음과 같습니다: 구조: CSS 규칙은 선택자, 속성, 값으로 구성됩니다. p { color: red; } 선택자: p (모든 HTML \<p\> 태그를 대상으로 함) 속성: color …

또한 테마 사용, 테마 개발이 처음이거나 포럼을 커스터마이징하는 방법을 배우고 싶다면, 아래 자료가 시작하는 데 도움이 될 것입니다:

> [@디스코urse 프로그래밍 방법을 배우고 싶습니다](https://meta.discourse.org/t/i-want-to-learn-how-to-program-for-discourse/264925/2?u=lilly):
>
> without asking you to be more specific, these are a good start.

---

<div class="post-metadata">

### Author: ![Aizada\_M](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aizada_m/32/352050_2.png) [@Aizada\_M](https://meta.discourse.org/u/Aizada_M)
#### Post date: [9월 1, 2023, 9:18오전 UTC](https://meta.discourse.org/t/switching-the-discourse-color-scheme-changing-red-hues-in-css/277225/4 "2023-09-01T09:18:31Z")

</div>

> [@Lilly](#):
>
> @Aizada_M 님, 안녕하세요 👋 `admin-customize-colors` 페이지로 이동하여 색상 팔레트에 접근하고 수정할 수 있습니다.在那里에는 다양한 색상 팔레트가 있으며, 개별 색상을 변경하여 포럼의 외관을 바꿀 수 있습니다.
> 
> 색상 팔레트는 `admin-customiz-themes` 탭의 포럼 테마에서 사용되므로, 먼저 사용하고 있는 테마에서 어떤 팔레트가 사용되는지 확인하여 어떤 팔레트를 변경해야 하는지 파악하는 것이 좋습니다.

답변해 주셔서 정말 감사합니다!  
이전에 admin-customize-colors와 admin-customiz-themes를 통해 색상 스킴을 사용자 지정하려고 시도했지만 성공하지 못했습니다. "[Color Scheme Toggle Button](https://github.com/discourse/discourse-color-scheme-toggle)"은 테마가 아니라 단순히 테마 컴포넌트이기 때문이라고 생각합니다. 제가 작성한 내용을 바탕으로 판단할 때, "Color Scheme Toggle Button"은 CSS에서 자체적인 사용자 지정 색상 스킴을 가지고 있는 것 같습니다.

> [@Lilly](#):
>
> 또한, 테마 사용, 테마 개발에 처음이시거나 단순히 포럼을 사용자 지정하는 법을 배우고 싶으시다면, 시작하기에 좋은 자료들이 여기에 있습니다:

이 귀중한 지식은 저에게 정말 중요하며, 반드시 자료를 꼼꼼히 살펴볼 것입니다. 다시 한번 깊이 감사드립니다 🙏

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [1월 18, 2024, 12:46오후 UTC](https://meta.discourse.org/t/switching-the-discourse-color-scheme-changing-red-hues-in-css/277225/5 "2024-01-18T12:46:33Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
