From 873c02bf74d7ede14e5ed00f2b65fcd3481b1dbe Mon Sep 17 00:00:00 2001
From: Preston <freetubeapp@protonmail.com>
Date: Thu, 17 Sep 2020 08:23:50 -0400
Subject: [PATCH] Move outline logic to themes

---
 src/renderer/App.css    | 8 --------
 src/renderer/App.vue    | 2 +-
 src/renderer/themes.css | 8 ++++++++
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/renderer/App.css b/src/renderer/App.css
index d5185287..05e5bb75 100644
--- a/src/renderer/App.css
+++ b/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;
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 416d2925..6f1547f8 100644
--- a/src/renderer/App.vue
+++ b/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" />
diff --git a/src/renderer/themes.css b/src/renderer/themes.css
index 60e1c87a..6f054d34 100644
--- a/src/renderer/themes.css
+++ b/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);
 }