Corrected some text colors in Message Compose window

source/style.css → source/custom_style.css

@@ -1,32 +1,38 @@
+/*---- Main toolbar ---*/
+.findbar-button, .toolbarbutton-1:not([type="menu-button"]), .toolbarbutton-1 > .toolbarbutton-menubutton-button, .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
+	border: 1px solid transparent;
+	border-radius: var(--toolbarbutton-border-radius);
+	transition-property: background-color, border-color;
+	transition-duration: unset;
+	background-clip: padding-box;
+}
+
 :root[lwt-tree] #msgHeaderView, :root[lwt-tree] #attachmentView, :root[lwt-tree] #attachmentList {
 	background-color: #EBEBEB !important;
-  color: rgb(92, 97, 108) !important;
+  	color: rgb(92, 97, 108) !important;
 }
 toolbarbutton:-moz-lwtheme:not(:hover):not([checked="true"]):not([open="true"]):not([disabled="true"]) {
 	transition-duration: unset;
 }
 .toolbarbutton-1.msgHeaderView-button:not([type="menu-button"]), .toolbarbutton-1.msgHeaderView-button > .toolbarbutton-menubutton-button, .toolbarbutton-1.msgHeaderView-button > .toolbarbutton-menubutton-dropmarker {
 	border-color: rgba(0, 0, 0, .25);
-  transition-duration: unset;
+  	transition-duration: unset;
 }
 .toolbarbutton-1.msgHeaderView-button:not([disabled="true"]):-moz-any(:hover, [open]) > .toolbarbutton-menubutton-button, .toolbarbutton-1.msgHeaderView-button:not([disabled="true"]):-moz-any(:hover, [open]) > .toolbarbutton-menubutton-dropmarker, .toolbarbutton-1.msgHeaderView-button:not([type="menu-button"]):not([disabled="true"]):not([checked="true"]):not([open]):not(:active):hover, .toolbarbutton-1.msgHeaderView-button:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) {
 	background: #5294E2;
 	border-color: #5294E2;
-  color: #FFFFFF !important;
-  transition-duration: unset;
+  	color: #FFFFFF !important;
+  	transition-duration: unset;
 }
-#MsgHeadersToolbar[brighttext] .address-pill:not(.editing) {
-  background-color: rgba(0,0,0,0.1);
-  color: #18191a;
-}
-treechildren{
-  background-color: #F5F5F5 !important;
+.address-pill {
+  	background-color: rgba(0,0,0,0.1);
+  	color: #18191a;
 }
 
 /*---- Compose Window ----*/
 :root[lwt-tree] #headers-box{
-  background-color: #EBEBEB !important;
-  color: #18191a !important;
+ 	background-color: #EBEBEB !important;
+  	color: #18191a !important;
 }
 #FormatToolbar menulist:not([disabled="true"]):not([open="true"]):hover {
 	background: var(--toolbarbutton-hover-background);
@@ -41,9 +47,80 @@ treechildren{
 	--toolbarbutton-active-boxshadow: 0 0 0 1px var(--lwt-toolbarbutton-active-background, rgba(255, 255, 255, .4)) inset;
 	--toolbarbutton-checkedhover-backgroundcolor: var(--lwt-toolbarbutton-hover-background, rgba(255, 255, 255, .5));
 }
+.address-container {
+	flex: 1;
+	margin-inline-start: 4px;
+	margin-inline-end: 0;
+	border: solid 1px rgba(0, 0, 0, .25);
+	border-radius: var(--toolbarbutton-border-radius);
+	background-color: -moz-field;
+	transition: border .2s, box-shadow .2s;
+	cursor: text;
+}
+#msgSubject {
+	-moz-appearance: none;
+	margin-top: 0;
+	margin-inline: 4px 8px;
+	background-color: -moz-field;
+	border: 1px solid rgba(0, 0, 0, .25);
+	border-radius: var(--toolbarbutton-border-radius);
+	padding-block: 0;
+	padding-inline: 4px 2px;
+	transition: border .2s, box-shadow .2s;
+}
+:root[lwt-tree] #msgSubject, :root[lwt-tree] .address-container {
+	background-color: var(--lwt-toolbar-field-background-color);
+	color: rgba(92, 97, 108, 1);
+}
+menulist {
+	-moz-appearance: none;
+	min-height: 24px;
+	color: inherit;
+	margin: 1px 4px;
+	padding: 1px 6px;
+	border: 1px solid;
+	border-radius: var(--toolbarbutton-border-radius);
+	border-color: rgba(0, 0, 0, .25);
+	box-shadow: var(--toolbarbutton-hover-boxshadow);
+	transition: background-color 150ms;
+}
 toolbarbutton.formatting-button:not([disabled="true"]):hover {
 	border-color: #5294E2;
 }
+.formatting-button:active {
+	color: white;
+}
 toolbarbutton:hover {
 	color: #FFFFFF;
+}
+
+/*---- Mail folder tree ----*/
+/*
+#folderTree {
+	background: #474D5C !important;
+}
+#folderTree > treechildren::-moz-tree-image {
+	fill: white;
+	opacity: 1;
+  }
+#folderTree > treechildren::-moz-tree-cell-text {
+	padding-inline-start: 3px;
+	color: white !important;
+}
+*/
+slider[orient="vertical"] {
+	background: #383C4A;
+}
+thumb[orient="vertical"] {
+	-moz-appearance: scrollbarthumb-vertical;
+	min-height: 8px;
+	background: rgba(255, 255, 255, 0.25);
+}
+thumb[orient="vertical"]:hover, thumb[orient="vertical"]:active {
+	background-color: #5294E2;
+}
+
+/*---- Mail thread tree ----*/
+#threadPaneBox treechildren {
+	background: #F5F5F5 !important;
 }

source/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version":2,
   "name":"Arc Inspired",
-  "version":"0.4.3",
+  "version":"0.4.6",
   "description":"An Arc inspired theme for Thunderbird",
   "author":"kaipee",
   "homepage_url":"https://github.com/kaipee/thunderbird-theme-arc",
@@ -12,7 +12,7 @@
     }
   },
   "theme_experiment":{
-    "stylesheet": "style.css"
+    "stylesheet": "custom_style.css"
   },
   "theme":{
     "colors":{