From 93af733f26b526c595bd8676ad228af4c86795bd Mon Sep 17 00:00:00 2001
From: Sirn Thanabulpong <sirn@ogsite.net>
Date: Sun, 14 Aug 2022 17:53:29 +0900
Subject: [PATCH] Styling consistency and fixes

- Reduce color intensity of post header; having three colors in a single line looked
  more jarring than I'd hoped to. Emphasis on date was unimportant, so they're now set
  to the same color.

- Make date part in post header bold in both Obsidian and Topaz theme to make both
  themes a little bit more consistent (& prepare to switch to CSS variables).

- Make link in appendix also bold in Obsidian.
---
 assets/app/stylesheets/themes/obsidian.scss | 10 ++++++++++
 assets/app/stylesheets/themes/topaz.scss    |  6 +-----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/assets/app/stylesheets/themes/obsidian.scss b/assets/app/stylesheets/themes/obsidian.scss
index 51a0e06..6a89d7a 100644
--- a/assets/app/stylesheets/themes/obsidian.scss
+++ b/assets/app/stylesheets/themes/obsidian.scss
@@ -29,6 +29,10 @@
         background-color: $color-gray-dark;
         border-color: $color-gray-darker;
         color: $color-gray-light;
+
+        a {
+            font-weight: bold;
+        }
     }
 
     .footer {
@@ -344,6 +348,12 @@
             background-color: $color-gray-dark;
             color: $color-brand;
         }
+
+        @media (min-width: $bound-tablet) {
+            &.date {
+                font-weight: inherit;
+            }
+        }
     }
 
     .post-body {
diff --git a/assets/app/stylesheets/themes/topaz.scss b/assets/app/stylesheets/themes/topaz.scss
index e4f2f79..e97482c 100644
--- a/assets/app/stylesheets/themes/topaz.scss
+++ b/assets/app/stylesheets/themes/topaz.scss
@@ -315,7 +315,7 @@
     }
 
     .post-header {
-        color: $color-gray-dark;
+        color: $color-gray;
         font-weight: bold;
     }
 
@@ -351,10 +351,6 @@
             font-weight: normal;
         }
 
-        &.ident {
-            color: $color-gray;
-        }
-
         &.ident-admin {
             background-color: $color-background;
             color: $color-brand;
-- 
2.45.2