From d736f2496159b0ba132e14d3a337c76cbde3d59a Mon Sep 17 00:00:00 2001 From: Alex Andreev Date: Fri, 23 Oct 2020 12:57:00 +0300 Subject: [PATCH] Use log row hover color from theme Signed-off-by: Alex Andreev --- src/renderer/components/dock/pod-logs.scss | 3 +-- src/renderer/themes/kontena-dark.json | 1 + src/renderer/themes/kontena-light.json | 1 + src/renderer/themes/theme-vars.scss | 1 + 4 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/renderer/components/dock/pod-logs.scss b/src/renderer/components/dock/pod-logs.scss index 43baeb2643..501533d0fb 100644 --- a/src/renderer/components/dock/pod-logs.scss +++ b/src/renderer/components/dock/pod-logs.scss @@ -32,8 +32,7 @@ -webkit-font-smoothing: auto; // Better readability on non-retina screens &:hover { - // TODO: Use a theme var to styling - background: #35373a; + background: $logRowHoverBackground; } span { diff --git a/src/renderer/themes/kontena-dark.json b/src/renderer/themes/kontena-dark.json index 25defd41bf..f1afcb0d24 100644 --- a/src/renderer/themes/kontena-dark.json +++ b/src/renderer/themes/kontena-dark.json @@ -61,6 +61,7 @@ "dockInfoBackground": "#1e2125", "dockInfoBorderColor": "#303136", "logsBackground": "#000000", + "logRowHoverBackground": "#35373a", "terminalBackground": "#000000", "terminalForeground": "#ffffff", "terminalCursor": "#ffffff", diff --git a/src/renderer/themes/kontena-light.json b/src/renderer/themes/kontena-light.json index a1eca8d51c..10020f3a2b 100644 --- a/src/renderer/themes/kontena-light.json +++ b/src/renderer/themes/kontena-light.json @@ -62,6 +62,7 @@ "dockInfoBackground": "#e8e8e8", "dockInfoBorderColor": "#c9cfd3", "logsBackground": "#ffffff", + "logRowHoverBackground": "#eeeeee", "terminalBackground": "#ffffff", "terminalForeground": "#2d2d2d", "terminalCursor": "#2d2d2d", diff --git a/src/renderer/themes/theme-vars.scss b/src/renderer/themes/theme-vars.scss index 6a48721fcc..b2953d3f64 100644 --- a/src/renderer/themes/theme-vars.scss +++ b/src/renderer/themes/theme-vars.scss @@ -93,6 +93,7 @@ $terminalBrightWhite: var(--terminalBrightWhite); // Logs $logsBackground: var(--logsBackground); +$logRowHoverBackground: var(--logRowHoverBackground); // Dialogs $dialogTextColor: var(--dialogTextColor);