Add support for dark mode in web page stylesheet

This commit is contained in:
Yee Cheng Chin
2019-10-17 03:30:17 -07:00
parent fed313070c
commit 264ab99a52
2 changed files with 20 additions and 0 deletions
+1
View File
@@ -7,6 +7,7 @@
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet_dark.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
</head>
<body>
+19
View File
@@ -0,0 +1,19 @@
/*
* Custom modified stylesheet to support dark mode as upstream doesn't support
* it.
*/
:root {
prefer-color-schemes: light dark;
color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
a {
color: #2583E2;
}
body {
color: #9F938E;
}
.site-footer-credits {
color: #7E6E67;
}
}