* improve UI for dark mode.

README.md

@@ -22,7 +22,7 @@ https://catouse.github.io/xext-theme-simple/
 
 ## 下载使用
 
-1. [下载本主题扩展文件 `xext-theme-simple.zip`](https://github.com/catouse/xext-theme-simple/releases/download/v1.0.1/xext-theme-simple.zip)；
+1. [下载本主题扩展文件 `xext-theme-simple.zip`](https://github.com/catouse/xext-theme-simple/releases/download/v1.0.2/xext-theme-simple.zip)；
 2. 打开喧喧应用，依次打开 “**应用 → 扩展**” 应用界面，点击右上角安装本地扩展按钮，选择所下载的扩展文件（`xext-theme-simple.zip`）安装提示进行安装；
 3. 依次打开 “**应用 → 主题**” 应用界面，点击并使用当前主题。
 

package.json

@@ -1,11 +1,11 @@
 {
     "name": "xext-theme-simple",
     "displayName": "简",
-    "version": "1.0.1",
+    "version": "1.0.2",
     "description": "一组简单主题。",
     "type": "theme",
     "icon": "mdi-brightness-2",
-    "accentColor": "#448aff",
+    "accentColor": "#232323",
     "themes": [
         {
             "name": "white-black-auto",

styles/black.css

@@ -22,7 +22,7 @@ body {
     color: #fff;
 }
 body:not(.os-mac) {
-    background: rgba(0, 0, 0, .8);
+    background: rgba(0, 0, 0, .85);
 }
 
 .page {
@@ -558,4 +558,32 @@ code {
     }
     .app-show-chats-menu .app-chats > .SplitPane > .Pane1 {border-radius: 0 6px 0 0; }
     .app-show-chats-menu .app-chats > .SplitPane > .Pane2 {opacity: .1;}
+}
+
+.app-login {background: var(--color-content-back, #f1f1f1);}
+
+.group-list .heading > .icon,
+.group-list .heading > .title {color: var(--color-primary, #9c27b0) !important;}
+.box {
+    background-color: var(--color-back, #f1f1f1) !important;
+    color: var(--color-fore, #f1f1f1) !important;
+}
+.arrow-bottom:before {border-color: var(--color-back, #f1f1f1) transparent transparent transparent;}
+
+.emoji-dialog {
+    background-color: var(--color-back, #f1f1f1);
+}
+.emoji-dialog .emoji-dialog-header {
+    background: rgba(255,255,255,.1);
+}
+.emoji-dialog .emoji-dialog-header li.active {
+    background: var(--color-active-back, rgba(255, 255, 255, .75));
+}
+.emoji-dialog .emoji-search {
+    background: rgba(255,255,255,.05);
+    color: var(--color-fore, #f1f1f1) !important;
+    border-color: transparent;
+}
+.emoji-dialog .emoji-row .emoji:hover {
+    background-color: var(--color-back, #f1f1f1);
 }

styles/white-black-auto.css

@@ -21,7 +21,9 @@ body.os-dark-mode {
     background: rgba(0, 0, 0, .5);
     color: #fff;
 }
-
+body.os-dark-mode:not(.os-mac) {
+    background: rgba(0, 0, 0, .85);
+}
 .os-dark-mode .primary {
     background-color: var(--color-primary, #9c27b0) !important;
     border-color: var(--color-primary, #9c27b0) !important;
@@ -562,6 +564,33 @@ body.os-dark-mode {
     .os-dark-mode .app-show-chats-menu .app-chats > .SplitPane > .Pane2 {opacity: .1;}
 }
 
+.os-dark-mode .app-login {background: var(--color-content-back, #f1f1f1);}
+.os-dark-mode .group-list .heading > .icon,
+.os-dark-mode .group-list .heading > .title {color: var(--color-primary, #9c27b0) !important;}
+.os-dark-mode .box {
+    background-color: var(--color-back, #f1f1f1) !important;
+    color: var(--color-fore, #f1f1f1) !important;
+}
+.os-dark-mode .arrow-bottom:before {border-color: var(--color-back, #f1f1f1) transparent transparent transparent;}
+
+.os-dark-mode .emoji-dialog {
+    background-color: var(--color-back, #f1f1f1);
+}
+.os-dark-mode .emoji-dialog .emoji-dialog-header {
+    background: rgba(255,255,255,.1);
+}
+.os-dark-mode .emoji-dialog .emoji-dialog-header li.active {
+    background: var(--color-active-back, rgba(255, 255, 255, .75));
+}
+.os-dark-mode .emoji-dialog .emoji-search {
+    background: rgba(255,255,255,.05);
+    color: var(--color-fore, #f1f1f1) !important;
+    border-color: transparent;
+}
+.os-dark-mode .emoji-dialog .emoji-row .emoji:hover {
+    background-color: var(--color-back, #f1f1f1);
+}
+
 /*
  * Visual Studio 2015 dark style
  * Author: Nicolas LLOBERA <[email protected]>

styles/white-black-time.css

@@ -21,7 +21,9 @@ body.daytime-night {
     background: rgba(0, 0, 0, .5);
     color: #fff;
 }
-
+body.daytime-night:not(.os-mac) {
+    background: rgba(0, 0, 0, .85);
+}
 .daytime-night .primary {
     background-color: var(--color-primary, #9c27b0) !important;
     border-color: var(--color-primary, #9c27b0) !important;
@@ -563,6 +565,33 @@ body.daytime-night {
     .daytime-night .app-show-chats-menu .app-chats > .SplitPane > .Pane2 {opacity: .1;}
 }
 
+.daytime-night .app-login {background: var(--color-content-back, #f1f1f1);}
+.daytime-night .group-list .heading > .icon,
+.daytime-night .group-list .heading > .title {color: var(--color-primary, #9c27b0) !important;}
+.daytime-night .box {
+    background-color: var(--color-back, #f1f1f1) !important;
+    color: var(--color-fore, #f1f1f1) !important;
+}
+.daytime-night .arrow-bottom:before {border-color: var(--color-back, #f1f1f1) transparent transparent transparent;}
+
+.daytime-night .emoji-dialog {
+    background-color: var(--color-back, #f1f1f1);
+}
+.daytime-night .emoji-dialog .emoji-dialog-header {
+    background: rgba(255,255,255,.1);
+}
+.daytime-night .emoji-dialog .emoji-dialog-header li.active {
+    background: var(--color-active-back, rgba(255, 255, 255, .75));
+}
+.daytime-night .emoji-dialog .emoji-search {
+    background: rgba(255,255,255,.05);
+    color: var(--color-fore, #f1f1f1) !important;
+    border-color: transparent;
+}
+.daytime-night .emoji-dialog .emoji-row .emoji:hover {
+    background-color: var(--color-back, #f1f1f1);
+}
+
 /*
  * Visual Studio 2015 dark style
  * Author: Nicolas LLOBERA <[email protected]>

styles/white.css

@@ -18,7 +18,9 @@ body {
     --color-gray-pale: #f1f1f1;
     background: rgba(220, 220, 220, .5);
 }
-
+body:not(.os-mac) {
+    background: rgba(220, 220, 220, .8);
+}
 .page {
     background: transparent;
 }