From ab678b3f6f5b7a7974d1f1e49eebcee69d2b76d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Motiejus=20Jak=C5=A1tys?= <motiejus@jakstys.lt>
Date: Sat, 20 Jan 2024 11:43:56 +0200
Subject: [PATCH] css: support netsurf

---
 app/signup/static/signup/style.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/signup/static/signup/style.scss b/app/signup/static/signup/style.scss
index 2b84276..260e696 100644
--- a/app/signup/static/signup/style.scss
+++ b/app/signup/static/signup/style.scss
@@ -76,8 +76,11 @@ h1.brand-title {
     text-align: center;
 }
 
+// Overwritten in prefers-color-scheme-light.
+// This is here for browsers that don't support
+// css gradients.
 h1.brand-title > a, h2.brand-subtitle {
-    color: #eee;
+    color: #000;
 }
 
 h1.brand-title {
@@ -119,7 +122,7 @@ main {
 $featuresGutter: 1rem;
 #page-index .leftright {
     padding-top: 1em;
-    margin: 0 -$featuresGutter;
+    margin: (0-$featuresGutter);
 
     /* Tiles are vertically center-aligned, top margin is unnecessary */
     h1 {
@@ -254,6 +257,12 @@ $featuresGutter: 1rem;
 /** Media Media Responsive Media **/
 /**********************************/
 
+@media (prefers-color-scheme: light) {
+    h1.brand-title > a, h2.brand-subtitle {
+        color: #eee;
+    }
+}
+
 @media (prefers-color-scheme: dark) {
     h1, h2, h3, body {
         color: $darkTextColor;