refactor: improve inline codeblock text color (#1281)

HEIGE-PCloud · May 17, 2024 · 2af9041 · 2af9041
1 parent e876837
commit 2af9041
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/assets/css/_partial/_single/_code.scss b/assets/css/_partial/_single/_code.scss
@@ -24,6 +24,17 @@ pre,
   background-color: $code-background-color !important;
 }
 
+code:not(.chroma) {
+  /* Inline code blocks */
+  background-color: var(--inline-code-background-color) !important;
+  border-radius: 6px;
+  padding: .2em .4em;
+  font-size: 85%;
+  line-height: 1.5;
+  color: var(--global-font-color);
+}
+
+
 .highlight,
 .gist {
   font-family: $code-font-family;

diff --git a/assets/css/main.css b/assets/css/main.css
@@ -557,6 +557,7 @@ ul {
   --code-color: #e74c3c;
   /* Color of the code background */
   --code-background-color: #f5f5f5;
+  --inline-code-background-color: var(--bgColor-neutral-muted);
   --code-header-color: #ededed;
   --code-background-color-darken-5: #e8e8e8;
   --code-background-color-darken-6: #e6e6e6;
@@ -587,6 +588,7 @@ ul {
   --bgColor-secondary: #ededed;
   --bgColor-accent-emphasis: #6bd6fd;
   --bgColor-accent-muted: #388bfd1a;
+  --bgColor-neutral-muted: #afb8c133;
   --borderColor-default: #f0f0f0;
   --selection-bgColor: #35a6f740;
   --button-default-bgColor-rest: #f0f0f0;
@@ -608,6 +610,7 @@ html.dark {
   --bgColor-accent-emphasis: #1f6feb;
   --bgColor-accent-muted: #388bfd1a;
   --borderColor-default: #30363d;
+  --bgColor-neutral-muted: #6e768166;
   --selection-bgColor: #1f6febb3;
   --button-default-bgColor-rest: #21262d;
   --button-default-bgColor-hover: #292e36;

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
@@ -105,6 +105,7 @@
     --code-color: #e74c3c;
     /* Color of the code background */
     --code-background-color: #f5f5f5;
+    --inline-code-background-color: var(--bgColor-neutral-muted);
 
     --code-header-color: #ededed;
     --code-background-color-darken-5: #e8e8e8;
@@ -139,6 +140,7 @@
     --bgColor-secondary: #ededed;
     --bgColor-accent-emphasis: #6bd6fd;
     --bgColor-accent-muted: #388bfd1a;
+    --bgColor-neutral-muted: #afb8c133;
     --borderColor-default: #f0f0f0;
     --selection-bgColor: #35a6f740;
     --button-default-bgColor-rest: #f0f0f0;
@@ -158,6 +160,7 @@
     --bgColor-accent-emphasis: #1f6feb;
     --bgColor-accent-muted: #388bfd1a;
     --borderColor-default: #30363d;
+    --bgColor-neutral-muted: #6e768166;
     --selection-bgColor: #1f6febb3;
     --button-default-bgColor-rest: #21262d;
     --button-default-bgColor-hover: #292e36;