style hero dark

2 files changed, 17 insertions, 1 deletions

diff --git a/assets/css/_ublogger.scss b/assets/css/_ublogger.scss
index f97ada0..8540453 100644
--- a/assets/css/_ublogger.scss
+++ b/assets/css/_ublogger.scss
@@ -966,6 +966,10 @@ figure {
 .hero-text-container .hero-text-description {
   margin-top: 24px;
   margin-bottom: 32px;
+
+  [theme=dark] & {
+    color: $global-font-secondary-color-dark;
+  }
 }
 
 .hero-text-container span {
@@ -1023,6 +1027,10 @@ figure {
   letter-spacing: 0.1px;
   text-align: left;
   line-height: 24px;
+
+  [theme=dark] & {
+    color: $global-font-color-dark;
+  }
 }
 
 .hero-author .hero-author-profile:last-of-type {
@@ -1071,6 +1079,10 @@ figure {
   letter-spacing: 0.08px;
   text-align: left;
   line-height: 24px;
+
+  [theme=dark] & {
+    color: $global-font-color-dark;
+  }
 }
 
 .hero-img {
@@ -1090,6 +1102,10 @@ figure {
   span {
     margin-right: 3rem;
   }
+
+  [theme=dark] & {
+    color: $global-font-color-dark;
+  }
 }
 
 .cat-cit {
diff --git a/assets/css/_variables.scss b/assets/css/_variables.scss
index e868e49..118998d 100644
--- a/assets/css/_variables.scss
+++ b/assets/css/_variables.scss
@@ -27,7 +27,7 @@ $global-font-color-dark: #a9a9b3 !default;
 
 // Color of the secondary text
 $global-font-secondary-color: #a9a9b3 !default;
-$global-font-secondary-color-dark: #5d5d5f !default;
+$global-font-secondary-color-dark: #939090 !default;
 
 // Color of the link
 $global-link-color: #161209 !default;