UI: Fix dark-mode renders for code blocks (#382)

hasura · Apr 24, 2024 · a485a03 · a485a03
1 parent 0cacad2
commit a485a03
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -233,7 +233,7 @@ img {
 }
 .theme-admonition code,
 .alert code {
-  padding: 3px 6px;
+  padding: 16px;
   border-radius: 4px;
   color: #1f2a37;
 }
@@ -267,6 +267,7 @@ img {
 .alert--info code {
   border: 1px solid #c6d6ff;
   background-color: #dfe8ff;
+  border-radius: 12px;
 }
 .theme-admonition-caution,
 .alert--warning {
@@ -749,10 +750,6 @@ pre code {
   border: 1px solid #c6d6ff;
 }
 
-pre code span {
-  color: #00288e;
-}
-
 table {
   border-radius: 12px;
   border: 1px solid #e5e7eb;
@@ -1197,7 +1194,7 @@ table td {
   border: 1px solid #2d3956;
 }
 [data-theme='dark'] pre code span {
-  color: var(--neutral-mid-400);
+  /* color: var(--neutral-mid-400); */
 }
 [data-theme='dark'] p code {
   border: 1px solid #28334f;
@@ -1267,7 +1264,7 @@ table td {
 [data-theme='dark'] .theme-admonition-info code,
 [data-theme='dark'] .alert--info code {
   border: 1px solid #80a3ff;
-  background-color: #c6d6ff;
+  background-color: #6272a4;
 }
 
 [data-theme='dark'] .theme-admonition-caution,