Bug fixes and improvements (#1078)

* Fix the logo in the en version

* Optimize header color and fix body background color

* Update theme switch's name

* Fix backfrop-filter on Safari

* Update some animation's file name for adding egde when cropping

* Re-count the comments number

* A bug fix in n_queens_problem.md
This commit is contained in:
Yudong Jin
2024-02-14 18:37:18 +08:00
committed by GitHub
parent 5f82a86bd6
commit e813b5a0fa
49 changed files with 94 additions and 58 deletions
+39 -16
View File
@@ -8,6 +8,9 @@
--md-default-fg-color: #1d1d20;
--md-default-bg-color: #ffffff;
--md-body-bg-color: #22272e;
--md-header-bg-color: rgba(255, 255, 255, 0.6);
--md-code-fg-color: #1d1d20;
--md-code-bg-color: #f5f5f5;
@@ -32,6 +35,9 @@
--md-default-fg-color: #adbac7;
--md-default-bg-color: #22272e;
--md-body-bg-color: #22272e;
--md-header-bg-color: rgba(34, 39, 46, 0.8);
--md-code-fg-color: #adbac7;
--md-code-bg-color: #1d2126;
@@ -42,7 +48,7 @@
--md-footer-fg-color: #adbac7;
--md-typeset-color: #adbac7;
--md-typeset-a-color: #52bbb1 !important;
--md-typeset-a-color: #52bbb1;
--md-typeset-btn-color: #52bbb1;
--md-typeset-btn-hover-color: #55aea6;
@@ -50,6 +56,23 @@
--md-admonition-pythontutor-color: #30363f;
}
[data-md-color-scheme="slate"][data-md-color-primary="black"],
[data-md-color-scheme="slate"][data-md-color-primary="white"] {
--md-typeset-a-color: #52bbb1;
}
[data-md-color-primary="black"] .md-header {
background-color: var(--md-header-bg-color);
}
.md-header {
box-shadow: none;
transition: none;
backdrop-filter: saturate(180%) blur(20px); /* Gaussian blur */
-webkit-backdrop-filter: saturate(180%) blur(20px); /* Safari */
background-color: var(--md-header-bg-color);
}
/* https://github.com/squidfunk/mkdocs-material/issues/4832#issuecomment-1374891676 */
.md-nav__link[for] {
color: var(--md-default-fg-color) !important;
@@ -400,7 +423,7 @@ a:hover .hero-caption {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 720px;
max-width: 40em;
margin: 1em auto;
}
@@ -433,6 +456,17 @@ a:hover .hero-caption {
height: 33vw;
}
.contrib-image {
width: 100%;
}
}
/* Hide table of contents */
@media screen and (max-width: 60em) {
.home-div {
font-size: 0.75rem;
}
.intro-container {
flex-direction: column;
}
@@ -454,25 +488,14 @@ a:hover .hero-caption {
margin-bottom: 1em;
}
.contrib-image {
width: 100%;
.text-button {
margin: 0.7em auto;
}
.profile-div {
max-width: 500px;
max-width: 30em;
}
.profile-cell {
flex-basis: 25%;
}
}
/* Hide table of contents */
@media screen and (max-width: 60em) {
.home-div {
font-size: 0.75rem;
}
.text-button {
margin: 0.7em auto;
}
}