Dark theme support

res/css/structures/_RoomStatusBar.scss

@@ -117,7 +117,7 @@ limitations under the License.
             position: relative;
 
             &:nth-child(2) {
-                border-left: 1px solid $input-darker-bg-color;
+                border-left: 1px solid $resend-button-divider-color;
             }
 
             &::before {

res/themes/dark/css/_dark.scss

@@ -63,6 +63,8 @@ $input-invalid-border-color: $warning-color;
 
 $field-focused-label-bg-color: $bg-color;
 
+$resend-button-divider-color: $muted-fg-color;
+
 // scrollbars
 $scrollbar-thumb-color: rgba(255, 255, 255, 0.2);
 $scrollbar-track-color: transparent;

res/themes/legacy-dark/css/_legacy-dark.scss

@@ -61,6 +61,8 @@ $input-invalid-border-color: $warning-color;
 
 $field-focused-label-bg-color: $bg-color;
 
+$resend-button-divider-color: $muted-fg-color;
+
 // scrollbars
 $scrollbar-thumb-color: rgba(255, 255, 255, 0.2);
 $scrollbar-track-color: transparent;

res/themes/legacy-light/css/_legacy-light.scss

@@ -97,6 +97,8 @@ $input-invalid-border-color: $warning-color;
 
 $field-focused-label-bg-color: #ffffff;
 
+$resend-button-divider-color: $input-darker-bg-color;
+
 $button-bg-color: $accent-color;
 $button-fg-color: white;
 

res/themes/light/css/_light.scss

@@ -91,6 +91,8 @@ $field-focused-label-bg-color: #ffffff;
 $button-bg-color: $accent-color;
 $button-fg-color: white;
 
+$resend-button-divider-color: $input-darker-bg-color;
+
 // apart from login forms, which have stronger border
 $strong-input-border-color: #c7c7c7;