More bug fixes

Author: Templarian

src/pg/tree/tree.css

@@ -1,5 +1,16 @@
 :host {
   display: contents;
+  --pg-tree-selected-primary: #453C4F;
+  --pg-tree-selected-secondary: var(--pg-tree-item-background-selected, rgb(69, 60, 79, 0.1));
+  --pg-tree-selected-secondary-hover: var(--pg-tree-item-background-selected, rgb(69, 60, 79, 0.2));
+}
+/*
+--pg-tree-item-background-selected
+*/
+:host(:focus-within) {
+  --pg-tree-selected-primary: rgb(79, 143, 249);
+  --pg-tree-selected-secondary: rgba(79, 143, 249, 0.15);
+  --pg-tree-selected-secondary-hover: rgba(79, 143, 249, 0.25);
 }
 
 [part=items] {

src/pg/treeItem/treeItem.css

@@ -112,21 +112,25 @@
   z-index: 1;
 }
 
-[part=item]:not(.dragging):hover {
-  background: var(--pg-tree-item-background-hover, rgb(69, 60, 79, 0.1));
+[part=item]:not(.selected):not(.dragging):hover {
+  background: var(--pg-tree-selected-secondary, rgb(69, 60, 79, 0.1));
 }
+[part=item].selected:not(.dragging):hover {
+  background: var(--pg-tree-selected-secondary-hover, rgb(69, 60, 79, 0.1));
+}
+[part=item].selected,
 [part=item].items.selected {
-  background-color: var(--pg-tree-item-background-selected, rgb(69, 60, 79, 0.1));
+  background-color: var(--pg-tree-selected-secondary);
 }
 [part=item].items.selected:not(.expanded):not(.dragging) [part=toggle] {
   border-radius: 0.125rem;
-  background-color: var(--pg-tree-item-background-selected, rgb(79, 143, 249));
+  background-color: var(--pg-tree-selected-primary);
   background-image: url("data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 17,13L 17,11L 11,5L 9,7L 14,12L 9,17L 11,19%27 fill='white' /></svg>") !important;
 }
 
 [part=item].items.selected.expanded:not(.dragging) [part=toggle] {
   border-radius: 0.125rem;
-  background-color: var(--pg-tree-item-background-selected, rgb(79, 143, 249));
+  background-color: var(--pg-tree-selected-primary);
   background-image: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M 11,17L 13,17L 19,11L 17,9L 12,14L 7,9L 5,11' fill='white' /></svg>") !important;
 }
 
@@ -143,7 +147,7 @@
   margin-top: -0.125rem;
   margin-bottom: -0.125rem;
   border-radius: 0.125rem;
-  background: rgb(79, 143, 249);
+  background: var(--pg-tree-selected-primary);
 }
 
 [part=item]:not(.dragging):not(.items).selected [part=selected] {