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{