Add hover events to some UI elements

app/css/fog-overrides.css

@@ -0,0 +1,71 @@
+@import 'sweetalert.css';
+
+/* Slight transitions on elements with hover events */
+.autocomplete_result.vcenter_parent,
+.centertext.lighttext.marginbottom1.margintopneg1 a,
+.titlestack.centertext a,
+.centertext.margintop1.new_episode_for_user #save_episode_button,
+.centertext.lighttext.margintop1 a,
+#playcontrols #seekbackbutton,
+#playcontrols #seekforwardbutton,
+#playcontrols #playpausebutton,
+.pure-g .destructivebutton,
+.pure-g .feedcell,
+.pure-g .episodecell,
+.pure-g .extendedepisodecell,
+.nav a,
+.footer a {
+  transition: all 100ms ease-out;
+}
+
+/* Text colour on hover: #000 / black */
+.centertext.lighttext.marginbottom1.margintopneg1 a:hover,
+.titlestack.centertext a:hover,
+.centertext.lighttext.margintop1 a:hover,
+#playcontrols #seekbackbutton:hover,
+#playcontrols #seekforwardbutton:hover,
+#playcontrols #playpausebutton:hover,
+.footer a:hover,
+.nav a:hover {
+  color: #000;
+}
+
+/* Scale SVG player controls on hover */
+#playcontrols #seekbackbutton:hover,
+#playcontrols #seekforwardbutton:hover,
+#playcontrols #playpausebutton:hover {
+  transform: scale( 1.025 );
+}
+
+/* Single episode hovers on the home screen */
+.pure-g .feedcell:hover,
+.pure-g .episodecell:hover,
+.pure-g .extendedepisodecell:hover {
+  background: rgba(252, 126, 15, 0.25);
+}
+
+/* Delete button hovers */
+.pure-g .destructivebutton:hover {
+  background: #FC1B0F;
+  color: #fff;
+}
+
+/* Save/Subscribe button hover */
+.centertext.margintop1.new_episode_for_user #save_episode_button:hover {
+  background: #fc7e0f;
+  color: #fff;
+}
+
+/* Podcast search results */
+.autocomplete_result.vcenter_parent:hover {
+  color: #a4a4a4;
+}
+
+.autocomplete_result.vcenter_parent:hover h4 {
+  color: #fc7e0f;
+}
+
+/* Slight pixel adjustment to playback speed controls */
+#speedcontrolbackground {
+  padding-top: 2px;
+}

app/index.html

@@ -41,11 +41,11 @@
       webview.addEventListener('dom-ready', function() {
         // Warn main process the page has loaded
         ipcRenderer.send('page-loaded');
-
-        // Inject sweetalert CSS into webview
+        
+        // Inject CSS overrides into webview
         const fs = require('fs');
-        const sweetalert_css = fs.readFileSync(__dirname + '/sweetalert.css', 'utf8');
-        this.insertCSS(sweetalert_css);
+        const fog_overrides = fs.readFileSync(__dirname + '/css/fog-overrides.css', 'utf8');
+        this.insertCSS(fog_overrides);
       });
 
       // Try to force a sync before closing