Use log row hover color from theme

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

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 {

src/renderer/themes/kontena-dark.json

@@ -61,6 +61,7 @@
     "dockInfoBackground": "#1e2125",
     "dockInfoBorderColor": "#303136",
     "logsBackground": "#000000",
+    "logRowHoverBackground": "#35373a",
     "terminalBackground": "#000000",
     "terminalForeground": "#ffffff",
     "terminalCursor": "#ffffff",

src/renderer/themes/kontena-light.json

@@ -62,6 +62,7 @@
     "dockInfoBackground": "#e8e8e8",
     "dockInfoBorderColor": "#c9cfd3",
     "logsBackground": "#ffffff",
+    "logRowHoverBackground": "#eeeeee",
     "terminalBackground": "#ffffff",
     "terminalForeground": "#2d2d2d",
     "terminalCursor": "#2d2d2d",

src/renderer/themes/theme-vars.scss

@@ -93,6 +93,7 @@ $terminalBrightWhite: var(--terminalBrightWhite);
 
 // Logs
 $logsBackground: var(--logsBackground);
+$logRowHoverBackground: var(--logRowHoverBackground);
 
 // Dialogs
 $dialogTextColor: var(--dialogTextColor);