style: inline code background for better distinction
MODIFY
website/src/styles/_global.scss
website/src/styles/_global.scss
@@ -33,8 +33,9 @@ code {
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-moz-tab-size: 2;
tab-size: 2;
- background-color: rgba(0, 0, 0, 0.08);
- padding: 0 5px;
+ background-color: var(--inline-code-background-color);
+ padding: 2px 5px;
+ border-radius: 2px;
}
pre code {

MODIFY
website/src/styles/index.scss
website/src/styles/index.scss
--color-scheme-switcher-color: #{$gray-4};
--search-input-background-color: rgba(0, 0, 0, 0.07);
--table-even-row-color: rgba(0, 0, 0, 0.05);
+ --inline-code-background-color: rgba(0, 0, 0, 0.08);
}
@mixin dark-root {
--color-scheme-switcher-color: #000;
--search-input-background-color: rgba(0, 0, 0, 0.09);
--table-even-row-color: rgba(0, 0, 0, 0.09);
+ --inline-code-background-color: rgba(68, 73, 80, 0.7);
}
html[data-theme="dark"] {

style: inline code background for better distinction (#945)