Fix shared.css file style missing

settings.py

@@ -202,8 +202,8 @@ For security reasons, enabling this is not recommended.''',
         'comment': '',
         'options': [
             (0, 'Browser default'),
-            (1, 'Arial'),
-            (2, 'Liberation Serif'),
+            (1, 'Liberation Serif'),
+            (2, 'Arial'),
             (3, 'Verdana'),
             (4, 'Tahoma'),
         ],

youtube/__init__.py

@@ -113,8 +113,8 @@ def error_page(e):
 
 font_choices = {
     0: 'initial',
-    1: 'arial, "liberation sans", sans-serif',
-    2: '"liberation serif", "times new roman", calibri, carlito, serif',
+    1: '"liberation serif", "times new roman", calibri, carlito, serif',
+    2: 'arial, "liberation sans", sans-serif',
     3: 'verdana, sans-serif',
     4: 'tahoma, sans-serif',
 }

youtube/static/channel.css

@@ -1,9 +1,3 @@
-html {
-    font-family: "liberation serif", "times new roman", calibri, carlito, serif;
-    background: var(--background);
-    color: var(--text);
-}
-
 body {
     display: grid;
     grid-gap: 20px;

youtube/static/comments.css

@@ -1,9 +1,3 @@
-html {
-    font-family: "liberation serif", "times new roman", calibri, carlito, serif;
-    background: var(--background);
-    color: var(--text);
-}
-
 body {
     display: grid;
     grid-gap: 20px;

youtube/static/home.css

@@ -1,9 +1,3 @@
-html {
-    font-family: "liberation serif", "times new roman", calibri, carlito, serif;
-    background: var(--background);
-    color: var(--text);
-}
-
 body {
     display: grid;
     grid-gap: 20px;

youtube/static/license.css

@@ -1,9 +1,3 @@
-html {
-    font-family: "liberation serif", "times new roman", calibri, carlito, serif;
-    background: var(--background);
-    color: var(--text);
-}
-
 body {
     display: grid;
     grid-gap: 20px;

youtube/static/local_playlist.css

@@ -1,9 +1,3 @@
-html {
-    font-family: "liberation serif", "times new roman", calibri, carlito, serif;
-    background: var(--background);
-    color: var(--text);
-}
-
 body {
     display: grid;
     grid-gap: 20px;

youtube/static/playlist.css

@@ -1,9 +1,3 @@
-html {
-    font-family: "liberation serif", "times new roman", calibri, carlito, serif;
-    background: var(--background);
-    color: var(--text);
-}
-
 body {
     display: grid;
     grid-gap: 20px;

youtube/static/search.css

@@ -1,9 +1,3 @@
-html {
-    font-family: "liberation serif", "times new roman", calibri, carlito, serif;
-    background: var(--background);
-    color: var(--text);
-}
-
 body {
     display: grid;
     grid-gap: 20px;

youtube/static/settings.css

@@ -1,9 +1,3 @@
-html {
-    font-family: "liberation serif", "times new roman", calibri, carlito, serif;
-    background: var(--background);
-    color: var(--text);
-}
-
 body {
     display: grid;
     grid-gap: 20px;

youtube/static/subscription.css

@@ -1,9 +1,3 @@
-html {
-    font-family: "liberation serif", "times new roman", calibri, carlito, serif;
-    background: var(--background);
-    color: var(--text);
-}
-
 body {
     display: grid;
     grid-gap: 20px;

youtube/static/subscription_manager.css

@@ -1,9 +1,3 @@
-html {
-    font-family: "liberation serif", "times new roman", calibri, carlito, serif;
-    background: var(--background);
-    color: var(--text);
-}
-
 body {
     display: grid;
     grid-gap: 20px;

youtube/static/watch.css

@@ -1,9 +1,3 @@
-html {
-    font-family: "liberation serif", "times new roman", calibri, carlito, serif;
-    background: var(--background);
-    color: var(--text);
-}
-
 body {
     display: grid;
     grid-gap: 20px;

youtube/templates/base.html

@@ -9,6 +9,7 @@
         <link href="/youtube.com/static/favicon.ico" type="image/x-icon" rel="icon"/>
         <link href="/youtube.com/static/normalize.css" rel="stylesheet"/>
         <link href="{{ theme_path }}" rel="stylesheet"/>
+        <link href="/youtube.com/shared.css" rel="stylesheet">
         {% block style %}
             {{ style }}
         {% endblock %}

youtube/templates/shared.css

@@ -0,0 +1,5 @@
+html {
+    font-family: {{ font_family }};
+    background: var(--background);
+    color: var(--text);
+}