fix: incorrect item selection colors (#22)

* fix: incorrect item selection colors

* mess

---------

Co-authored-by: Adam Perkowski <adas1per@protonmail.com>

themes/theme.css

@@ -155,6 +155,7 @@ html {
   background: var(--red-color) !important;
 }
 
+.selectionCommandsPanel,
 .btnRefresh {
   background: var(--main-color) !important;
   color: var(--main-background) !important;
@@ -267,6 +268,8 @@ html {
 .emby-button-foreground,
 .iconOsd .iconOsdIcon,
 .upNextContainer,
+.osdTextContainer, .osdTimeText,
+.selectionCommandsPanel > button:hover > .material-icons,
 legend {
   color: var(--main-text);
 }
@@ -280,16 +283,13 @@ legend {
   border-color: var(--hover-background) !important;
 }
 
+.selectionCommandsPanel > button > .material-icons,
 .checkboxOutline .checkboxIcon-checked,
 .sessionAppName,
 .sessionNowPlayingInfo {
   color: var(--main-background);
 }
 
-.osdTextContainer, .osdTimeText {
-  color: var(--main-text);
-}
-
 /* this has to be background, not background-color for some reason */
 div[role=presentation].jstree-wholerow-clicked {
   background: var(--hover-background) !important;
@@ -333,6 +333,10 @@ div[role=presentation].jstree-wholerow-clicked {
   background-color: var(--main-background-transparent);
 }
 
-.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
+.emby-checkbox:focus:not(:checked) + span + .checkboxOutline, .itemSelectionPanel {
   border-color: var(--main-color);
 }
+
+.selectionCommandsPanel .itemSelectionCount {
+  color: var(--main-background) !important;
+}