Group emoji and dialogs with namespaces

3 files changed, 20 insertions, 32 deletions

diff --git a/resources/styles/nheko-dark.qss b/resources/styles/nheko-dark.qss
index 1a32ced3..0182d7a3 100644
--- a/resources/styles/nheko-dark.qss
+++ b/resources/styles/nheko-dark.qss
@@ -71,8 +71,8 @@ Avatar {
     color: #f2f2f2;
 }
 
-LogoutDialog,
-LeaveRoomDialog {
+dialogs--Logout,
+dialogs--LeaveRoom {
     background-color: #383c4a;
     color: #caccd1;
 }
@@ -84,14 +84,14 @@ RegisterPage {
     color: #caccd1;
 }
 
-EmojiPanel,
-EmojiPanel > * {
-    background-color: #383c4a;
+emoji--Panel,
+emoji--Panel > * {
+    background-color: #313440;
     color: #caccd1;
 }
 
-EmojiCategory,
-EmojiCategory > * {
+emoji--Category,
+emoji--Category > * {
     background-color: #383c4a;
     color: #caccd1;
 }
diff --git a/resources/styles/nheko.qss b/resources/styles/nheko.qss
index 3e889530..4251b4a5 100644
--- a/resources/styles/nheko.qss
+++ b/resources/styles/nheko.qss
@@ -73,39 +73,27 @@ Avatar {
     color: #555459;
 }
 
-LogoutDialog {
-    background-color: white;
-    color: #333;
-}
-
-LeaveRoomDialog {
-    background-color: white;
-    color: #333;
-}
-
-WelcomePage {
-    background-color: white;
-    color: #333;
-}
-
-LoginPage {
+dialogs--Logout,
+dialogs--LeaveRoom {
     background-color: white;
     color: #333;
 }
 
+WelcomePage,
+LoginPage,
 RegisterPage {
     background-color: white;
     color: #333;
 }
 
-EmojiPanel,
-EmojiPanel > * {
-    background-color: white;
+emoji--Panel,
+emoji--Panel > * {
+    background-color: #eee;
     color: #333;
 }
 
-EmojiCategory,
-EmojiCategory > * {
+emoji--Category,
+emoji--Category > * {
     background-color: white;
     color: #ccc;
 }
diff --git a/resources/styles/system.qss b/resources/styles/system.qss
index bce0f059..4cd1bbfe 100644
--- a/resources/styles/system.qss
+++ b/resources/styles/system.qss
@@ -64,13 +64,13 @@ UserInfoWidget > * {
     background-color: palette(window);
 }
 
-EmojiCategory,
-EmojiCategory > * {
+emoji--Category,
+emoji--Category > * {
     background-color: palette(window);
 }
 
-EmojiPanel,
-EmojiPanel > * {
+emoji--Panel,
+emoji--Panel > * {
     background-color: palette(window);
 }