From 2b67d515c17ed3c6c0b89d3abca88bfac87a85ff Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 29 Mar 2022 18:25:44 +0200 Subject: Added lowered2 theme --- src/_apply-vars.scss | 10 ++++++++++ src/_declare-vars.scss | 12 ++++++++++++ 2 files changed, 22 insertions(+) diff --git a/src/_apply-vars.scss b/src/_apply-vars.scss index 052eeb0..bad21c0 100644 --- a/src/_apply-vars.scss +++ b/src/_apply-vars.scss @@ -74,3 +74,13 @@ @include iro.props-assign('palette-dark-hi'); } } + +@include iro.bem-theme('lowered2') { + @include iro.props-assign('colors'); + @include iro.props-assign('palette-light-lo2'); + + @media (prefers-color-scheme: dark) { + @include iro.props-assign('colors-dark'); + @include iro.props-assign('palette-dark-hi2'); + } +} diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index fedb72f..8ef68be 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss @@ -117,6 +117,12 @@ ), ), 'palette-light-lo'); +@include iro.props-store(( + --colors: ( + --gray: fn.gray-palette(88%), + ), +), 'palette-light-lo2'); + @include iro.props-store(( --colors: ( --bg-hi2: fn.color(--gray --1, null), // Lightest background @@ -167,6 +173,12 @@ // +@include iro.props-store(( + --colors: ( + --gray: fn.gray-palette(1%), + ), +), 'palette-dark-hi2'); + @include iro.props-store(( --colors: ( --gray: fn.gray-palette(5%), -- cgit v1.2.3-70-g09d2