style: 💄 box and box header colors

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-header: rgba(var(--c-elevation_2-rgb), 1);
-  --color-box-body: transparent;
+  --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);

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-header: rgba(var(--c-elevation_2-rgb), 1);
-  --color-box-body: transparent;
+  --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);

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-header: #{rgba(color.get('elevation/2', 'rgb'), 1)};
-        --color-box-body: transparent;
+        --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')};