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

개발
1

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

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

2

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

:root {
  --secondary: #22222280;
}
3

안녕하세요 @Ibrahim :wave: Discourse Meta에 오신 것을 환영합니다 :slight_smile:

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

4

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

5

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

6

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