From 963e786dc3c2a0c4fcb6a9b53900a79f40c36ba2 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 7 May 2024 09:18:18 +0200 Subject: Add light media theme --- src/_declare-vars.scss | 33 +++++++++++++++++++++++++-------- 1 file changed, 25 insertions(+), 8 deletions(-) (limited to 'src/_declare-vars.scss') diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index 303da35..bf7e955 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss @@ -293,24 +293,41 @@ // +@include iro.props-store(( + --colors: ( + --gray: fn.gray-palette(97%, true), + ), +), 'palette-media-light'); + +@include iro.props-store(( + --colors: ( + --border: ( + --stable: iro.props-get-static(--colors --gray --5, 'palette-media-light'), + --stable-lo: iro.props-get-static(--colors --gray --6, 'palette-media-light'), + ), + ) +), 'colors-media-light'); + +// + @include iro.props-store(( --colors: ( --gray: fn.gray-palette(12%, true), ), -), 'palette-media'); +), 'palette-media-dark'); @include iro.props-store(( --colors: ( --border: ( - --stable: iro.props-get-static(--colors --gray --5, 'palette-media'), - --stable-lo: iro.props-get-static(--colors --gray --6, 'palette-media'), + --stable: iro.props-get-static(--colors --gray --5, 'palette-media-dark'), + --stable-lo: iro.props-get-static(--colors --gray --6, 'palette-media-dark'), ), - --blue: fn.color-palette(blend.lch(63% 50 279), -1), - --purple: fn.color-palette(blend.lch(63% 50 308), -1), - --red: fn.color-palette(blend.lch(63% 50 23), -1), - --green: fn.color-palette(blend.lch(78% 50 147), -1), - --yellow: fn.color-palette(blend.lch(88% 50 70), -1), + --blue: iro.props-get-static(--colors --blue, 'colors-dark'), + --purple: iro.props-get-static(--colors --purple, 'colors-dark'), + --red: iro.props-get-static(--colors --red, 'colors-dark'), + --green: iro.props-get-static(--colors --green, 'colors-dark'), + --yellow: iro.props-get-static(--colors --yellow, 'colors-dark'), --accent: ( --primary: iro.props-ref('colors-media', --colors --blue), -- cgit v1.2.3-54-g00ecf