Skip to content

Commit e4c36af

Browse files
Copilotulysses4ever
andcommitted
Fix image visibility and hintbox background image in dark mode
Co-authored-by: ulysses4ever <[email protected]>
1 parent e7a3805 commit e4c36af

1 file changed

Lines changed: 5 additions & 4 deletions

File tree

docs/assets/css/dark-mode.css

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,7 @@ body.dark-mode pre > code {
4545

4646
body.dark-mode .hintbox {
4747
background-color: #2d2d1a;
48+
background-image: none !important;
4849
color: #f0f0f0;
4950
border: 1px solid #5a5a3a;
5051
}
@@ -148,11 +149,11 @@ body.dark-mode .newsplash a.nostarchlink:hover {
148149

149150
/* Handle image backgrounds in dark mode */
150151
body.dark-mode img {
152+
opacity: 0.9;
151153
background-color: transparent;
152-
mix-blend-mode: multiply;
153154
}
154155

155-
/* For images that should keep their background */
156-
body.dark-mode img.no-blend {
157-
mix-blend-mode: normal;
156+
/* Keep images at full opacity when needed */
157+
body.dark-mode img.full-opacity {
158+
opacity: 1;
158159
}

0 commit comments

Comments
 (0)