chore(docs): better color, animated <details>, minor tweaks

docs/uno.config.ts

@@ -1,5 +1,3 @@
-import type { Preset } from 'unocss'
-
 import { presetChromatic } from '@proj-airi/unocss-preset-chromatic'
 import { blackA, cyan, grass, green, indigo, mauve, purple, red, slate, teal, violet } from '@radix-ui/colors'
 import { defineConfig, presetAttributify, presetIcons, presetTypography, presetWebFonts, presetWind3, transformerDirectives, transformerVariantGroup } from 'unocss'
@@ -34,14 +32,25 @@ export default defineConfig({
           'margin-top': '0.5rem',
           'margin-bottom': '0',
         },
+        'p': {
+          'margin-top': '0.5rem',
+          'margin-bottom': '0.5rem',
+        },
         'details': {
           'margin-top': '0.5rem',
           'margin-bottom': '0.5rem',
-          'padding': '0.5rem 1rem',
+          'padding': '1rem 1.5rem',
           'background-color': '#a6ceef1a',
         },
         '.dark details': {
-          'background-color': '#5870840f',
+          'background-color': '#191c1e',
+        },
+        'ol': {
+          'margin-top': '0.25rem',
+          'margin-bottom': '0.25rem',
+        },
+        'details ol': {
+          'padding-inline-start': '1rem',
         },
         'ul': {
           'margin-top': '0.25rem',
@@ -51,6 +60,14 @@ export default defineConfig({
           'margin-top': '0',
           'margin-bottom': '0',
         },
+        'li p': {
+          'margin-top': '0.25rem',
+          'margin-bottom': '0.25rem',
+        },
+        'li blockquote': {
+          'margin-top': '1rem',
+          'margin-bottom': '1rem',
+        },
       },
     }),
     presetWind3(),
@@ -87,7 +104,7 @@ export default defineConfig({
         primary: 0,
         complementary: 180,
       },
-    }) as Preset,
+    }),
   ],
   content: {
     filesystem: [