Set the background color as a variable.

The change is needed to keep the same value for the element when is focused. We use this to fix: ckeditor/ckeditor5#6229
ckeditor · Mar 10, 2020 · 0b5cc9c · 0b5cc9c
1 parent 300e715
commit 0b5cc9c
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/theme/table.css b/theme/table.css
@@ -3,6 +3,10 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 
+ :root {
+	 --ck-color-table-focused-th-background: hsla(0, 0%, 0%, 10%);
+ }
+
 .ck-content .table {
 	/* Give the table widget some air and center it horizontally */
 	margin: 1em auto;
@@ -31,7 +35,7 @@
 
 		& th {
 			font-weight: bold;
-			background: hsla(0, 0%, 0%, 10%);
+			background: var(--ck-color-table-focused-th-background);
 		}
 	}
 }