cleanup, re-order, de-duplicate, re-dry qss for dark

1 files changed, 61 insertions, 138 deletions

diff --git a/resources/styles/nheko-dark.qss b/resources/styles/nheko-dark.qss
index 35627008..055d6290 100644
--- a/resources/styles/nheko-dark.qss
+++ b/resources/styles/nheko-dark.qss
@@ -3,31 +3,70 @@ QLabel {
     color: #caccd1;
 }
 
-TimelineItem {
-    qproperty-backgroundColor: #202228;
+QuickSwitcher,
+ReplyPopup,
+SuggestionsPopup,
+UserSettingsPage,
+#scroll_widget,
+#UserSettingScrollWidget {
+    background-color: #202228;
 }
 
 #chatPage,
-#chatPage > * {
+#chatPage > *,
+CommunitiesList,
+CommunitiesList > *,
+RoomList,
+RoomList > *,
+TimelineView,
+TimelineView > *,
+UserMentionsWidget,
+UserMentionsWidget > * {
+    background-color: #2d3139;
+    border: none;
+}
+
+QLineEdit,
+QListWidget,
+WelcomePage,
+LoginPage,
+RegisterPage,
+EditModal,
+emoji--Panel,
+emoji--Panel > *,
+dialogs--Logout,
+dialogs--ReCaptcha,
+dialogs--LeaveRoom,
+dialogs--CreateRoom,
+dialogs--RoomSettings,
+dialogs--InviteUsers,
+dialogs--ReadReceipts,
+dialogs--JoinRoom,
+dialogs--MemberList,
+dialogs--PreviewUploadOverlay,
+dialogs--UserProfile,
+dialogs--CreateRoom > QLineEdit,
+dialogs--InviteUsers > QLineEdit,
+dialogs--JoinRoom > QLineEdit {
     background-color: #202228;
+    color: #caccd1;
 }
 
-#sideBar {
-    border: none;
-    border-right: 1px solid #202228;
-    border-left: 1px solid #202228;
+emoji--Category,
+emoji--Category > * {
+    background-color: #2d3139;
+    color: #caccd1;
+
 }
 
-TimelineView,
-TimelineView > * {
-    background-color: #202228;
-    border: none;
+TimelineItem {
+    qproperty-backgroundColor: #202228;
 }
 
-UserMentionsWidget,
-UserMentionsWidget > * {
-    background-color: #202228;
+#sideBar {
     border: none;
+    border-right: 1px solid #202228;
+    border-left: 1px solid #202228;
 }
 
 UserMentionsWidget > TimelineItem {
@@ -35,38 +74,17 @@ UserMentionsWidget > TimelineItem {
     qproperty-hoverColor: rgba(45, 49, 57, 120);
 }
 
-#scroll_widget {
-    background-color: #202228;
-}
-
-QuickSwitcher {
-    background-color: #202228;
-}
 
 InfoMessage {
     qproperty-textColor: #caccd1;
     qproperty-boxColor: rgba(45, 49, 57, 120);
 }
 
-SuggestionsPopup {
-    background-color: #202228;
-}
-
-ReplyPopup {
-    background-color: #202228;
-}
-
 PopupItem {
     background-color: #202228;
     qproperty-hoverColor: rgba(45, 49, 57, 120);
 }
 
-RoomList,
-RoomList > * {
-    background-color: #2d3139;
-    border: none;
-}
-
 TypingDisplay {
     qproperty-textColor: #caccd1;
     qproperty-backgroundColor: #202228;
@@ -76,65 +94,25 @@ TypingDisplay {
     background-color: #2d3139;
 }
 
-CommunitiesList,
-CommunitiesList > * {
-    border-style: none;
-    background-color: #2d3139;
-}
-
-
 FlatButton {
     qproperty-foregroundColor: #727274;
     qproperty-backgroundColor: #333;
     qproperty-disabledForegroundColor: #222;
 }
 
+AudioItem,
 FileItem {
     qproperty-textColor: #caccd1;
     qproperty-backgroundColor: #2d3139;
     qproperty-iconColor: #caccd1;
 }
 
-AudioItem {
-    qproperty-textColor: #caccd1;
-    qproperty-backgroundColor: #2d3139;
-    qproperty-iconColor: #caccd1;
-}
-
 RaisedButton {
     qproperty-foregroundColor: #caccd1;
     qproperty-backgroundColor: #333;
 }
 
-RoomInfoListItem {
-    qproperty-mentionedColor: #a82353;
-    qproperty-highlightedBackgroundColor: #4d84c7;
-    qproperty-hoverBackgroundColor: rgba(230, 230, 230, 30);
-    qproperty-backgroundColor: #2d3139;
-
-    qproperty-titleColor: #e4e5e8;
-    qproperty-subtitleColor: #caccd1;
-
-    qproperty-hoverTitleColor: #f4f5f8;
-    qproperty-hoverSubtitleColor: white;
-
-    qproperty-highlightedTitleColor: #f4f4f5;
-    qproperty-highlightedSubtitleColor: #e4e5e8;
-
-    qproperty-btnColor: #414A59;
-    qproperty-btnTextColor: white;
-
-    qproperty-timestampColor: #727274;
-    qproperty-highlightedTimestampColor: #e7e7e9;
-    qproperty-hoverTimestampColor: #f4f5f8;
-
-    qproperty-avatarBgColor: #202228;
-    qproperty-avatarFgColor: white;
-
-    qproperty-bubbleFgColor: white;
-    qproperty-bubbleBgColor: #4d84c7;
-}
-
+RoomInfoListItem,
 UserMentionsWidget {
     qproperty-mentionedColor: #a82353;
     qproperty-highlightedBackgroundColor: #4d84c7;
@@ -187,12 +165,8 @@ UserInfoWidget {
     border-bottom: 1px solid #202228;
 }
 
-UserSettingsPage {
-    background-color: #202228;
-}
-
-#UserSettingScrollWidget {
-    background-color: #202228;
+#UserSettingScrollWidget > QComboBox {
+    color: #202228;
 }
 
 #UserSettingScrollWidget > QComboBox {
@@ -204,61 +178,19 @@ Avatar {
     qproperty-backgroundColor: #2d3139;
 }
 
-#displayNameLabel {
-    color: #f2f2f2;
-}
-
+#displayNameLabel,
 #userIdLabel {
     color: #f2f2f2;
 }
 
-dialogs--Logout,
-dialogs--ReCaptcha,
-dialogs--LeaveRoom,
-dialogs--CreateRoom,
-dialogs--RoomSettings,
-dialogs--InviteUsers,
-dialogs--ReadReceipts,
-dialogs--JoinRoom,
-dialogs--MemberList,
-dialogs--PreviewUploadOverlay,
-dialogs--UserProfile,
-dialogs--CreateRoom > QLineEdit,
-dialogs--InviteUsers > QLineEdit,
-EditModal,
-dialogs--JoinRoom > QLineEdit {
-    background-color: #202228;
-    color: #caccd1;
-}
-
 TopSection {
     qproperty-textColor: #caccd1;
 }
 
-QListWidget,
-WelcomePage,
-LoginPage,
-RegisterPage {
-    background-color: #202228;
-    color: #caccd1;
-}
-
-emoji--Panel,
-emoji--Panel > * {
-    background-color: #202228;
-    color: #caccd1;
-}
-
 emoji--Category {
     qproperty-hoverBackgroundColor: rgba(230, 230, 230, 30);
 }
 
-emoji--Category,
-emoji--Category > * {
-    background-color: #2d3139;
-    color: #caccd1;
-}
-
 FloatingButton {
     qproperty-backgroundColor: #2d3139;
     qproperty-foregroundColor: white;
@@ -275,23 +207,14 @@ ScrollBar {
     qproperty-backgroundColor: #202228;
 }
 
-SideBarActions {
+SideBarActions,
+TopRoomBar
+{
     border: none;
     border-top: 1px solid #202228;
     background-color: #2d3139;
 }
 
-TopRoomBar {
-    border: none;
-    border-bottom: 1px solid #202228;
-    background-color: #2d3139;
-}
-
-QLineEdit {
-    background-color: #202228;
-    color: #caccd1;
-}
-
 TextInputWidget {
     border: none;
     border-top: 1px solid #2d3139;