style: 💄 box and box header colors

2 years ago · 405d6a5855
parent 1b9f97cf37
commit 405d6a5855
3 changed files with 6 additions and 6 deletions
--- 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);
--- 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);
--- 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')};