feat: dm style, take 4 (#923)

components/status/StatusContent.vue

@@ -23,7 +23,7 @@ const isFiltered = $computed(() => filterPhrase && (context && context !== 'deta
   <div
     space-y-3
     :class="{
-      'pt2 pb0.5 px3.5 bg-fade border-1 border-primary-light rounded-5 me--1': isDM,
+      'pt2 pb0.5 px3.5 bg-dm rounded-4 me--1': isDM,
       'ms--3.5 mt--1 ms--1': isDM && context !== 'details',
     }"
   >

styles/vars.css

@@ -11,6 +11,7 @@
   --c-bg-code: #00000006;
   --c-bg-selection: #8885;
   --c-bg-fade: #EA9E4411;
+  --c-bg-dm: #f1e8e6;
 
   --c-text-base: #232323;
   --c-text-code: #63470c;
@@ -39,6 +40,7 @@
   --c-bg-active: #191919;
   --c-bg-code: #ffffff06;
   --c-bg-fade: #EA9E4411;
+  --c-bg-dm: #0a2f35;
 
   --c-text-base: #f3f3f3;
   --c-text-code: #ecd88e;

unocss.config.ts

@@ -25,6 +25,7 @@ export default defineConfig({
       'bg-primary-light': 'bg-$c-primary-light',
       'bg-code': 'bg-$c-bg-code',
       'bg-fade': 'bg-$c-bg-fade',
+      'bg-dm': 'bg-$c-bg-dm',
 
       // text colors
       'text-base': 'text-$c-text-base',