Bottom bar compose message area styling

stylesheets/_conversation.scss

@@ -368,9 +368,6 @@
   $button-width: 36px;
 
   form.active {
-    textarea {
-      border: solid 1px $blue;
-    }
   }
 
   form.send {

stylesheets/_emoji.scss

@@ -82,13 +82,11 @@ img.emoji.jumbo {
 }
 
 button.emoji {
-  width: 36px;
-  height: 36px;
   padding: 0;
   opacity: 0.5;
   border: none;
   background: transparent;
-  margin-top: 3px;
+  margin-left: 15px;
 
   &:before {
     content: '';

stylesheets/_session.scss

@@ -26,6 +26,10 @@
   src: url('../fonts/Wasa-Bold.otf') format('opentype');
   font-weight: bold;
 }
+@font-face {
+  font-family: 'SFPro';
+  src: url('../fonts/SFProText-Regular.ttf') format('truetype');
+}
 
 // Session Colors
 $session-font-family: 'Wasa';
@@ -1036,3 +1040,35 @@ label {
 .network-status-container{
 
 }
+
+
+.discussion-container {
+
+  .module-message {
+    font-family: SFPro;
+    border-radius: 5px;
+  }
+}
+
+
+.bottom-bar textarea.send-message  {
+  height: 60px;
+  background-color: $session-shade-4;
+  border: none;
+  margin: 0px;
+  padding: 0px $session-margin-lg;
+  font-size: 15px;
+  line-height: 60px;
+
+  @include session-color-subtle($session-color-white);
+}
+
+.bottom-bar form {
+  &.send {
+    background-color: $session-shade-4;
+  }
+
+  &.active textarea {
+    border: none;
+  }
+}

stylesheets/_session_theme.scss

@@ -42,7 +42,7 @@
       @include session-color-subtle($session-color-white);
     }
     @at-root .dark-theme #{&} {
-      background-color: $session-shade-11;
+      background-color: $session-shade-8;
     }
   }
 
@@ -101,7 +101,7 @@
 }
 
 .discussion-container {
-  background: none !important;
+  background-color: #141414;
 }
 
 @mixin session-h-title {

stylesheets/_theme_dark.scss

@@ -35,15 +35,8 @@ body.dark-theme {
   }
 
   .bottom-bar {
-    form.active {
-      textarea {
-        border: solid 1px $blue;
-      }
-    }
 
     form.send {
-      background-color: $color-gray-95;
-
       &.video-attachment {
         .outer {
           .play.icon {
@@ -54,9 +47,6 @@ body.dark-theme {
     }
 
     .send-message {
-      background-color: $color-dark-85;
-      color: $color-dark-05;
-      border: 1px solid $color-light-60;
       outline: 0;
 
       &[disabled='disabled'] {

ts/components/AddServerDialog.tsx

@@ -141,8 +141,8 @@ export class AddServerDialog extends React.Component<Props, State> {
 
       const connectionResult = this.attemptConnection(serverURL, channelId);
 
-      // Give 5s maximum for promise to revole. Else, throw error.
+      // Give 10s maximum for promise to revole. Else, throw error.
-      const maxConnectionDuration = 5000;
+      const maxConnectionDuration = 10000;
       const connectionTimeout = setTimeout(() => {
         if (!this.state.success) {
           this.showView('default', i18n('connectToServerFail'));