From 2c9ae04dcdd844af2112770f88f77ec764fb0605 Mon Sep 17 00:00:00 2001
From: weru <onewesh@gmail.com>
Date: Fri, 20 Mar 2020 15:39:17 +0000
Subject: [PATCH] enable darkmode
---
assets/sass/_variables.sass | 20 +++++++++++---------
assets/sass/_syntax.sass | 1 +
assets/sass/_components.sass | 6 +++---
3 files changed, 15 insertions(+), 12 deletions(-)
diff --git a/assets/sass/_components.sass b/assets/sass/_components.sass
index f1089b2..e8ed668 100644
--- a/assets/sass/_components.sass
+++ b/assets/sass/_components.sass
@@ -41,10 +41,10 @@
&_result
padding: 0.5rem 1rem
&:hover
- background-color: var(--haze)
+ background-color: var(--theme)
&s
width: 13.5rem
- background-color: var(--light)
+ background-color: var(--overlay)
border-radius: 0 0 0.25rem 0.25rem
box-shadow: 0 1rem 4rem rgba(0,0,0,0.17)
position: absolute
@@ -55,7 +55,7 @@
display: none
.button
- background-color: var(--dark)
+ background-color: var(--theme)
color: var(--light)
border-radius: 0.25rem
display: inline-grid
diff --git a/assets/sass/_syntax.sass b/assets/sass/_syntax.sass
index 05dbf60..e0038b5 100644
--- a/assets/sass/_syntax.sass
+++ b/assets/sass/_syntax.sass
@@ -14,6 +14,7 @@
table
margin: 0
border-collapse: collapse
+ background-color: var(--overlay)
& &
margin: 0
diff --git a/assets/sass/_variables.sass b/assets/sass/_variables.sass
index e0ec2a4..f97fe94 100644
--- a/assets/sass/_variables.sass
+++ b/assets/sass/_variables.sass
@@ -1,22 +1,24 @@
// #161d21; // #1F2A2F; // #132433; // #24292e;
html
--light: #fff
- --dark: #010101
+ --dark: rgb(28,28,30)
--haze: #f2f5f2
- --bubble: #111
+ --bubble: rgb(32,32,34)
--accent: var(--gray)
--bg: var(--light)
+ --overlay: var(--light)
--text: var(--dark)
--theme: #20c997
--font: 'Metropolis', sans-serif
-// @media (prefers-color-scheme: dark)
-// *
-// box-shadow: none !important
-// html
-// --bg: var(--dark)
-// --text: var(--light)
-// --accent: var(--bubble)
+@media (prefers-color-scheme: dark)
+ html
+ *
+ box-shadow: none !important
+ --bg: var(--dark)
+ --text: var(--light)
+ --accent: var(--bubble)
+ --overlay: var(--bubble)
%narrow
max-width: 750px
--
Gitblit v1.10.0