From 5e0db4254c07c97bfd37b98e3c4a00faa47f27bb Mon Sep 17 00:00:00 2001
From: Ravi Kant kumawat <34287-ravikant@users.noreply.drupalcode.org>
Date: Wed, 10 Jan 2024 08:15:26 +0000
Subject: [PATCH] Fix active workspace color not working with dark mode

---
 dist/css/components/workspaces.css | 7 +++++++
 gin.info.yml                       | 2 ++
 gin.libraries.yml                  | 5 +++++
 styles/components/workspaces.scss  | 6 ++++++
 webpack.config.js                  | 1 +
 5 files changed, 21 insertions(+)
 create mode 100644 dist/css/components/workspaces.css
 create mode 100644 styles/components/workspaces.scss

diff --git a/dist/css/components/workspaces.css b/dist/css/components/workspaces.css
new file mode 100644
index 000000000..2a7a8e31d
--- /dev/null
+++ b/dist/css/components/workspaces.css
@@ -0,0 +1,7 @@
+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);
+}
+
diff --git a/gin.info.yml b/gin.info.yml
index 3ec3ca1e5..452d84852 100755
--- a/gin.info.yml
+++ b/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
diff --git a/gin.libraries.yml b/gin.libraries.yml
index 44d886ae1..631035543 100644
--- a/gin.libraries.yml
+++ b/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 }
diff --git a/styles/components/workspaces.scss b/styles/components/workspaces.scss
new file mode 100644
index 000000000..520a84ff9
--- /dev/null
+++ b/styles/components/workspaces.scss
@@ -0,0 +1,6 @@
+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);
+}
diff --git a/webpack.config.js b/webpack.config.js
index 4c4161f2d..fec8ffd4c 100644
--- a/webpack.config.js
+++ b/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'],
-- 
GitLab