diff --git a/assets/css/extra.css b/assets/css/extra.css
index a96b608..27e304e 100644
--- a/assets/css/extra.css
+++ b/assets/css/extra.css
@@ -34,7 +34,7 @@
:root[theme="frappe"] {
--background: #232634;
- --text: #c6d0f5;
+ --text: #e2e8ff;
--box-main: #303446;
--box-toggle: #414559;
--box-toggleOn: #607dc1;
@@ -78,6 +78,54 @@
--blueBtn-bottom: #10701c;
}
+:root[theme="github"] {
+ --background: #F6F8FA;
+ --text: #292D31;
+ --box-main: #FFFFFF;
+ --box-toggle: #F3f3f3;
+ --box-toggleOn: #cce5ff;
+ --item-bg: #3A66D150;
+ --select: #cce5ff;
+ --greenBtn: #0a9431;
+ --greenBtn-bottom: #0c6826;
+ --redBtn: #d73a49;
+ --redBtn-bottom: #9b2733;
+ --blueBtn: #005CC5;
+ --blueBtn-bottom: #00428e;
+}
+
+:root[theme="latte"] {
+ --background: #dce0e8 ;
+ --text: #4c4f69;
+ --box-main: #eff1f5;
+ --box-toggle: #e6e9ef;
+ --box-toggleOn: #cce5ff;
+ --item-bg: #bcc0cc;
+ --select: #cce5ff;
+ --greenBtn: #40a02b;
+ --greenBtn-bottom: #2e711f;
+ --redBtn: #d20f39;
+ --redBtn-bottom: #9c0c2b;
+ --blueBtn: #1e66f5;
+ --blueBtn-bottom: rgb(3, 49, 101);
+}
+
+:root[theme="solarized-dark"] {
+ --background: #002B36;
+ --text: #a4b1b3;
+ --box-main: #003745;
+ --box-toggle: #2E4C52;
+ --box-toggleOn: #005a6f;
+ --item-bg: #003745;
+ --select: #2aa198;
+ --greenBtn: #859900;
+ --greenBtn-bottom: rgb(73, 84, 1);
+ --redBtn: #dc322f;
+ --redBtn-bottom: #af2523;
+ --blueBtn: #268bd2;
+ --blueBtn-bottom:#2074b1;
+}
+
body {
background-color: var(--background);
color: var(--text);
diff --git a/assets/css/index.css b/assets/css/index.css
index 3ba02cc..7a4c063 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -34,7 +34,7 @@
:root[theme="frappe"] {
--background: #232634;
- --text: #c6d0f5;
+ --text: #e2e8ff;
--box-main: #303446;
--box-toggle: #414559;
--box-toggleOn: #607dc1;
@@ -78,6 +78,54 @@
--blueBtn-bottom: #10701c;
}
+:root[theme="github"] {
+ --background: #F6F8FA;
+ --text: #292D31;
+ --box-main: #FFFFFF;
+ --box-toggle: #F3f3f3;
+ --box-toggleOn: #cce5ff;
+ --item-bg: #3A66D150;
+ --select: #cce5ff;
+ --greenBtn: #0a9431;
+ --greenBtn-bottom: #0c6826;
+ --redBtn: #d73a49;
+ --redBtn-bottom: #9b2733;
+ --blueBtn: #005CC5;
+ --blueBtn-bottom: #00428e;
+}
+
+:root[theme="latte"] {
+ --background: #dce0e8 ;
+ --text: #4c4f69;
+ --box-main: #eff1f5;
+ --box-toggle: #e6e9ef;
+ --box-toggleOn: #cce5ff;
+ --item-bg: #bcc0cc;
+ --select: #cce5ff;
+ --greenBtn: #40a02b;
+ --greenBtn-bottom: #2e711f;
+ --redBtn: #d20f39;
+ --redBtn-bottom: #9c0c2b;
+ --blueBtn: #1e66f5;
+ --blueBtn-bottom: rgb(3, 49, 101);
+}
+
+:root[theme="solarized-dark"] {
+ --background: #002B36;
+ --text: #a4b1b3;
+ --box-main: #003745;
+ --box-toggle: #2E4C52;
+ --box-toggleOn: #005a6f;
+ --item-bg: #003745;
+ --select: #2aa198;
+ --greenBtn: #859900;
+ --greenBtn-bottom: rgb(73, 84, 1);
+ --redBtn: #dc322f;
+ --redBtn-bottom: #af2523;
+ --blueBtn: #268bd2;
+ --blueBtn-bottom:#2074b1;
+}
+
body {
font-family: sans-serif;
text-align: center;
diff --git a/html/index.html b/html/index.html
index 14a9e6f..b6c3fe3 100644
--- a/html/index.html
+++ b/html/index.html
@@ -56,6 +56,9 @@
+
+
+
diff --git a/package.json b/package.json
index aafa0ce..cfe0a98 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
"yt-dlp-wrap-plus": "^2.3.16"
},
"name": "ytdownloader",
- "version": "3.13.0",
+ "version": "3.14.0-beta",
"main": "main.js",
"scripts": {
"start": "electron .",