Tweak border colors

Author: satya164

src/css/custom.css

@@ -172,11 +172,14 @@
   --ifm-alert-border-radius: 0;
   --ifm-alert-border-left-width: 3px;
 
+  --ifm-toc-border-color: var(--ifm-color-emphasis-200);
+
   --ifm-code-padding-horizontal: 0.3em;
 
   --docusaurus-highlighted-code-line-bg: hsla(45, 97%, 72%, 0.3);
 
   --codeblock-background-color: #fafafa;
+  --codeblock-border-color: var(--ifm-color-emphasis-300);
 }
 
 :root[data-theme='dark'] {
@@ -311,9 +314,12 @@
     85%
   );
 
+  --ifm-toc-border-color: #31343a;
+
   --docusaurus-highlighted-code-line-bg: hsla(45, 77%, 25%, 0.3);
 
   --codeblock-background-color: #292c33;
+  --codeblock-border-color: var(--ifm-color-emphasis-200);
 }
 
 :not([data-theme='dark']) body {
@@ -630,7 +636,7 @@ header {
 }
 
 .tabs-container {
-  --tabs-border-color: var(--ifm-toc-border-color);
+  --tabs-border-color: var(--codeblock-border-color);
 }
 
 .tabs {
@@ -665,7 +671,7 @@ header {
 
 .tabs__item--active,
 .tabs__item--active:hover {
-  background-color: var(--ifm-background-surface-color);
+  background-color: var(--ifm-background-color);
   border-color: var(--tabs-border-color);
   border-bottom-color: var(--ifm-background-surface-color);
   color: var(--ifm-tabs-color-active);
@@ -680,7 +686,7 @@ header {
 
   & > .tabs {
     background-color: var(--codeblock-background-color);
-    border: 1px solid var(--ifm-toc-border-color);
+    border: 1px solid var(--tabs-border-color);
     border-radius: var(--ifm-code-border-radius) var(--ifm-code-border-radius) 0
       0;
 
@@ -752,7 +758,7 @@ header {
 }
 
 .theme-code-block {
-  border: 1px solid var(--ifm-toc-border-color);
+  border: 1px solid var(--codeblock-border-color);
   box-shadow: none !important;
 
   &:has(+ .code-block-footer) {
@@ -770,7 +776,7 @@ header {
     background-color: var(--codeblock-background-color);
     border-width: 0 1px 1px 1px;
     border-style: solid;
-    border-color: var(--ifm-toc-border-color);
+    border-color: var(--codeblock-border-color);
     border-bottom-left-radius: var(--ifm-pre-border-radius);
     border-bottom-right-radius: var(--ifm-pre-border-radius);
 
@@ -846,7 +852,7 @@ article {
 }
 
 details[class^='details_'] {
-  --ifm-alert-border-color: var(--ifm-toc-border-color);
+  --ifm-alert-border-color: var(--codeblock-border-color);
   --ifm-alert-background-color: transparent;
   --ifm-alert-padding-vertical: 0.5rem;
   --ifm-alert-padding-horizontal: 1rem;