From 648b199be89ec735bde268a5745dfaffcedba080 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Mon, 13 Apr 2020 04:18:36 +0800
Subject: [PATCH] Reduce the brightness in dark mode.

affect:
- images
- site title text
---
 assets/css/_colors/dark-typography.scss  | 4 ++++
 assets/css/_colors/light-typography.scss | 2 ++
 assets/css/main.scss                     | 2 +-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/assets/css/_colors/dark-typography.scss b/assets/css/_colors/dark-typography.scss
index 0c246be..540183c 100644
--- a/assets/css/_colors/dark-typography.scss
+++ b/assets/css/_colors/dark-typography.scss
@@ -37,6 +37,7 @@
   --label-color: rgb(108, 117, 125);
 
   /* Sidebar */
+  --site-title-color: rgba(255, 255, 255, 0.5);
   --nav-cursor-color: rgb(183, 182, 182);
   --sidebar-bg: radial-gradient(circle, #242424 0%, #1d1f27 100%);
 
@@ -85,6 +86,9 @@
   /* Footer */
   ---footer-link: rgb(146, 146, 146);
 
+  img {
+    filter: brightness(90%);
+  }
 
   hr {
     border-color: var(--main-border-color);
diff --git a/assets/css/_colors/light-typography.scss b/assets/css/_colors/light-typography.scss
index 04542c6..f1abfbd 100644
--- a/assets/css/_colors/light-typography.scss
+++ b/assets/css/_colors/light-typography.scss
@@ -44,6 +44,8 @@
 
   /* Sidebar */
 
+  --site-title-color: #b6b6b6;
+
   --sidebar-bg: radial-gradient(
     circle, rgba(42, 30, 107, 1) 0%, rgba(35, 37, 46, 1) 100%);
 
diff --git a/assets/css/main.scss b/assets/css/main.scss
index e71c0c0..10f63fb 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -253,7 +253,7 @@ $tab-count: {{ site.data.tabs | size }};
 #site-title {
   text-align: center;
   a {
-    color: #b6b6b6;
+    color: var(--site-title-color);
     font-weight: 900;
     font-size: 1.5rem;
     letter-spacing: .5px;