meta/mintee
5
0
Fork 0
Code Issues 10 Pull Requests Projects Releases Activity

mint.css: updates style to use dark theme if browser prefers

Browse Source
This commit is contained in:
Emma Tebibyte
2026-04-26 14:23:48 -06:00
parent 08330633fb
commit 58d922b062
2 changed files with 19 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
assets/res/mint.css
View File

@@ -1,15 +1,19 @@
/* mint theme */
:root {
--glass: #EEEEEE77;
--background: #EEE;
--control: #FFF4;
--foreground: #333;
--subtle-foreground: #888;
--outline: #00000015;
--shine: #00000015;
--accent: #209D6E;
--subtle-accent: #209D6E30;
--subtler-accent: #209D6E12;
--shadow: 0 4px 32px #03281A12;
--icon-filter: hue-rotate(157deg) saturate(0.80) brightness(1.3);
@import url("/res/mint-dark.css") (prefers-color-scheme: dark);
@media (prefers-color-scheme: light) {
/* mint theme */
:root {
--glass: #EEEEEE77;
--background: #EEE;
--control: #FFF4;
--foreground: #333;
--subtle-foreground: #888;
--outline: #00000015;
--shine: #00000015;
--accent: #209D6E;
--subtle-accent: #209D6E30;
--subtler-accent: #209D6E12;
--shadow: 0 4px 32px #03281A12;
--icon-filter: hue-rotate(157deg) saturate(0.80) brightness(1.3);
}
}

2
assets/templates/repo/base.html
View File

@@ -28,7 +28,7 @@
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta charset="UTF-8">
<link rel="stylesheet" href="res/style.css">
<link rel="stylesheet" href="res/mint.css" title="Mint Light">
<link rel="stylesheet" href="res/mint.css" title="Mint">
<link rel="alternate stylesheet" href="res/mint-dark.css" title="Mint Dark">
<link rel="alternate stylesheet" href="res/arctica.css" title="Arctica">
<link rel="alternate stylesheet" href="res/martian.css" title="Martian">