Switch to dark CSS.

src/Scylla/Sync.elm

@@ -392,11 +392,19 @@ mergeRooms r1 r2 =
     }
 
 mergeSyncResponse : SyncResponse -> SyncResponse -> SyncResponse
-mergeSyncResponse l r =
+mergeSyncResponse l r = filterUselessState <| 
     { r | rooms = mergeMaybe mergeRooms l.rooms r.rooms
     , accountData = mergeMaybe mergeAccountData l.accountData r.accountData
     }
 
+filterUselessState : SyncResponse -> SyncResponse
+filterUselessState sr =
+    let
+        filterUselessRoomState _ r = { r | state = Maybe.map (\s -> { s | events = Maybe.map (List.filter (((==) "m.room.name") << .type_)) s.events }) r.state }
+        filterUselessRoomsState rs = { rs | join = Maybe.map (Dict.map filterUselessRoomState) rs.join }
+    in
+        { sr | rooms = Maybe.map (filterUselessRoomsState) sr.rooms }
+
 appendRoomHistoryResponse : JoinedRoom -> HistoryResponse -> JoinedRoom
 appendRoomHistoryResponse jr hr =
     let

static/scss/style.scss

@@ -2,8 +2,8 @@
 $primary-color: #53C0FA;
 $primary-color-highlight: #4298C7;
 $primary-color-light: #9FDBFB;
-$active-input-color: white;
+$active-input-color: #282d30;
-$background-color: #fafafa;
+$background-color: #1b1e21;
 $background-color-dark: darken($background-color, 4%);
 $error-color: #f01d43;
 $error-color-dark: darken(#f01d43, 10%);
@@ -22,6 +22,7 @@ body {
     margin: 0px;
     background-color: $background-color;
     font-size: 12px;
+    color: white;
 }
 
 @mixin input-common {
@@ -37,7 +38,7 @@ body {
 input, textarea {
     @include input-common();
     background-color: $inactive-input-color;
-    color: black;
+    color: white;
     border: .5px solid $inactive-input-border-color;
 
     &:focus {
@@ -275,6 +276,7 @@ span.sender-wrapper {
     text-overflow: ellipsis;
     overflow: hidden;
     vertical-align: bottom; /* Fix for overflow changing element height */
+    color: black;
 }
 
 /**