Add docs

src/assets/demo/code.scss

@@ -1,15 +1,17 @@
 pre.app-code {
-    background-color: var(--surface-ground);
+    background-color: var(--code-background);
     margin: 0 0 1rem 0;
     padding: 0;
-    border-radius: var(--border-radius);
+    border-radius: var(--content-border-radius);
     overflow: auto;
-    
+
     code {
-        color: var(--surface-900);
+        color: var(--code-color);
         padding: 1rem;
+        margin: 0;
         line-height: 1.5;
         display: block;
+        font-weight: semibold;
         font-family: monaco, Consolas, monospace;
     }
-}
+}

src/assets/layout/variables/_dark.scss

@@ -1,3 +1,5 @@
 :root[class*='app-dark'] {
     --surface-ground: var(--p-surface-950);
+    --code-background: var(--p-surface-800);
+    --code-color: var(--p-surface-100);
 }

src/assets/layout/variables/_light.scss

@@ -1,3 +1,5 @@
 :root {
     --surface-ground: var(--p-surface-100);
+    --code-background: var(--p-surface-900);
+    --code-color: var(--p-surface-200);
 }