diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss index 4489a8c4f..49953d3e0 100644 --- a/stylesheets/_session.scss +++ b/stylesheets/_session.scss @@ -690,7 +690,7 @@ label { width: 80px; height: 80px; border-radius: 100%; - background-color: rgba($session-color-black, 0.72); + background-color: rgba(var(--color-black-color), 0.72); opacity: 0; transition: var(--default-duration); diff --git a/stylesheets/_session_constants.scss b/stylesheets/_session_constants.scss index 8f1a733f1..1e0e32f8c 100644 --- a/stylesheets/_session_constants.scss +++ b/stylesheets/_session_constants.scss @@ -112,18 +112,15 @@ $session-shade-13: #474646; $session-shade-14: #535865; $session-shade-15: #5b6c72; $session-shade-16: #979797; -$session-shade-17: #a0a0a0; $session-shade-18: #141414; -$session-color-light-grey: #a0a0a0; $session-color-dark-grey: #353535; -$session-color-black: #000; // Semantic Colors $session-color-info: $session-shade-11; $session-color-success: #35d388; $session-color-error: #edd422; -$session-color-warning: $session-shade-17; +$session-color-warning: var(--color-light-gray-color); $session-color-warning-alt: #ff9d00; $session-color-primary: $session-shade-13; $session-color-secondary: $session-shade-6; diff --git a/stylesheets/_session_left_pane.scss b/stylesheets/_session_left_pane.scss index 6cbc848c0..c76855d6a 100644 --- a/stylesheets/_session_left_pane.scss +++ b/stylesheets/_session_left_pane.scss @@ -52,7 +52,7 @@ $session-compose-margin: 20px; } &__message__text { - color: $session-shade-17; + color: var(--color-light-gray-color); &--has-unread { color: var(--color-text); } diff --git a/stylesheets/_session_password.scss b/stylesheets/_session_password.scss index 1945f0d37..e3ff8874b 100644 --- a/stylesheets/_session_password.scss +++ b/stylesheets/_session_password.scss @@ -22,7 +22,7 @@ justify-content: center; align-items: center; - background-color: $session-color-black; + background-color: var(--color-black-color); width: 100%; height: 100%;