테마 컴포넌트에서 색상 정의가 로드되지 않습니다. 브라우저에 아예 전달되지 않습니다.
최근 2.7.0.beta4 업그레이드 이후 테마가 깨져서 색상 정의 방식으로 전환해 보려 했습니다.
여러 테마 컴포넌트에 다음 색상 정의가 있습니다(그래서 코드 블록이 여러 개입니다):
:root {
--my-post-name-color: #{dark-light-diff(#1e79a7, $secondary, 0%, 25%)};
}
$my-background: #ABDAFB;
$my-border: #38abe3;
:root {
--my-quote-background: #{dark-light-choose($my-background, $primary-low)};
--my-quote-border: #{dark-light-choose($my-border, blend-primary-secondary(5%))};
}
정의한 색상을 사용하려고 하면 브라우저에서는 해당 값이 알려지지 않았다고 보고되고 모든 것이 깨집니다.
사용 예시는 다음과 같습니다:
aside.quote .title {
background-color: var(--my-quote-background);
border-left: 5px solid var(--my-quote-border);
}
aside.quote blockquote {
background-color: var(--my-quote-background);
border-left: 5px solid var(--my-quote-border);
}
무엇을 잘못하고 있는 걸까요?
확인할 수 있는 비기본(non-default) 색상은 BBCode 플러그인에서 오는 것뿐입니다.