From 31712eba4a155633e1f1f9deabcb36cff737e388 Mon Sep 17 00:00:00 2001
From: Noah <noah@nonshy.com>
Date: Wed, 31 Aug 2022 22:58:32 -0700
Subject: [PATCH] Dark mode style tweaks

---
 web/static/css/bulma-prefers-dark.css | 22 ++++++++++++++++++++++
 web/templates/account/dashboard.html  |  2 +-
 web/templates/account/settings.html   |  4 ++--
 web/templates/forum/board_index.html  |  6 +++---
 web/templates/forum/index.html        | 12 ++++++------
 web/templates/forum/thread.html       |  2 +-
 web/templates/friend/friends.html     |  2 +-
 7 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/web/static/css/bulma-prefers-dark.css b/web/static/css/bulma-prefers-dark.css
index eaded58..db0f36a 100644
--- a/web/static/css/bulma-prefers-dark.css
+++ b/web/static/css/bulma-prefers-dark.css
@@ -1,6 +1,28 @@
 /*! Bulma Prefers Dark  | MIT License | github.com/jloh/bulma-prefers-dark */
 /* Custom edit for nonshy: changed blockquote colors to work better in forums */
 @media (prefers-color-scheme: dark) {
+
+  /* nonshy custom overrides */
+  .has-background-primary-light {
+    background-color:rgba(28, 166, 76, 0.25) !important;
+  }
+  .has-background-success-light {
+    background-color:rgba(28, 166, 76, 0.25) !important
+  }
+  .has-background-warning-light {
+    background-color: rgb(49, 45, 24) !important;
+  }
+  .has-background-link-light {
+    background-color:rgba(15, 129, 204, 0.25) !important;
+  }
+  .has-text-dark { /* note: this css file otherwise didn't override this, dark's always dark, brighten it! */
+    color: #b5b5b5 !important;
+  }
+  a.has-text-dark:focus, a.has-text-dark:hover {
+    color: #d5d5d5 !important;
+  }
+  /* end nonshy custom overrides */
+
   html {
     background-color: #17181c;
   }
diff --git a/web/templates/account/dashboard.html b/web/templates/account/dashboard.html
index 872e648..c223235 100644
--- a/web/templates/account/dashboard.html
+++ b/web/templates/account/dashboard.html
@@ -141,7 +141,7 @@
             <div class="column">
                 <div class="card" id="notifications">
                     <header class="card-header has-background-warning">
-                        <p class="card-header-title has-text-dark">Notifications</p>
+                        <p class="card-header-title has-text-dark-dark">Notifications</p>
                     </header>
 
                     <div class="card-content">
diff --git a/web/templates/account/settings.html b/web/templates/account/settings.html
index 9ee8dff..3186667 100644
--- a/web/templates/account/settings.html
+++ b/web/templates/account/settings.html
@@ -212,7 +212,7 @@
 
                     <div class="card mb-5" id="prefs">
                         <header class="card-header has-background-success">
-                            <p class="card-header-title">
+                            <p class="card-header-title has-text-dark-dark">
                                 <i class="fa fa-square-check pr-2"></i>
                                 Website Preferences
                             </p>
@@ -295,7 +295,7 @@
 
                     <div class="card mb-5" id="account">
                         <header class="card-header has-background-warning">
-                            <p class="card-header-title">
+                            <p class="card-header-title has-text-dark-dark">
                                 <i class="fa fa-gear pr-2"></i>
                                 Account Settings
                             </p>
diff --git a/web/templates/forum/board_index.html b/web/templates/forum/board_index.html
index c690dbb..d8cc395 100644
--- a/web/templates/forum/board_index.html
+++ b/web/templates/forum/board_index.html
@@ -77,7 +77,7 @@
 <div class="block p-2">
 {{range .Threads}}
     {{$Stats := $Root.ThreadMap.Get .ID}}
-    <div class="box has-background-success-light has-text-dark">
+    <div class="box has-background-success-light">
         <div class="columns">
             <div class="column is-2 has-text-centered pt-0 pb-1">
                 <div>
@@ -94,8 +94,8 @@
                 <a href="/u/{{.Comment.User.Username}}">{{.Comment.User.Username}}</a>
             </div>
             <div class="column content pt-1 pb-0">
-                <a href="/forum/thread/{{.ID}}" class="has-text-dark">
-                    <h2 class="is-size-4 pt-0 has-text-dark">
+                <a href="/forum/thread/{{.ID}}">
+                    <h2 class="is-size-4 pt-0">
                         {{if .Pinned}}<sup class="fa fa-thumbtack has-text-success mr-2 is-size-6" title="Pinned"></sup>{{end}}
                         {{or .Title "Untitled"}}
                     </h2>
diff --git a/web/templates/forum/index.html b/web/templates/forum/index.html
index 5efe065..6b17b38 100644
--- a/web/templates/forum/index.html
+++ b/web/templates/forum/index.html
@@ -58,7 +58,7 @@
         {{else}}
             {{range .Forums}}
             {{$Stats := $Root.ForumMap.Get .ID}}
-            <div class="card block has-background-primary-light has-text-dark">
+            <div class="card block has-background-primary-light">
                 <div class="card-content">
                     <div class="columns">
                         <div class="column is-3 pt-0 pb-1">
@@ -93,8 +93,8 @@
 
                         </div>
                         <div class="column py-1">
-                            <div class="box has-background-success-light has-text-dark">
-                                <h2 class="subtitle has-text-dark mb-1">Latest Post</h2>
+                            <div class="box has-background-success-light">
+                                <h2 class="subtitle mb-1">Latest Post</h2>
                                 {{if $Stats.RecentThread}}
                                 <a href="/forum/thread/{{$Stats.RecentThread.ID}}">
                                     <strong>{{$Stats.RecentThread.Title}}</strong>
@@ -116,7 +116,7 @@
                         <div class="column is-3 py-1">
                             <div class="columns is-mobile is-gapless">
                                 <div class="column has-text-centered mr-1">
-                                    <div class="box has-background-warning-light has-text-dark p-2">
+                                    <div class="box has-background-warning-light p-2">
                                         <p class="is-size-7">Topics</p>
                                         {{if $Stats}}
                                             {{$Stats.Threads}}
@@ -126,7 +126,7 @@
                                     </div>
                                 </div>
                                 <div class="column has-text-centered mx-1">
-                                    <div class="box has-background-warning-light has-text-dark p-2">
+                                    <div class="box has-background-warning-light p-2">
                                         <p class="is-size-7">Posts</p>
                                         {{if $Stats}}
                                             {{$Stats.Posts}}
@@ -136,7 +136,7 @@
                                     </div>
                                 </div>
                                 <div class="column has-text-centered ml-1">
-                                    <div class="box has-background-warning-light has-text-dark p-2">
+                                    <div class="box has-background-warning-light p-2">
                                         <p class="is-size-7">Users</p>
                                         {{if $Stats}}
                                             {{$Stats.Users}}
diff --git a/web/templates/forum/thread.html b/web/templates/forum/thread.html
index efb7aa7..999e239 100644
--- a/web/templates/forum/thread.html
+++ b/web/templates/forum/thread.html
@@ -120,7 +120,7 @@
 {{$Root := .}}
 <div class="block p-2">
 {{range .Comments}}
-    <div class="box has-background-link-light has-text-dark">
+    <div class="box has-background-link-light">
         <div class="columns">
             <div class="column is-2 has-text-centered">
                 <div>
diff --git a/web/templates/friend/friends.html b/web/templates/friend/friends.html
index 23b1f34..ff7057f 100644
--- a/web/templates/friend/friends.html
+++ b/web/templates/friend/friends.html
@@ -128,7 +128,7 @@
                     </footer>
                     {{else}}
                     <footer class="card-footer">
-                        <button type="submit" name="verdict" value="remove" class="card-footer-item button is-danger"
+                        <button type="submit" name="verdict" value="remove" class="card-footer-item button is-danger is-outlined"
                             onclick="return confirm('Are you sure you want to remove this friendship?')">
                             <span class="icon"><i class="fa fa-xmark"></i></span>
                             <span>{{if $Root.IsPending}}Cancel{{else}}Remove{{end}}</span>