From 6838660cd8b7a6fd0cc671fa7a09be4cc1fb77b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Wed, 3 Feb 2021 09:17:41 +0100
Subject: [PATCH] improve styling

---
 docs/src/components/Demo/style.scss |  3 +--
 docs/src/layouts/App/base.scss      | 17 +++++++----------
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/docs/src/components/Demo/style.scss b/docs/src/components/Demo/style.scss
index aaa28ad50..d3d843811 100644
--- a/docs/src/components/Demo/style.scss
+++ b/docs/src/components/Demo/style.scss
@@ -11,11 +11,10 @@
     max-height: unquote("max(300px, 60vh)");
     overflow: auto;
     scroll-behavior: smooth;
-    border: 1px solid rgba($colorBlack, 0.1);
+    border: 3px solid $colorBlack;
   }
 
   &__source {
-    border: 1px solid rgba($colorBlack, 0.1);
     background-color: $colorBlack;
   }
 
diff --git a/docs/src/layouts/App/base.scss b/docs/src/layouts/App/base.scss
index 1b5921790..da6b08e80 100644
--- a/docs/src/layouts/App/base.scss
+++ b/docs/src/layouts/App/base.scss
@@ -199,10 +199,6 @@ code {
     margin-bottom: 0;
   }
 
-  > pre {
-    border: 1px solid rgba($colorBlack, 0.1);
-  }
-
   > p code,
   > ul code,
   > ol code,
@@ -300,9 +296,9 @@ code {
         justify-content: center;
         height: 1.5rem;
         width: 1.5rem;
-        background-color: rgba($colorBlack, 0.05);
+        background-color: $colorBlack;
         border-radius: 9999px;
-        color: $colorBlack;
+        color: $colorWhite;
         font-size: 0.75rem;
         font-weight: 700;
         content: counter(item);
@@ -340,12 +336,13 @@ code {
       th {
         white-space: nowrap;
         color: $colorBlack;
+        font-size: 0.9rem;
         font-weight: 700;
-        border-bottom: 2px solid $colorBlack;
+        border-bottom: 3px solid $colorBlack;
       }
 
       td {
-        border-bottom: 1px solid rgba($colorBlack, 0.1);
+        border-bottom: 1px solid $colorBlack;
       }
 
       tr:last-child td {
@@ -358,7 +355,7 @@ code {
         }
 
         &:hover {
-          background: rgba($colorBlack, 0.02);
+          background: rgba($colorBlack, 0.03);
         }
       }
     }
@@ -388,7 +385,7 @@ code {
 
     .remark-container-title {
       font-size: 1.1rem;
-      font-weight: 600;
+      font-weight: 700;
       margin-bottom: 0.25rem;
     }
   }