From cac07ec50d360f3916e84bc3af6164ef07ac2f83 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 27 Mar 2022 11:23:45 +0200 Subject: Update --- src/_apply-vars.scss | 28 ++++++++++++++++++++++++---- 1 file changed, 24 insertions(+), 4 deletions(-) (limited to 'src/_apply-vars.scss') diff --git a/src/_apply-vars.scss b/src/_apply-vars.scss index 9639a97..0bdc3a8 100644 --- a/src/_apply-vars.scss +++ b/src/_apply-vars.scss @@ -25,22 +25,42 @@ @include iro.props-assign('palette-dark'); } +@include iro.bem-theme('hi') { + @include iro.props-assign('colors'); + @include iro.props-assign('palette-light-hi'); + + @media (prefers-color-scheme: dark) { + @include iro.props-assign('colors-dark'); + @include iro.props-assign('palette-dark-hi'); + } +} + +@include iro.bem-theme('lo') { + @include iro.props-assign('colors'); + @include iro.props-assign('palette-light-lo'); + + @media (prefers-color-scheme: dark) { + @include iro.props-assign('colors-dark'); + @include iro.props-assign('palette-dark-lo'); + } +} + @include iro.bem-theme('raised') { @include iro.props-assign('colors'); - @include iro.props-assign('palette-light-raised'); + @include iro.props-assign('palette-light-hi'); @media (prefers-color-scheme: dark) { @include iro.props-assign('colors-dark'); - @include iro.props-assign('palette-dark-raised'); + @include iro.props-assign('palette-dark-lo'); } } @include iro.bem-theme('lowered') { @include iro.props-assign('colors'); - @include iro.props-assign('palette-light-lowered'); + @include iro.props-assign('palette-light-lo'); @media (prefers-color-scheme: dark) { @include iro.props-assign('colors-dark'); - @include iro.props-assign('palette-dark-lowered'); + @include iro.props-assign('palette-dark-hi'); } } -- cgit v1.2.3-54-g00ecf