From 405d6a5855ab848778b71f789e5482b1d44e94b6 Mon Sep 17 00:00:00 2001 From: Lucas Colombo Date: Mon, 3 Jul 2023 11:04:46 -0300 Subject: [PATCH] =?UTF-8?q?style:=20=F0=9F=92=84=20box=20and=20box=20heade?= =?UTF-8?q?r=20colors?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dist/public/css/theme-dark.css | 4 ++-- dist/public/css/theme-light.css | 4 ++-- src/themes/scss/theme/index.scss | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/dist/public/css/theme-dark.css b/dist/public/css/theme-dark.css index 9daa1a1..5017e72 100644 --- a/dist/public/css/theme-dark.css +++ b/dist/public/css/theme-dark.css @@ -2158,8 +2158,8 @@ --color-label-bg: var(--c-primary_base); /* target-based colors */ --color-body: var(--c-elevation_3); - --color-box-header: rgba(var(--c-elevation_2-rgb), 0.8); - --color-box-body: transparent; + --color-box-header: rgba(var(--c-elevation_2-rgb), 1); + --color-box-body: var(--color-body); --color-box-body-highlight: var(--c-elevation_4); --color-text-dark: var(--c-elevation_10); --color-text: var(--c-text); diff --git a/dist/public/css/theme-light.css b/dist/public/css/theme-light.css index 1f5e1d0..e879d42 100644 --- a/dist/public/css/theme-light.css +++ b/dist/public/css/theme-light.css @@ -2158,8 +2158,8 @@ --color-label-bg: var(--c-primary_base); /* target-based colors */ --color-body: var(--c-elevation_3); - --color-box-header: rgba(var(--c-elevation_2-rgb), 0.8); - --color-box-body: transparent; + --color-box-header: rgba(var(--c-elevation_2-rgb), 1); + --color-box-body: var(--color-body); --color-box-body-highlight: var(--c-elevation_4); --color-text-dark: var(--c-elevation_10); --color-text: var(--c-text); diff --git a/src/themes/scss/theme/index.scss b/src/themes/scss/theme/index.scss index 5782d4b..74d2eea 100644 --- a/src/themes/scss/theme/index.scss +++ b/src/themes/scss/theme/index.scss @@ -190,8 +190,8 @@ /* target-based colors */ --color-body: #{$lvl1}; - --color-box-header: #{rgba(color.get('elevation/2', 'rgb'), .8)}; - --color-box-body: transparent; + --color-box-header: #{rgba(color.get('elevation/2', 'rgb'), 1)}; + --color-box-body: var(--color-body); --color-box-body-highlight: #{color.get('elevation/4')}; --color-text-dark: #{color.get('elevation/10')}; --color-text: #{color.get('text')};