# 디스코urs 테마 글래스 이펙트의 2차 색상

**URL:** https://meta.discourse.org/t/secondary-color-of-theme-glass-effect-discourse/304807
**Category:** Development
**Created:** [4월 21, 2024, 6:11오후 UTC](https://meta.discourse.org/t/secondary-color-of-theme-glass-effect-discourse/304807 "2024-04-21T18:11:58Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Ibrahim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ibrahim/32/380411_2.png) [@Ibrahim](https://meta.discourse.org/u/Ibrahim)
#### Post date: [4월 21, 2024, 6:11오후 UTC](https://meta.discourse.org/t/secondary-color-of-theme-glass-effect-discourse/304807/1 "2024-04-21T18:11:58Z")

</div>

테마의 보조 색상을 #22222280(80% 불투명도)로 변경하여 Discourse 포럼에 일종의 유리 효과를 주고 싶습니다. 그런데 테마에서 색상 코드 필드에 6자 이상을 입력할 수 없도록 되어 있네요. 어떻게 해야 할까요?

수동으로 편집하는 방법이 있을까요? 아니면 CSS를 이용해 이 효과를 낼 수 있는 다른 아이디어가 있을까요? 80% 불투명도 CSS 규칙을 시도해 봤는데, 그러면 텍스트도 80% 불투명도가 됩니다. 감사합니다 🙂

---

<div class="post-metadata">

### Author: ![bryce](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bryce/32/377822_2.png) [@bryce](https://meta.discourse.org/u/bryce)
#### Post date: [4월 21, 2024, 7:02오후 UTC](https://meta.discourse.org/t/secondary-color-of-theme-glass-effect-discourse/304807/2 "2024-04-21T19:02:18Z")

</div>

CSS를 사용하여 보조 색상을 오버라이드해 볼 수 있습니다:

```plaintext
:root {
  --secondary: #22222280;
}

```

---

<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: [4월 21, 2024, 7:44오후 UTC](https://meta.discourse.org/t/secondary-color-of-theme-glass-effect-discourse/304807/3 "2024-04-21T19:44:26Z")

</div>

안녕하세요 @Ibrahim 👋 Discourse Meta에 오신 것을 환영합니다 🙂

투명도와 블러 효과를 활용한 CSS로 재미있는 작업을 해보고 싶으시다면, 제 헤더 글래스 테마 컴포넌트 코드를 참고해 보실 수 있습니다.

> **[GitHub - Lillinator/glass-header: glass header](https://github.com/Lillinator/glass-header)**
>
> glass header

---

<div class="post-metadata">

### Author: ![Ibrahim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ibrahim/32/380411_2.png) [@Ibrahim](https://meta.discourse.org/u/Ibrahim)
#### Post date: [4월 21, 2024, 8:00오후 UTC](https://meta.discourse.org/t/secondary-color-of-theme-glass-effect-discourse/304807/4 "2024-04-21T20:00:37Z")

</div>

완벽해요 🙂 딱 필요한 게 바로 그거였어요

---

<div class="post-metadata">

### Author: ![Ibrahim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ibrahim/32/380411_2.png) [@Ibrahim](https://meta.discourse.org/u/Ibrahim)
#### Post date: [4월 21, 2024, 8:01오후 UTC](https://meta.discourse.org/t/secondary-color-of-theme-glass-effect-discourse/304807/5 "2024-04-21T20:01:22Z")

</div>

이미 설치해 뒀는데, 꽤 유용한 컴포넌트네요.

---

<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: [4월 21, 2024, 8:04오후 UTC](https://meta.discourse.org/t/secondary-color-of-theme-glass-effect-discourse/304807/6 "2024-04-21T20:04:25Z")

</div>

사실 이 프로젝트는 독립적인 컴포넌트라기보다는 글래스와 블러 효과를 시연하고 사람들에게 영감을 주기 위한 실험에 가까웠습니다. 사람들이 직접 사용한다면 좋겠지만, 기존 테마에 맞게 수정하여 통합하는 것이 가장 적절할 것입니다.

---

<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: [5월 21, 2024, 8:05오후 UTC](https://meta.discourse.org/t/secondary-color-of-theme-glass-effect-discourse/304807/7 "2024-05-21T20:05:03Z")

</div>

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