From ea808bf41bf5a0c90467d8ae3f1611c333ac0fb2 Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Mon, 24 Aug 2020 14:41:37 +1000
Subject: [PATCH] themify contact section on leftPane

---
 stylesheets/_session_left_pane.scss | 20 +++++++-------------
 stylesheets/_session_signin.scss    |  4 +++-
 stylesheets/themes.scss             |  6 ++++++
 3 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/stylesheets/_session_left_pane.scss b/stylesheets/_session_left_pane.scss
index 9229e3e7a..4829a6330 100644
--- a/stylesheets/_session_left_pane.scss
+++ b/stylesheets/_session_left_pane.scss
@@ -423,12 +423,6 @@ $session-compose-margin: 20px;
     flex: 1;
 
     .module-conversation-list-item {
-      background-color: $session-shade-4;
-
-      &--is-selected {
-        background-color: $session-shade-5;
-      }
-
       &__header__date,
       &__message {
         display: none;
@@ -448,10 +442,6 @@ $session-compose-margin: 20px;
     }
   }
 
-  &-content {
-    @include session-dark-background-lighter;
-  }
-
   &-bottom-buttons {
     @include bottom-buttons();
 
@@ -552,7 +542,9 @@ $session-compose-margin: 20px;
   margin: 50px 0 50px;
 
   .panel-text-divider-line {
-    border-bottom: 1px solid $session-color-dark-grey;
+    @include themify($themes) {
+      border-bottom: 1px solid themed('pillDividerColor');
+    }
     line-height: 0.1em;
     flex-grow: 1;
     height: 1px;
@@ -562,8 +554,10 @@ $session-compose-margin: 20px;
   span {
     padding: 5px 10px;
     border-radius: 50px;
-    color: $session-color-light-grey;
-    border: 1px solid $session-color-dark-grey;
+    @include themify($themes) {
+      color: themed('pillDividerTextColor');
+      border: 1px solid themed('pillDividerColor');
+    }
     font-family: $session-font-default;
     font-size: $session-font-sm;
   }
diff --git a/stylesheets/_session_signin.scss b/stylesheets/_session_signin.scss
index 03ccccc3f..115ce2577 100644
--- a/stylesheets/_session_signin.scss
+++ b/stylesheets/_session_signin.scss
@@ -269,7 +269,9 @@
       outline: 0;
       border: none;
       background: transparent;
-      color: #fff;
+      @include themify($themes) {
+        color: themed('textColor');
+      }
       font-size: 15px;
       line-height: 18px;
       text-align: center;
diff --git a/stylesheets/themes.scss b/stylesheets/themes.scss
index 180dce119..41a5f4033 100644
--- a/stylesheets/themes.scss
+++ b/stylesheets/themes.scss
@@ -44,6 +44,9 @@ $themes: (
     // scrollbars
       scrollBarTrack: #fcfcfc,
     scrollBarThumb: #474646,
+    // pill divider:
+      pillDividerColor: #0000001a,
+    pillDividerTextColor: #555,
   ),
   dark: (
     accent: #00f782,
@@ -88,6 +91,9 @@ $themes: (
     // scrollbars
       scrollBarTrack: #1b1b1b,
     scrollBarThumb: #474646,
+    // pill divider:
+      pillDividerColor: #353535,
+    pillDividerTextColor: #a0a0a0,
   ),
 );