diff --git a/assets/css/extra.css b/assets/css/extra.css
index bfdf105..d62c6c9 100644
--- a/assets/css/extra.css
+++ b/assets/css/extra.css
@@ -1,136 +1,140 @@
-body{
- background-color: rgb(50,50,50);
- color:whitesmoke;
- padding:20px;
- font-size: x-large;
- text-align: left;
- font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+body {
+ background-color: rgba(33, 33, 39, 0.95);
+ color: whitesmoke;
+ padding: 20px;
+ font-size: x-large;
+ text-align: left;
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+ Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
+ sans-serif;
+}
+h1 {
+ margin-top: 0;
+ display: inline-block;
+}
+#version {
+ margin: 5px;
+}
+input[type="text"],
+.input {
+ border-radius: 5px;
+ padding: 5px;
+ outline: none;
+ border: none;
+ width: 50%;
+ height: 35px;
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+ Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
+ sans-serif;
+}
+.input {
+ width: 70px;
+ font-size: larger;
+ padding: 5px;
+}
+.prefBox,
+#pathConfig {
+ display: flex;
+ justify-content: space-between;
+ margin: 0 15px;
+ padding: 20px 15px;
+ border-radius: 15px;
+ background-color: rgb(61, 62, 63);
}
-h1{
- margin-top:0;
- display: inline-block;
+
+.prefBox {
+ flex-direction: row;
}
-#version{
- margin:5px;
+#pathConfig {
+ flex-direction: column;
}
-input[type="text"], .input{
- border-radius: 5px;
- padding:5px;
- outline: none;
- border:none;
- width:50%;
- height:35px;
- font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+.configBox {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
}
-.input{
- width:70px;
- font-size: larger;
- padding:5px;
+#configBtn {
+ display: inline-block;
}
-
-.prefBox, #pathConfig{
- display:flex;
- justify-content: space-between;
- margin:0 15px;
- padding:15px 10px;
- border-radius: 15px;
- background-color: rgb(60, 60, 60);
+#configOpts {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
}
-
-.prefBox{
- flex-direction: row;
-
+#save {
+ padding: 10px;
+ border-radius: 8px;
+ border: none;
+ color: rgb(255, 255, 255);
+ background-color: rgb(49, 215, 49);
+ cursor: pointer;
+}
+#save:active {
+ background-color: rgb(41, 155, 41);
+}
+#top {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ display: flex;
+}
+#back,
+#restart {
+ text-decoration: none;
+ padding: 8px;
+ border-radius: 10px;
+ margin: 3px;
+ font-size: large;
+ cursor: pointer;
}
-#pathConfig{
- flex-direction: column;
-}
-.configBox{
- display: flex;
- flex-direction: row;
- justify-content: space-between;
-}
-#configBtn{
- display:inline-block;
-}
-#configOpts{
- display:flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
-}
-#save{
- padding:10px;
- border-radius: 8px;
- border:none;
- color:rgb(255, 255, 255);
- background-color: rgb(49, 215, 49);
- cursor: pointer;
-}
-#save:active{
- background-color: rgb(41, 155, 41);
-}
-#top{
- position:absolute;
- top:10px;
- right:10px;
- display:flex;
-}
-#back, #restart{
- text-decoration: none;
- padding:8px;
- border-radius: 10px;
- margin:3px;
- font-size: large;
- cursor: pointer;
-}
-#back{
- background-color: rgb(51, 177, 219);
- color:white;
+#back {
+ background-color: rgb(51, 177, 219);
+ color: white;
}
-#restart{
- background-color: rgb(210 69 27);
- color:white;
-}
-.redBtn{
- background-color: rgb(210 69 27);
- color:white;
- text-decoration: none;
- border: none;
- margin:5px;
- border-radius: 10px;
- cursor: pointer;
- font-size: medium;
-}
-a{
- color:rgb(34, 136, 199);
- cursor: pointer;
+#restart {
+ background-color: rgb(210 69 27);
+ color: white;
+}
+.redBtn {
+ background-color: rgb(210 69 27);
+ color: white;
+ text-decoration: none;
+ border: none;
+ margin: 5px;
+ border-radius: 10px;
+ cursor: pointer;
+ font-size: medium;
+}
+a {
+ color: rgb(34, 136, 199);
+ cursor: pointer;
}
-input[type="checkbox"]{
- width:25px;
- height:25px;
+input[type="checkbox"] {
+ width: 25px;
+ height: 25px;
}
-.greenBtn{
- padding:10px;
- margin:0 20px;
- border:none;
- border-radius: 10px;
- font-size: large;
- color:white;
- background-color: rgb(35, 190, 35);
+.greenBtn {
+ padding: 10px;
+ margin: 0 20px;
+ border: none;
+ border-radius: 10px;
+ font-size: large;
+ color: white;
+ background-color: rgb(35, 190, 35);
border-bottom: 4px solid rgb(30, 139, 30);
- cursor: pointer;
- position: relative;
- outline: none;
-}
-#selectLocation:active{
- border-bottom: none;
- top: 4px;
- margin-bottom: 4px;
-
+ cursor: pointer;
+ position: relative;
+ outline: none;
+}
+#selectLocation:active {
+ border-bottom: none;
+ top: 4px;
+ margin-bottom: 4px;
}
select {
padding: 15px;
@@ -140,12 +144,12 @@ select {
cursor: pointer;
font-size: large;
outline: none;
- position:relative;
+ position: relative;
}
-#browserInfo{
- cursor: pointer;
+#browserInfo {
+ cursor: pointer;
}
-#configOpts{
- display:none;
-}
\ No newline at end of file
+#configOpts {
+ display: none;
+}
diff --git a/assets/css/index.css b/assets/css/index.css
index 9e46949..bf6f497 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -228,6 +228,9 @@ body {
padding: 8px;
color: var(--text);
}
+#videoToggle{
+ background-color: var(--box-toggleOn);
+}
select {
padding: 15px;
diff --git a/flatpak/me.aandrew.ytdownloader.metainfo.xml b/flatpak/me.aandrew.ytdownloader.metainfo.xml
index 4e80b3d..3498b54 100644
--- a/flatpak/me.aandrew.ytdownloader.metainfo.xml
+++ b/flatpak/me.aandrew.ytdownloader.metainfo.xml
@@ -33,6 +33,7 @@
+
diff --git a/html/index.html b/html/index.html
index 7667ea6..3804aff 100644
--- a/html/index.html
+++ b/html/index.html
@@ -134,14 +134,14 @@
-
+
diff --git a/main.js b/main.js
index 6e0d38f..e9b91c4 100644
--- a/main.js
+++ b/main.js
@@ -208,6 +208,7 @@ ipcMain.on("load-page", (event, file) => {
parent: win,
modal: true,
show: false,
+ transparent: true
});
secondaryWindow.loadFile(file);
secondaryWindow.setMenu(null);
diff --git a/package.json b/package.json
index feb271d..27b24de 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
"yt-dlp-wrap-plus": "^2.3.16"
},
"name": "ytdownloader",
- "version": "3.11.0",
+ "version": "3.12.0",
"main": "main.js",
"scripts": {
"start": "electron .",
diff --git a/src/common.js b/src/common.js
index ece3954..2fc9728 100644
--- a/src/common.js
+++ b/src/common.js
@@ -66,10 +66,10 @@ function toggle() {
// Switching to light theme
circle.style.left = "0px";
- root.style.setProperty("--background", "whitesmoke");
+ root.style.setProperty("--background", "white");
root.style.setProperty("--text", "rgb(45, 45, 45)");
- root.style.setProperty("--box-main", "rgb(174 249 224)");
- root.style.setProperty("--box-toggle", "rgb(108, 231, 190)");
+ root.style.setProperty("--box-main", "#eef4f3");
+ root.style.setProperty("--box-toggle", "rgb(215 238 233)");
root.style.setProperty("--theme-toggle", "rgb(147, 174, 185)");
root.style.setProperty("--item-bg", "#dddddd");
diff --git a/src/renderer.js b/src/renderer.js
index 4f95534..376eb0e 100644
--- a/src/renderer.js
+++ b/src/renderer.js
@@ -339,7 +339,6 @@ async function getInfo(url) {
getId("hidden").style.display = "inline-block";
getId("title").innerHTML = `${i18n.__("Title ")}: ` + title;
getId("videoList").style.display = "block";
- videoToggle.style.backgroundColor = "rgb(67, 212, 164)";
let audioSize = 0;
let defaultVideoFormat = 0;
diff --git a/src/translate_index.js b/src/translate_index.js
index 85864cd..9573d12 100644
--- a/src/translate_index.js
+++ b/src/translate_index.js
@@ -38,9 +38,9 @@ getId("subTxt").textContent = i18n.__("Download subtitles if available");
getId("extractHeader").textContent = i18n.__("Extract Audio");
getId("extractBtn").textContent = i18n.__("Extract");
getId("errorBtn").textContent = i18n.__("Error Details")+" ▼"
-getId("extractQualitySelectTxt").textContent = i18n.__("Select Quality")
-getId("extractQualityNormal").textContent = i18n.__("Normal")
-getId("extractQualityBest").textContent = i18n.__("Best")
-getId("extractQualityGood").textContent = i18n.__("Good")
-getId("extractQualityBad").textContent = i18n.__("Bad")
-getId("extractQualityWorst").textContent = i18n.__("Worst")
+// getId("extractQualitySelectTxt").textContent = i18n.__("Select Quality")
+// getId("extractQualityNormal").textContent = i18n.__("Normal")
+// getId("extractQualityBest").textContent = i18n.__("Best")
+// getId("extractQualityGood").textContent = i18n.__("Good")
+// getId("extractQualityBad").textContent = i18n.__("Bad")
+// getId("extractQualityWorst").textContent = i18n.__("Worst")
diff --git a/translations/en.json b/translations/en.json
index b380cba..8a48fc0 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -96,5 +96,6 @@
"Bad":"Bad",
"Worst":"Worst",
"Select Quality":"Select Quality",
- "Disable auto updates":"Disable auto updates"
+ "Disable auto updates":"Disable auto updates",
+ "ultralow":"ultralow"
}