Container shell text highlight color

rancher · Dec 11, 2020 · 9a50a6b · 9a50a6b
1 parent 7db5e91
commit 9a50a6b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/assets/styles/themes/_dark.scss b/assets/styles/themes/_dark.scss
@@ -162,6 +162,7 @@
 
   --terminal-bg: var(--wm-body-bg);
   --terminal-cursor: var(--warning);
+  --terminal-selection: #{$selected};
   --terminal-text: var(--body-text);
 
   --logs-bg: var(--wm-body-bg);

diff --git a/assets/styles/themes/_light.scss b/assets/styles/themes/_light.scss
@@ -188,6 +188,7 @@ $selected: rgba($primary, .5);
 
   --terminal-bg                : var(--body-bg);
   --terminal-cursor            : var(--warning);
+  --terminal-selection         : #{$selected};
   --terminal-text              : var(--body-text);
 
   --logs-bg                    : var(--wm-body-bg);

diff --git a/components/nav/WindowManager/ContainerShell.vue b/components/nav/WindowManager/ContainerShell.vue
@@ -115,6 +115,7 @@ export default {
         theme: {
           background: docStyle.getPropertyValue('--terminal-bg').trim(),
           cursor:     docStyle.getPropertyValue('--terminal-cursor').trim(),
+          selection:  docStyle.getPropertyValue('--terminal-selection').trim(),
           foreground: docStyle.getPropertyValue('--terminal-text').trim()
         },
         ...this.xtermConfig,