From 388dee1d67a05be8f1c5fa65c05ef81c5aeeb3dc Mon Sep 17 00:00:00 2001 From: Adasauce Date: Thu, 20 Feb 2020 22:16:13 -0400 Subject: [PATCH] cleanup, re-order, de-duplicate, re-dry qss for dark --- resources/styles/nheko-dark.qss | 201 ++++++++++---------------------- 1 file changed, 62 insertions(+), 139 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,13 +3,64 @@ 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; +} + +emoji--Category, +emoji--Category > * { + background-color: #2d3139; + color: #caccd1; + +} + +TimelineItem { + qproperty-backgroundColor: #202228; } #sideBar { @@ -18,55 +69,22 @@ TimelineItem { border-left: 1px solid #202228; } -TimelineView, -TimelineView > * { - background-color: #202228; - border: none; -} - -UserMentionsWidget, -UserMentionsWidget > * { - background-color: #202228; - border: none; -} - UserMentionsWidget > TimelineItem { qproperty-backgroundColor: #202228; 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;