diff --git a/assets/css/_colors/dark-typography.scss b/assets/css/_colors/dark-typography.scss
index 0c246be0e..540183c38 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 04542c667..f1abfbd6a 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 e71c0c0b5..10f63fbf7 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;