From fb5b36d3da470efadc052e6e6709ae90d0414e29 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sat, 7 Oct 2023 17:59:09 +0300
Subject: [PATCH] Cosmetics on demos

---
 assets/styles/layout/_code.scss    | 18 ++++++++++++++++--
 assets/styles/layout/_content.scss | 18 +++++++++++++++++-
 assets/styles/layout/_doc.scss     |  2 --
 3 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/assets/styles/layout/_code.scss b/assets/styles/layout/_code.scss
index 6301e2f5b..08ce47d8e 100644
--- a/assets/styles/layout/_code.scss
+++ b/assets/styles/layout/_code.scss
@@ -286,8 +286,6 @@ pre[class*="language-"] {
     code {
         border-left: 1rem solid transparent !important;
         box-shadow: none !important;
-        background: #505b67
-        !important;
         margin: 0;
         color: var(--gray-0);
         font-size: 14px;
@@ -345,4 +343,20 @@ pre[class*="language-"] {
 
 .copy-to-clipboard-button {
     display: none;
+}
+
+.layout-wrapper-dark {
+    pre[class*="language-"] {    
+        code {
+            background: var(--surface-card) !important;
+        }
+    }
+}
+
+.layout-wrapper-light {
+    pre[class*="language-"] {    
+        code {
+            background: #505b67 !important;
+        }
+    }
 }
\ No newline at end of file
diff --git a/assets/styles/layout/_content.scss b/assets/styles/layout/_content.scss
index 52b69d386..20074d06c 100644
--- a/assets/styles/layout/_content.scss
+++ b/assets/styles/layout/_content.scss
@@ -6,8 +6,24 @@
         display: flex;
         gap: 4rem;
     }
+}
 
+.layout-wrapper-light {
     .card {
-        @include card;
+        background: var(--surface-ground);
+        border: 1px solid var(--surface-border);
+        padding: 2rem;
+        border-radius: 10px;
+        margin-bottom: 1rem;
+    }
+}
+
+.layout-wrapper-dark {
+    .card {
+        background: var(--surface-card);
+        border: 0 none;
+        padding: 2rem;
+        border-radius: 10px;
+        margin-bottom: 1rem;
     }
 }
diff --git a/assets/styles/layout/_doc.scss b/assets/styles/layout/_doc.scss
index 594883d5f..23b8e4ae8 100644
--- a/assets/styles/layout/_doc.scss
+++ b/assets/styles/layout/_doc.scss
@@ -247,14 +247,12 @@
 
 .doc-tablewrapper {
     overflow: auto;
-    @include card;
 }
 
 .doc-table {
     border-collapse: collapse;
     width: 100%;
     min-width: 960px;
-    background-color: var(--surface-card);
     margin-bottom: 1.5rem;
 
     th {