3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-07-17 16:47:56 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor: customize code block line highlight color via CSS var (#7176)

Browse source
This commit is contained in:
Alexey Pyltsyn 2022-04-21 12:19:33 +03:00 • committed by GitHub
parent 97f7b45f1a
commit 9af35c5b47
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 35 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

13
website/src/css/custom.css
View file

@ -18,12 +18,14 @@
--site-color-svg-icon-favorite: #e9669e;
--site-color-checkbox-checked-bg: hsl(167deg 56% 73% / 25%);
--site-color-feedback-background: #fff;
--docusaurus-highlighted-code-line-bg: rgb(0 0 0 / 10%);
}
html[data-theme='dark'] {
--site-color-feedback-background: #f0f8ff;
--site-color-favorite-background: #1d1e1e;
--site-color-checkbox-checked-bg: hsl(167deg 56% 73% / 10%);
--docusaurus-highlighted-code-line-bg: rgb(66 66 66 / 30%);
}
[data-theme='light'] {
@ -56,17 +58,6 @@ html[data-theme='dark'] {
);
}
.docusaurus-highlight-code-line {
background-color: rgb(0 0 0 / 10%);
display: block;
margin: 0 calc(-1 * var(--ifm-pre-padding));
padding: 0 var(--ifm-pre-padding);
}
[data-theme='dark'] .docusaurus-highlight-code-line {
background-color: rgb(66 66 66 / 30%);
}
.header-github-link:hover {
opacity: 0.6;
}