1 files changed, 129 insertions, 0 deletions
diff --git a/assets/css/styles.css b/assets/css/styles.css
index d8939fd..1a8e3a1 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -126,6 +126,135 @@
     }
 }
 
+@media(prefers-color-scheme: dark) {
+    :root {
+	--bulma-primary-h: 213deg;
+	--bulma-primary-s: 17%;
+	--bulma-info-h: 286deg;
+	--bulma-info-s: 66%;
+	--bulma-info-l: 35%;
+	--bulma-body-color: #EBEBEB;
+    }
+
+    body {
+	background: #2F2F37;
+    }
+
+    .navigation {
+	align-items: center;
+	display: flex;
+	flex-grow: 0;
+	flex-shrink: 0;
+	line-height: 1.5;
+	padding: .5rem .75rem;
+	position: relative;
+	color: #F4FAFF;
+    }
+
+    .navigation:hover {
+	color: #43AA8B;
+    }
+
+    .svg-icon:hover {
+	fill: #43AA8B;
+    }
+
+    .is-info-button {
+	color: #F4FAFF;
+    }
+
+    a.svg {
+	position: relative;
+	display: inline-block; 
+    }
+    
+    a.svg:after {
+	content: ""; 
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left:0;
+    }
+
+    .rss-icon {
+	width: 100%;
+	max-width: 8rem;
+	height: auto;
+    }
+
+    .svg-icon-body {
+	width: .8rem;
+	height: .8rem;
+	fill: #EBEBEB;
+    }
+
+    .post-summary {
+	border-bottom: 1px solid #56667A;
+    }
+
+    .footer-content {
+	color: #F4FAFF !important;
+    }
+
+    .caption {
+	color: #E0E0E0;
+    }
+
+    a.footer-url {
+	color: #F4FAFF;
+    }
+
+    a.footer-url:hover {
+	color: #43AA8B;
+    }
+
+    a.index-post-title {
+	color: #F5F5F5;
+    }
+
+    a.index-post-title:hover {
+	color: #2191FB;
+    }
+
+    a.archive-post-title {
+	color: #F5F5F5;
+    }
+
+    a.archive-post-title:hover {
+	color: #2191FB;
+    }
+
+    footer {
+	background: #56667A !important;
+    }
+
+    p {
+	color: #F5F5F5;
+    }
+
+    a {
+	color: #2191FB;
+    }
+
+    h1 {
+	color: #2191FB !important;
+    }
+
+    h2 {
+	color: #AB4967 !important;
+    }
+
+    li {
+	color: #F5F5F5;
+	font-size: 1.2rem;
+    }
+
+    li::marker {
+	color: #2191FB;
+    }
+}
+
 .page-title {
     font-size: var(--bulma-size-3);
 }