Fix active workspace color not working with dark mode

dist/css/components/workspaces.css

+tr.active-workspace {
+  color: var(--gin-color-primary-active);
+  font-size: var(--gin-font-size);
+  font-weight: var(--gin-font-weight-semibold);
+  background: var(--gin-bg-header);
+}
+

gin.info.yml

@@ -113,6 +113,8 @@ libraries-extend:
     - gin/layout_paragraphs2
   responsive_preview/drupal.responsive-preview:
     - gin/responsive_preview
+  workspaces/drupal.workspaces.overview:
+    - gin/workspaces
 
 ckeditor_stylesheets:
   - dist/css/theme/accent.css

gin.libraries.yml

@@ -356,3 +356,8 @@ legacy_css:
   css:
     theme:
       dist/css/theme/legacy.css: { minified: false }
+
+workspaces:
+  css:
+    component:
+      dist/css/components/workspaces.css: { minified: false }

styles/components/workspaces.scss

+tr.active-workspace {
+  color: var(--gin-color-primary-active);
+  font-size: var(--gin-font-size);
+  font-weight: var(--gin-font-weight-semibold);
+  background: var(--gin-bg-header);
+}

webpack.config.js

@@ -65,6 +65,7 @@ module.exports = {
     'components/upgrade_status': ['./styles/components/upgrade_status.scss'],
     'components/webform': ['./styles/components/webform.scss'],
     'components/workbench': ['./styles/components/workbench.scss'],
+    'components/workspaces': ['./styles/components/workspaces.scss'],
     // Layout
     'layout/navigation': ['./styles/layout/navigation.scss'],
     'layout/toolbar': ['./styles/layout/toolbar.scss'],