From fe907aaf741b64367899fdda15b52d92b215601b Mon Sep 17 00:00:00 2001 From: Kris Date: Mon, 15 Jan 2018 13:37:29 -0500 Subject: [PATCH] UX: increasing contrast on composer elements --- app/assets/stylesheets/common/base/_topic-list.scss | 2 +- app/assets/stylesheets/common/base/compose.scss | 8 ++++---- app/assets/stylesheets/desktop/compose.scss | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss index 2036667eb69..75283fefc56 100644 --- a/app/assets/stylesheets/common/base/_topic-list.scss +++ b/app/assets/stylesheets/common/base/_topic-list.scss @@ -114,7 +114,7 @@ .topic-excerpt { font-size: $font-down-1; margin-top: 5px; - color: dark-light-choose($primary-medium, $secondary-medium); + color: dark-light-choose($primary-high, $secondary-high); word-wrap: break-word; line-height: $line-height-large; padding-right: 20px; diff --git a/app/assets/stylesheets/common/base/compose.scss b/app/assets/stylesheets/common/base/compose.scss index ed2e61ea536..8ab3d0c5cdb 100644 --- a/app/assets/stylesheets/common/base/compose.scss +++ b/app/assets/stylesheets/common/base/compose.scss @@ -88,12 +88,12 @@ } .reply-to { - color: $primary-medium; + color: $primary-high; margin: 5px 0 10px 0; display: flex; align-items: center; i { - color: $primary-medium; + color: $primary-high; } .reply-details { overflow: hidden; @@ -240,7 +240,7 @@ display: flex; a { margin-left: 5px; - color: $primary-medium; + color: $primary-high; } .spinner { margin-right: 5px; @@ -262,7 +262,7 @@ } #draft-status, #file-uploading { - color: $primary-medium; + color: $primary-high; } } diff --git a/app/assets/stylesheets/desktop/compose.scss b/app/assets/stylesheets/desktop/compose.scss index e3909945320..76d6ddf9f38 100644 --- a/app/assets/stylesheets/desktop/compose.scss +++ b/app/assets/stylesheets/desktop/compose.scss @@ -171,7 +171,7 @@ .composer-bottom-right { a { - color: $primary-medium; + color: $primary-high; &:hover { color: $tertiary; }