github_mirrors/hello-algo
1
0
Fork 0
mirror of https://github.com/krahets/hello-algo.git synced 2025-01-23 14:20:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: Make the picture not glare in dark theme (#741)

Browse Source 
* style: Make the picture not glare in dark theme

* Update extra.css

---------

Co-authored-by: Yudong Jin <krahets@163.com>
This commit is contained in:
zhouLion 2023-09-12 03:13:17 +08:00 committed by GitHub
parent 5f814d6538
commit 76e953a74c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 37 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
docs/stylesheets/extra.css
View File

@ -1,30 +1,43 @@
/* Color Settings */
/* https://github.com/squidfunk/mkdocs-material/blob/6b5035f5580f97532d664e3d1babf5f320e88ee9/src/assets/stylesheets/main/_colors.scss */
/* https://squidfunk.github.io/mkdocs-material/setup/changing-the-colors/#custom-colors */
:root > * {
--md-primary-fg-color: #FFFFFF;
--md-primary-bg-color: #1D1D20;
--md-primary-fg-color: #ffffff;
--md-primary-bg-color: #1d1d20;
--md-accent-fg-color: #999;
--md-default-fg-color: #1d1d20;
--md-default-bg-color: #ffffff;
--md-typeset-color: #1D1D20;
--md-typeset-a-color: #2AA996;
--md-accent-fg-color: #999;
--md-admonition-fg-color: #1d1d20;
--md-typeset-color: #1d1d20;
--md-typeset-a-color: #2aa996;
}
[data-md-color-scheme="slate"] {
--md-primary-fg-color: #2E303E;
--md-primary-bg-color: #FEFEFE;
--md-primary-fg-color: #22272e;
--md-primary-bg-color: #adbac7;
--md-accent-fg-color: #999;
--md-default-fg-color: #adbac7;
--md-default-bg-color: #22272e;
--md-typeset-color: #FEFEFE;
--md-typeset-a-color: #21C8B8 !important;
--md-code-bg-color: #1c2329;
--md-accent-fg-color: #999;
--md-admonition-fg-color: #adbac7;
--md-footer-fg-color: #adbac7;
--md-typeset-color: #adbac7;
--md-typeset-a-color: #21c8b8 !important;
}
/* https://github.com/squidfunk/mkdocs-material/issues/4832#issuecomment-1374891676 */
.md-nav__link[for] {
color: var(--md-default-fg-color) !important
color: var(--md-default-fg-color) !important;
}
/* Center Markdown Tables (requires md_in_html extension) */
@ -33,7 +46,7 @@
}
/* Reset alignment for table cells */
.md-typeset .center-table :is(td,th):not([align]) {
.md-typeset .center-table :is(td, th):not([align]) {
text-align: initial;
}
@ -70,8 +83,10 @@
/* font-family setting for Win10 */
body {
--md-text-font-family: -apple-system,BlinkMacSystemFont,var(--md-text-font,_),Helvetica,Arial,sans-serif;
--md-code-font-family: var(--md-code-font,_),SFMono-Regular,Consolas,Menlo,-apple-system,BlinkMacSystemFont,var(--md-text-font,_),monospace;
--md-text-font-family: -apple-system, BlinkMacSystemFont,
var(--md-text-font, _), Helvetica, Arial, sans-serif;
--md-code-font-family: var(--md-code-font, _), SFMono-Regular, Consolas, Menlo,
-apple-system, BlinkMacSystemFont, var(--md-text-font, _), monospace;
}
/* max height of code block */
@ -79,3 +94,10 @@ body {
.md-typeset pre > code {
max-height: 25rem;
}
/* Make the picture not glare in dark theme */
[data-md-color-scheme="slate"] .md-typeset img,
[data-md-color-scheme="slate"] .md-typeset svg,
[data-md-color-scheme="slate"] .md-typeset video {
filter: brightness(0.85) invert(0.05);
}