mirrors/CC-Tweaked
1
0
Fork 0
mirror of https://github.com/SquidDev-CC/CC-Tweaked synced 2024-12-25 09:30:30 +00:00
Code Issues Releases Wiki Activity

Add dark mode styling for recipes (#1558)

Browse Source 
Exactly what it says on the tin.
This commit is contained in:
MineRobber___T 2023-08-14 02:51:14 -04:00 committed by GitHub
parent 84a761ddd5
commit b9edd7c7f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
projects/web/src/styles.css
View File

@ -131,6 +131,14 @@ div.lua-example {
--recipe-size: 32px; --recipe-size: 32px;
} }
@media (prefers-color-scheme: dark) {
:root {
--recipe-bg: #222;
--recipe-fg: #444;
--recipe-hover: #888;
}
}
.recipe-container { .recipe-container {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -151,7 +159,7 @@ div.lua-example {
} }
.recipe-title { .recipe-title {
color: #222; /* Same as --foreground in light theme. Ugly, but too lazy to style in dark for now. */ color: var(--foreground);
grid-column-start: span 3; grid-column-start: span 3;
} }