change bg color of selected row in notification center and wp table

opf · Sep 3, 2024 · de29d2c · de29d2c
1 parent 6001541
commit de29d2c
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/...tend/src/app/features/in-app-notifications/entry/in-app-notification-entry.component.sass b/...tend/src/app/features/in-app-notifications/entry/in-app-notification-entry.component.sass
@@ -4,8 +4,8 @@ $ian-bg-color: var(--body-background)
 $ian-bg-hover-color: var(--bgColor-neutral-muted)
 $ian-bg-read-color: var(--bgColor-muted)
 $ian-bg-read-hover-color: hsl(from var(--bgColor-neutral-muted) h s calc(l - 0.5))
-$ian-bg-selected-color: var(--selection-bgColor)
-$ian-bg-selected-hover-color: hsl(from var(--selection-bgColor) h calc(s - 30) l)
+$ian-bg-selected-color: var(--codeMirror-selection-bgColor)
+$ian-bg-selected-hover-color: hsl(from var(--codeMirror-selection-bgColor) h calc(s - 30) l)
 // This needs to be set in the itemSize of
 // the virtual scroller
 $ian-height: 100px

diff --git a/frontend/src/global_styles/content/_tables.sass b/frontend/src/global_styles/content/_tables.sass
@@ -155,13 +155,13 @@ th.hidden
 
 tr.context-menu-selection,
 tr.-checked
-  background-color: var(--selection-bgColor) !important
+  background-color: var(--codeMirror-selection-bgColor) !important
   &[class*=__hl_background]
     outline: var(--table-row-highlighting-outline-color) solid 2px
 
   td
-    border-top: 1px solid var(--selection-bgColor) !important
-    border-bottom: 1px solid var(--selection-bgColor) !important
+    border-top: 1px solid var(--codeMirror-selection-bgColor) !important
+    border-bottom: 1px solid var(--codeMirror-selection-bgColor) !important
     color: var(--body-font-color) !important
     a
       color: var(--body-font-color) !important

diff --git a/frontend/src/global_styles/layout/work_packages/_table.sass b/frontend/src/global_styles/layout/work_packages/_table.sass
@@ -74,7 +74,7 @@ body[class*="router--"]
     background: var(--bgColor-neutral-muted) !important
 
     &.-checked
-      background-color: hsl(from var(--selection-bgColor) h calc(s - 30) l) !important
+      background-color: hsl(from var(--codeMirror-selection-bgColor) h calc(s - 30) l) !important
 
 // Left part of the split view
 // == flex container for (table|timeline)

diff --git a/frontend/src/global_styles/layout/work_packages/_table_embedded.sass b/frontend/src/global_styles/layout/work_packages/_table_embedded.sass
@@ -77,7 +77,7 @@ $table-timeline--compact-row-height: 28px
     .wp-table--row
       border-bottom: none !important
       &:hover
-        background-color: var(--selection-bgColor)
+        background-color: var(--codeMirror-selection-bgColor)
 
     thead,
     .generic-table--sort-header-outer