fix(table): focus styles for color branch

Author: marissahuysentruyt

components/table/index.css

@@ -160,9 +160,17 @@
 }
 
 .spectrum-Table-row {
-	&:hover,
+	&.is-focused,
 	&:focus-visible,
-	&.is-focused {
+	&:focus {
+		--spectrum-table-cell-background-color: aqua;
+
+		&:hover {
+			--spectrum-table-cell-background-color: green;
+		}
+	}
+
+	&:hover {
 		--highcontrast-table-row-text-color: var(--highcontrast-table-row-text-color-hover);
 		--highcontrast-table-icon-color: var(--highcontrast-table-row-text-color-hover);
 		--spectrum-table-cell-background-color: var(--highcontrast-table-row-background-color-hover, var(--mod-table-row-background-color-hover, var(--spectrum-table-row-background-color-hover)));
@@ -178,13 +186,15 @@
 		--highcontrast-table-row-text-color: var(--highcontrast-table-selected-row-text-color);
 		--highcontrast-table-icon-color: var(--highcontrast-table-selected-row-text-color);
 		--spectrum-table-cell-background-color: var(--highcontrast-table-selected-row-background-color, var(--spectrum-table-selected-cell-background-color));
+		--spectrum-table-cell-background-color: orange;
 
 		&:hover,
 		&:focus-visible,
 		&.is-focused {
 			--highcontrast-table-row-text-color: var(--highcontrast-table-selected-row-text-color-focus);
 			--highcontrast-table-icon-color: var(--highcontrast-table-selected-row-text-color-focus);
 			--spectrum-table-cell-background-color: var(--highcontrast-table-selected-row-background-color-focus, var(--spectrum-table-selected-cell-background-color-focus));
+			--spectrum-table-cell-background-color: hotpink;
 		}
 	}
 
@@ -221,6 +231,12 @@
 	}
 }
 
+.spectrum-Table-cell {
+	&:focus-visible {
+		--spectrum-table-cell-background-color: lime;
+	}
+}
+
 .spectrum-Table-scroller {
 	--spectrum-table-header-background-color: var(--mod-table-header-background-color-scrollable, var(--spectrum-background-layer-1-color, var(--spectrum-gray-75)));
 }