1.9.1 - Small fixes

Author: quead

README.md

@@ -60,7 +60,6 @@ Angular2 YT Player v1.9.1
 - Reorganised settings page
 - Auto saving for internal settings (check settings)
 - Manual saving for external settings (check settings)
-- Toggle light/dark mode
 - Performance, UI and UX improvements and fixes
 
 Angular2 YT Player v1.9
@@ -135,6 +134,7 @@ Angular2 YT Player v1.0.0
 - Hotkeys for application in desktop (play/pause/next/prev) **(in v2.0)**
 
 #### Roadmap to 3.0
+- Toggle light/dark mode **(in v2.1)**
 - Import/Export playlist (probably json file and youtube playlist) **(in v2.1)**
 - Categories with videos like (music, gaming, autos, films, sports, much more) **(in v2.1)**
 - Drag and drop videos to playlist **(in v2.2)**

dist/assets/css/main.css

@@ -72,6 +72,11 @@ a:active {
   color: var(--c-primary-active);
 }
 
+#app-container {
+  position: relative;
+  height: 100%;
+}
+
 .btn {
   display: inline-block;
   color: var(--c-white);
@@ -149,6 +154,7 @@ a:active {
 .btn-outline {
   border: 1px solid var(--c-white);
   opacity: 0.6;
+  background-color: transparent;
 }
 
 .btn-outline:hover {
@@ -1591,6 +1597,7 @@ iframe {
   height: auto;
   width: auto;
   margin-top: 15px;
+  justify-content: flex-start;
 }
 
 .video-list-featured:before {
@@ -1710,3 +1717,20 @@ iframe {
   width: 6px;
   background-color: transparent;
 }
+
+#app-container.light-mode * {
+  --c-primary: red;
+}
+
+#app-container.light-mode .col-2,
+#app-container.light-mode .col-3 {
+  background-color: #f7f7f7;
+}
+
+#app-container.light-mode .col-1 {
+  background-color: #ffffff;
+}
+
+#app-container.light-mode .col .app-head h2 {
+  color: red;
+}

dist/assets/settings.json

@@ -19,6 +19,11 @@
       "name": "Toggle repeat mode",
       "value": true,
       "visible": true
+    },
+    {
+      "name": "Toggle dark mode",
+      "value": true,
+      "visible": false
     }
   ],
   "api_settings": [