styling: adjust code background and border color in darkmode

pranabdas · Nov 4, 2024 · 2cda5c6 · 2cda5c6
1 parent 107ca59
commit 2cda5c6
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -9,6 +9,7 @@
   --color-orange: #faad00;
   --border-color: #d1dce5;
   --ifm-code-font-size: 95%;
+  --ifm-code-border-color: #0000001a;
   --ifm-tabs-color: var(--color-black);
   --ifm-menu-color-background-hover: rgba(0, 193, 255, 0.15);
   --ifm-menu-color-background-active: rgba(0, 193, 255, 0.15);
@@ -40,6 +41,13 @@ html[data-theme="dark"] {
   --ifm-background-surface-color: #161b22;
   --ifm-table-row-hover-color: rgba(255, 255, 255, 0.05);
   --ifm-toc-border-color: #1e293b;
+  --ifm-code-background: #292524;
+  --ifm-code-border-color: #3f3f46;
+  --ifm-breadcrumb-item-background-active: rgba(255, 255, 255, 0.1);
+}
+
+code {
+  border: 0.1rem solid var(--ifm-code-border-color);
 }
 
 .docusaurus-highlight-code-line {