From b0ccb341c917737bc373d8a7b607ad30acc9c0e4 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 7 May 2024 08:29:19 +0200 Subject: Replace dark theme with media theme --- src/_declare-vars.scss | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) (limited to 'src/_declare-vars.scss') diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index eb20836..303da35 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss @@ -293,6 +293,38 @@ // +@include iro.props-store(( + --colors: ( + --gray: fn.gray-palette(12%, true), + ), +), 'palette-media'); + +@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'), + ), + + --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), + + --accent: ( + --primary: iro.props-ref('colors-media', --colors --blue), + --error: iro.props-ref('colors-media', --colors --red), + --success: iro.props-ref('colors-media', --colors --green), + --warning: iro.props-ref('colors-media', --colors --yellow), + --link-idle: iro.props-ref('colors-media', --colors --blue), + --link-visited: iro.props-ref('colors-media', --colors --purple), + ), + ) +), 'colors-media'); + +// + @each $breakpoint in map-keys(media.$breakpoints) { @include media.media('<=#{$breakpoint}') { @include iro.props-store(( -- cgit v1.2.3-54-g00ecf