Gruvbox box theme added to ytDownloader (with fixes) (#395)

* Gruvbox theme options added to ytDownload

* just some fix on the format of  gruvbox options

* gruvbox theme css value added in  the options

* Gruvbox theme added into the css files

* some fix for the PR

* Some other fixes

assets/css/extra.css

@@ -139,6 +139,23 @@
 	--blueBtn: #268bd2;
 	--blueBtn-bottom: #2074b1;
 }
+:root[theme = "gruvbox"]{
+	--background: #242424;
+	--text: #fffefd;
+	--box-main: #32302f;
+	--box-toggle: #282828;
+	--box-separation: #504945;
+	--box-toggleOn: #458588;
+	--item-bg: #4d515d;
+	--select: #98971a;
+	--greenBtn:#8ec07c;
+	--greenBtn-bottom:#689D6A;
+	--redBtn: #fb4934;
+	--redBtn-bottom: #cc241d;
+	--blueBtn: #7fa2ac;
+	--blueBtn-bottom: #458588;
+
+}
 
 body {
 	background-color: var(--background);

assets/css/index.css

@@ -149,6 +149,23 @@
 	--blueBtn: #268bd2;
 	--blueBtn-bottom: #2074b1;
 }
+:root[theme = "gruvbox"]{
+	--background: #242424;
+	--text: #fffefd;
+	--box-main: #32302f;
+	--box-toggle: #282828;
+	--box-separation: #504945;
+	--box-toggleOn: #458588;
+	--item-bg: #eebd35;
+	--select: #98971a;
+	--greenBtn:#8ec07c;
+	--greenBtn-bottom:#689D6A;
+	--redBtn: #fb4934;
+	--redBtn-bottom: #cc241d;
+	--blueBtn: #7fa2ac;
+	--blueBtn-bottom: #458588;
+
+}
 
 body {
 	font-family: "Ubuntu";

html/compressor.html

@@ -33,8 +33,8 @@
             <option id="matrixTxt" value="matrix" data-translate="themeMatrix">Matrix</option>
             <option id="githubTxt" value="github">Github</option>
             <option id="latteTxt" value="latte">Latte</option>
-            <option id="solarizedDarkTxt" value="solarized-dark" data-translate="themeSolarizedDark">Solarized Dark
-            </option>
+            <option id="solarizedDarkTxt" value="solarized-dark" data-translate="themeSolarizedDark">Solarized Dark</option>
+            <option id="gruvboxTxt" value="gruvbox">Gruvbox</option>
         </select>
     </div>
 

html/index.html

@@ -70,8 +70,8 @@
             <option id="matrixTxt" value="matrix" data-translate="themeMatrix">Matrix</option>
             <option id="githubTxt" value="github">Github</option>
             <option id="latteTxt" value="latte">Latte</option>
-            <option id="solarizedDarkTxt" value="solarized-dark" data-translate="themeSolarizedDark">Solarized Dark
-            </option>
+            <option id="solarizedDarkTxt" value="solarized-dark" data-translate="themeSolarizedDark">Solarized Dark</option>
+            <option id ="guvboxTxt" value="gruvbox" data-translate="themeGruvbox">gruvbox</option>
         </select>
     </div>
 

html/playlist_new.html

@@ -45,6 +45,7 @@
             <option id="githubTxt" value="github">Github</option>
             <option id="latteTxt" value="latte">Latte</option>
             <option id="solarizedDarkTxt" value="solarized-dark">Solarized Dark</option>
+            <option id="gruvboxTxt" value="gruvbox">Gruvbox</option>
         </select>
     </div>