Update style.scss

fabriziosalmi · Aug 18, 2024 · 8c9d436 · 8c9d436
1 parent 3225a00
commit 8c9d436
Showing 1 changed file with 33 additions and 8 deletions.
diff --git a/docs/assets/css/style.scss b/docs/assets/css/style.scss
@@ -24,6 +24,11 @@ $code-border-color: #30363d;
 $code-keyword-color: #ff7b72;
 $code-function-color: #d2a8ff;
 $code-string-color: #a5d6ff;
+$hr-color: #21262d;
+
+// HTTP Method Colors
+$get-background-color: #238636;
+$post-background-color: #d93f0b;
 
 // Global Styling
 body {
@@ -76,7 +81,7 @@ code {
 
 // Code Blocks
 pre {
-  background-color: $code-background-color;
+  background-color: $code-background-color !important;
   color: $code-text-color;
   border: 1px solid $code-border-color;
   padding: 1em;
@@ -117,23 +122,46 @@ pre {
 // Tables
 table {
   width: 100%;
-  border-collapse: collapse;
+  border-collapse: separate;
+  border-spacing: 0;
   margin: 1.5em 0;
+  border-radius: 8px;
+  overflow: hidden;
+  background-color: $background-secondary-color;
 
   th, td {
     padding: 0.75em;
-    border: 1px solid $border-color;
+    border: none;
     text-align: left;
   }
 
   th {
     background-color: $background-secondary-color;
     color: $text-color;
     font-weight: 600;
+    border-bottom: 1px solid $border-color;
   }
 
   td {
     background-color: $background-color;
+    color: $text-muted-color;
+  }
+
+  // HTTP Method Styles
+  td.method {
+    text-align: center;
+    font-weight: bold;
+    border-radius: 4px;
+    padding: 0.4em 0.6em;
+    color: #ffffff;
+
+    &.get {
+      background-color: $get-background-color;
+    }
+
+    &.post {
+      background-color: $post-background-color;
+    }
   }
 }
 
@@ -226,8 +254,9 @@ blockquote {
 
 // Horizontal Rules
 hr {
-  border: 1px solid $border-color;
+  border: 1px solid $hr-color;
   margin: 2em 0;
+  border-radius: 1px;
 }
 
 // Images
@@ -269,7 +298,3 @@ img {
   color: $text-muted-color;
   font-size: 1em;
 }
-
-
-
-