From 658be528145254f614ddcd4ed35a29ab54968b7c Mon Sep 17 00:00:00 2001 From: Ben Halpern Date: Wed, 20 Mar 2019 13:18:39 -0400 Subject: [PATCH] Add night theme vars for notifications and org branding (#2127) * Add night theme stuff to notifications * Fix night theme for org branding on show pages --- app/assets/stylesheets/article-show.scss | 2 ++ app/assets/stylesheets/notifications.scss | 5 +++++ 2 files changed, 7 insertions(+) diff --git a/app/assets/stylesheets/article-show.scss b/app/assets/stylesheets/article-show.scss index db5380128..e1f1b185b 100644 --- a/app/assets/stylesheets/article-show.scss +++ b/app/assets/stylesheets/article-show.scss @@ -113,6 +113,7 @@ article { margin: auto; .org-branded-title-link { color: lighten($black, 4%); + color: var(--theme-color, lighten($black, 4%)); .org-branded-title { font-size: calc(0.9em + 0.3vw); padding: 8px 0px 6px; @@ -1019,6 +1020,7 @@ article { padding-bottom: 20px; a { color: $black; + color: var(--theme-color, $black); } .inner { width: 800px; diff --git a/app/assets/stylesheets/notifications.scss b/app/assets/stylesheets/notifications.scss index 9610ac73b..1acf6dfc0 100644 --- a/app/assets/stylesheets/notifications.scss +++ b/app/assets/stylesheets/notifications.scss @@ -67,6 +67,7 @@ margin: 10px auto; width: 90%; color:#666666; + color: var(--theme-secondary-color, #666666); &.milestone-emojis{ font-size: xx-large; padding-top: 10px; @@ -126,8 +127,10 @@ display:inline-block; margin-bottom:3px; color:$black !important; + color: var(--theme-color, $black) !important; &:hover{ background:lighten($blue,57%); + background: var(--theme-container-background-hover, lighten($blue,57%)); border:1px solid lighten($sky-blue,17%); } } @@ -137,6 +140,7 @@ border: 1px solid lighten($dark-gray,18%); border-radius:3px; color:$black; + color: var(--theme-color, $black); position:relative; .notification-new-post-title{ font-size:1.7em; @@ -145,6 +149,7 @@ .notification-new-post-tags{ margin-top:6px; color:$medium-gray; + color: var(--theme-color, $medium-gray); } } .footnote{