From 30571f929fd467244100dd07232073c3984e017d Mon Sep 17 00:00:00 2001
From: Niklas Buschmann <niklasbuschmann@posteo.org>
Date: Fri, 27 Nov 2020 14:57:32 +0100
Subject: [PATCH] small tweaks

---
 _sass/basic.sass      | 12 ++----------
 _sass/index.sass      |  2 +-
 assets/css/frame.sass | 33 +++++++++++++++------------------
 assets/css/index.sass |  5 +++++
 4 files changed, 23 insertions(+), 29 deletions(-)

diff --git a/_sass/basic.sass b/_sass/basic.sass
index 84ab50b7e7b..05de02f8b78 100644
--- a/_sass/basic.sass
+++ b/_sass/basic.sass
@@ -1,18 +1,10 @@
-@media (prefers-color-scheme: light)
-  body
-    background: $light
-    color: $dark
-
-@media (prefers-color-scheme: dark)
-  body
-    background: $dark
-    color: $light
-
 html
   font-size: 16px
   font-size: $font-size
 
 body
+  background: $light
+  color: $dark
   font-family: "PT Sans", -apple-system, "Helvetica Neue", "Segoe UI", "Roboto", sans-serif
   font-weight: $font-weight
   line-height: $line-height
diff --git a/_sass/index.sass b/_sass/index.sass
index f0e71f310a3..dbe3ccdc08c 100644
--- a/_sass/index.sass
+++ b/_sass/index.sass
@@ -3,7 +3,7 @@ $font-weight: 400 !default
 $heading-weight: 600 !default
 $line-height: 1.6 !default
 $link-color: #68f !default
-$dark: #1e1f25 !default
+$dark: #1c1d22 !default
 $light: #ffffff !default
 
 @function reduce ($percent)
diff --git a/assets/css/frame.sass b/assets/css/frame.sass
index 66f305ff45b..0c5b3c88a56 100644
--- a/assets/css/frame.sass
+++ b/assets/css/frame.sass
@@ -3,30 +3,27 @@
 
 @import index, font, basic, layout
 
-body > header, body > article, body > footer
-  padding: 1.5em
-
 html
-  background: lighten($dark, 12%)
-  padding: 0 calc(38% - 18em)
-
-@media (min-width: 40em)
-  body > header, body > article, body > footer
-    padding: 1.65em 12.5%
+  background: lighten($dark, 14%)
+  padding: 0 calc(38% - 20em)
 
 body
+  box-shadow: 0 0 0 1px rgba(lighten($dark, 14%), 0.6)
   min-height: 100vh
-  box-shadow: 0 0 0 1px lighten($dark, 12%)
 
 body > header
-  background: darken($dark, 1%)
+  background: $dark
   color: $light
-  border-bottom: 1px solid lighten($dark, 12%)
+  border-bottom: 1px solid rgba(lighten($dark, 14%), 0.6)
 
-@media (prefers-color-scheme: dark) 
-  html
-    background: darken($dark, 3%)
+body > header, body > article, body > footer
+  padding: 1.65em calc(20% - 4em)
+
+@media (max-width: 36em)
+  body > header, body > article, body > footer
+    padding: 1.5em
 
-@media (prefers-color-scheme: light) 
-  html
-    background: lighten($dark, 12%)
+@media (prefers-color-scheme: dark)
+  html, body
+    background: $dark
+    color: $light
diff --git a/assets/css/index.sass b/assets/css/index.sass
index e39ea395016..d2ec673dbf8 100644
--- a/assets/css/index.sass
+++ b/assets/css/index.sass
@@ -3,6 +3,11 @@
 
 @import index, font, basic, layout
 
+@media (prefers-color-scheme: dark)
+  body
+    background: $dark
+    color: $light
+
 body > header, body > article, body > footer
   padding: 1.5em