Move outline logic to themes

src/renderer/App.css

@@ -11,14 +11,6 @@ body {
   font-family: 'Roboto', sans-serif;
 }
 
-.hideOutlines *:focus {
-  outline: none;
-}
-
-.rightAligned: {
-  text-align: right;
-}
-
 .routerView {
   margin-left: 200px;
   margin-top: 80px;

src/renderer/App.vue

@@ -31,4 +31,4 @@
 
 <style src="./themes.css" />
 <style src="./videoJS.css" />
-<style src="./App.css" />
+<style scoped src="./App.css" />

src/renderer/themes.css

@@ -449,6 +449,14 @@ body {
   background-color: var(--bg-color);
 }
 
+.hideOutlines *:focus {
+  outline: none;
+}
+
+.rightAligned: {
+  text-align: right;
+}
+
 a:link {
     color: var(--link-color);
 }