feat: update styles

Signed-off-by: nerucheva <tatiana@nerucheva.com>
cilium · May 18, 2023 · b35867c · b35867c
1 parent 8ffae5b
commit b35867c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 16 deletions.
diff --git a/docs/assets/scss/prism.scss b/docs/assets/scss/prism.scss
@@ -2,7 +2,7 @@
 https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+bash+c+csharp+cpp+go+java+markdown+python+scss+sql+toml+yaml&plugins=toolbar+copy-to-clipboard */
 code[class*=language-],
 pre[class*=language-] {
-  color: #006AFF !important;
+  color: #8C53C6 !important;
   background: 0 0;
   text-shadow: none !important;
   font-family: 'IBM Plex Mono', monospace !important;
@@ -205,13 +205,13 @@ div.code-toolbar>.toolbar>.toolbar-item>span:hover {
     .token.class-name,
     .token.url,
     .token.tag {
-      color: #008033;
+      color: #5D7E2A;
     }
 
     .token.console,
     .token.class-name.namespace,
     .token.tag.attr-name {
-      color: #006AFF;
+      color: #8C53C6;
     }
 
     .token.builtin,
@@ -222,7 +222,7 @@ div.code-toolbar>.toolbar>.toolbar-item>span:hover {
     .token.tag.attr-value,
     .token.atrule,
     .token.inserted {
-      color: #DC3918;
+      color: #BF4040;
     }
 
     .token.boolean,
@@ -233,28 +233,28 @@ div.code-toolbar>.toolbar>.toolbar-item>span:hover {
     .token.property,
     .token.property-access,
     .token.deleted {
-      color: #805E00;
+      color: #2D7786;
     }
 
     .token.regex,
     .token.important {
-      color: #0D0D0D;
+      color: #000000;
     }
 
     .token.operator,
     .token.entity {
-      color: #FF9C1A;
+      color: #E5A11A;
     }
 
     .token.punctuation {
-      color: #666666;
+      color: #999999;
     }
 
     .token.comment,
     .token.prolog,
     .token.doctype,
     .token.cdata {
-      color: #B3B3B3;
+      color: #BFBFBF;
     }
 
     .token.table {
@@ -263,6 +263,6 @@ div.code-toolbar>.toolbar>.toolbar-item>span:hover {
 
     .react-syntax-highlighter-line-number.linenumber {
       min-width: 2.25em !important;
-      color: #666666;
+      color: #999999;
     }
   }
diff --git a/docs/assets/scss/theme/tables.scss b/docs/assets/scss/theme/tables.scss
@@ -8,7 +8,7 @@
   color: $table-color;
   background-color: $table-bg; // Reset for nesting within parents with `background-color`.
   margin: 20px 0;
-  border: 1px solid $table-border-color;
+  border-top: 1px solid $table-border-color;
 
   @media screen and (max-width: 1440px) {
     max-width: none;
@@ -76,8 +76,8 @@
   }
 }
 
-tr:not(:last-child) {
-  border-bottom: $table-border-width solid $table-border-color;
+tr {
+  border-bottom: none;
 }
 
 // Zebra-striping
@@ -86,12 +86,10 @@ tr:not(:last-child) {
 
 .table-striped {
   tbody tr:nth-of-type(#{$table-striped-order}) {
-    background-color: transparent;
+    background-color: #FAFAFA;
   }
 }
 
-
-
 // Hover effect
 //
 // Placed here since it has to come after the potential zebra striping