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

8
assets/res/mint.css
View File

@@ -1,5 +1,8 @@
/* mint theme */ @import url("/res/mint-dark.css") (prefers-color-scheme: dark);
:root {
@media (prefers-color-scheme: light) {
/* mint theme */
:root {
--glass: #EEEEEE77; --glass: #EEEEEE77;
--background: #EEE; --background: #EEE;
--control: #FFF4; --control: #FFF4;
@@ -12,4 +15,5 @@
--subtler-accent: #209D6E12; --subtler-accent: #209D6E12;
--shadow: 0 4px 32px #03281A12; --shadow: 0 4px 32px #03281A12;
--icon-filter: hue-rotate(157deg) saturate(0.80) brightness(1.3); --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 content="width=device-width, initial-scale=1" name="viewport">
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" href="res/style.css"> <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/mint-dark.css" title="Mint Dark">
<link rel="alternate stylesheet" href="res/arctica.css" title="Arctica"> <link rel="alternate stylesheet" href="res/arctica.css" title="Arctica">
<link rel="alternate stylesheet" href="res/martian.css" title="Martian"> <link rel="alternate stylesheet" href="res/martian.css" title="Martian">