diff --git a/assets/css/_partial/_single/_code.scss b/assets/css/_partial/_single/_code.scss index d82d43d4f..d139563de 100644 --- 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 index cf6ea7722..d2c9ad77c 100644 --- 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 index 27fb80b5f..0e1af8b9d 100644 --- 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;