diff --git a/src/renderer/components/dock/dock-tab.module.scss b/src/renderer/components/dock/dock-tab.module.scss index b58188f9ab..48d43bb2f1 100644 --- a/src/renderer/components/dock/dock-tab.module.scss +++ b/src/renderer/components/dock/dock-tab.module.scss @@ -7,7 +7,7 @@ padding: var(--padding); height: 32px; position: relative; - border-right: 1px solid #43424d; + border-right: 1px solid var(--dockTabBorderColor); background-size: 1px 3ch; overflow: hidden; @@ -30,7 +30,7 @@ } &:global(.active) { - background-color: hsl(245deg 8% 28%); + background-color: var(--dockTabActiveBackground); background-image: none; border-bottom: 1px solid var(--primary); @@ -44,12 +44,12 @@ } &:not(:global(.active)):hover { - background-color: #343439; + background-color: var(--dockTabActiveBackground); background-image: none; .close { opacity: 1; - background: linear-gradient(90deg, transparent 0%, #343439 25%); + background: linear-gradient(90deg, transparent 0%, var(--dockTabActiveBackground) 25%); } } } @@ -60,7 +60,7 @@ width: 5ch; opacity: 0; text-align: center; - background: linear-gradient(90deg, transparent 0%, rgba(67,66,77,1) 25%); + background: linear-gradient(90deg, transparent 0%, var(--dockTabActiveBackground) 25%); } .tabIcon { diff --git a/src/renderer/themes/lens-dark.json b/src/renderer/themes/lens-dark.json index b48ed84cc7..f30d48197e 100644 --- a/src/renderer/themes/lens-dark.json +++ b/src/renderer/themes/lens-dark.json @@ -73,6 +73,8 @@ "dockEditorComment": "#808080", "dockEditorActiveLineBackground": "#3a3d41", "dockBadgeBackground": "#36393e", + "dockTabBorderColor": "#43424d", + "dockTabActiveBackground": "#3a3e45", "logsBackground": "#000000", "logsForeground": "#ffffff", "logRowHoverBackground": "#35373a", diff --git a/src/renderer/themes/lens-light.json b/src/renderer/themes/lens-light.json index 7891f53321..06ef6d79b2 100644 --- a/src/renderer/themes/lens-light.json +++ b/src/renderer/themes/lens-light.json @@ -73,6 +73,8 @@ "dockEditorComment": "#808080", "dockEditorActiveLineBackground": "#3a3d41", "dockBadgeBackground": "#dedede", + "dockTabBorderColor": "#d5d4de", + "dockTabActiveBackground": "#ffffff", "logsBackground": "#24292e", "logsForeground": "#ffffff", "logRowHoverBackground": "#35373a",