Brand color v2 74215 (#48)

* Vars: tweak default list-view selected color to be a little darker than the hover color. See #74215

* List-View: reset hover and selected styles to use the gray color scheme. If hover/selected needs to be different override the variables in the theme. See #74215

* Add compiled code

* Label: remove special treatment of the empty label in selected rows, we will just keep the default style. See #74215

* Add compiled code

---------

Co-authored-by: Stefanie Hein <stefanie.hein@the-elements.de>

Author: novaxpro

public/cui_fylr.css

@@ -514,7 +514,7 @@ $list-view-move-handle-width:			14px !default; // ! must be explicit size in px
 $list-view-move-target-area-background:	rgba(theme-color('focused'), 0.5) !default;
 $list-view-selected-row-border-width:	1px !default;
 $list-view-selected-row-border-color: 	theme-color('primary') !default;
-$list-view-selected-row-background: 	rgba(gray('400'), 0.3) !default;
+$list-view-selected-row-background: 	gray('300') !default;
 $list-view-hover-row-background: 		gray('200') !default;
 $list-view-scrolling-box-shadow:		0 1px 5px 0 rgb(0 0 0 / 11%) !default;
 

src/scss/themes/fylr/_variables.scss

@@ -24,9 +24,9 @@
 	// selected
 	--list-view-selected-row-border-width: 0;
 	--list-view-selected-row-border-color: transparent;
-	--list-view-selected-row-background: var(--brand-color, #{$list-view-selected-row-background});
+	--list-view-selected-row-background: #{$list-view-selected-row-background};
 	// hover
-	--list-view-hover-row-background: var(--brand-color, #{$list-view-hover-row-background});
+	--list-view-hover-row-background: #{$list-view-hover-row-background};
 
 
 	min-height: 0;
@@ -180,7 +180,9 @@
 	cursor: default;
 
 	// be careful to apply a default select state, it's probably best to do this contextually in the theme
-	&.cui-selected {
+	&.cui-selected,
+	&.cui-selected:hover,
+	&.cui-selected:focus {
 		> .cui-lv-tr {
 			box-shadow: inset 0 0 0 var(--list-view-selected-row-border-width) var(--list-view-selected-row-border-color);
 			background-color: var(--list-view-selected-row-background);

src/scss/themes/fylr/components/_list-view.scss

@@ -101,11 +101,6 @@
 		color: var(--brand-foreground-text-color, #{$white}); // e.g. Datamodel or Locationmanager when adding a new object type or mask in the left column		
 		opacity: 0.8;
 	}
-	
-	.cui-list-view-row-selectable:not(.cui-selected):hover & {
-		color: gray('900'); // e.g. Datamodel when adding a new object type or mask in the left column
-		opacity: 0.8;
-	}
 }
 
 // Label in a field