From a6172328689d0d6ab187d061e6cef670417a3bd9 Mon Sep 17 00:00:00 2001 From: Tyler Hallada Date: Sun, 1 Aug 2021 01:03:13 -0400 Subject: [PATCH] Fix dark mode background across chrome and firefox --- _layouts/default.html | 48 ++++++++++++++++++++++--------------------- _layouts/home.html | 26 ++++++++++++----------- css/main.css | 17 ++++++++++++--- css/main_dark.css | 2 +- 4 files changed, 54 insertions(+), 39 deletions(-) diff --git a/_layouts/default.html b/_layouts/default.html index 336261e..c97fece 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -40,31 +40,33 @@ {% seo %} -
-
-

{{ site.name }}

- home -
- {{ content }} -
- RSS -
-
-
-

- tyler@hallada.net -

+
+
+
+

{{ site.name }}

+ home +
+ {{ content }} +
+ RSS +
+
+
+

+ tyler@hallada.net +

+
-
-
- +
+ +
diff --git a/_layouts/home.html b/_layouts/home.html index b8393f4..d3d5743 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -47,18 +47,20 @@ {% seo %} - -
- {{ content }} -
-
- +
+ +
+ {{ content }} +
+
+ +
diff --git a/css/main.css b/css/main.css index 40d33aa..7d2639f 100755 --- a/css/main.css +++ b/css/main.css @@ -13,12 +13,21 @@ } html { - width: 100%; - height: 100%; background-color: whitesmoke; + margin: 0; + padding: 0; } body { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + min-height: 100vh; + background-color: whitesmoke; +} + +.root { font-family: 'Open Sans', Arial, sans-serif; font-style: normal; font-weight: 400; @@ -71,6 +80,7 @@ a:hover { } canvas { + z-index: 2; position: fixed; top: 0; left: 0; @@ -208,7 +218,8 @@ h1.title { } div.header { - margin: 20px 0 20px; + /* this is padding instead of margin to prevent from poking out behind top of page */ + padding: 20px 0 20px; text-align: center; } diff --git a/css/main_dark.css b/css/main_dark.css index f763a26..06de635 100644 --- a/css/main_dark.css +++ b/css/main_dark.css @@ -1,6 +1,6 @@ /* Dark theme */ -html { +body { filter: invert(90%); }