Prepare for update

pull/112/head
Andrew 3 years ago
parent a7d50fe3ad
commit f07e2ccc96

@ -1,136 +1,140 @@
body{ body {
background-color: rgb(50,50,50); background-color: rgba(33, 33, 39, 0.95);
color:whitesmoke; color: whitesmoke;
padding:20px; padding: 20px;
font-size: x-large; font-size: x-large;
text-align: left; text-align: left;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 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; .prefBox {
display: inline-block; flex-direction: row;
} }
#version{ #pathConfig {
margin:5px; flex-direction: column;
} }
input[type="text"], .input{ .configBox {
border-radius: 5px; display: flex;
padding:5px; flex-direction: row;
outline: none; justify-content: space-between;
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{ #configBtn {
width:70px; display: inline-block;
font-size: larger;
padding:5px;
} }
#configOpts {
.prefBox, #pathConfig{ display: flex;
display:flex; flex-direction: column;
justify-content: space-between; justify-content: center;
margin:0 15px; align-items: center;
padding:15px 10px;
border-radius: 15px;
background-color: rgb(60, 60, 60);
} }
#save {
.prefBox{ padding: 10px;
flex-direction: row; border-radius: 8px;
border: none;
color: rgb(255, 255, 255);
background-color: rgb(49, 215, 49);
cursor: pointer;
} }
#pathConfig{ #save:active {
flex-direction: column; background-color: rgb(41, 155, 41);
} }
.configBox{ #top {
display: flex; position: absolute;
flex-direction: row; top: 10px;
justify-content: space-between; right: 10px;
} display: flex;
#configBtn{ }
display:inline-block; #back,
} #restart {
#configOpts{ text-decoration: none;
display:flex; padding: 8px;
flex-direction: column; border-radius: 10px;
justify-content: center; margin: 3px;
align-items: center; font-size: large;
} cursor: pointer;
#save{ }
padding:10px; #back {
border-radius: 8px; background-color: rgb(51, 177, 219);
border:none; color: white;
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;
} }
#restart{ #restart {
background-color: rgb(210 69 27); background-color: rgb(210 69 27);
color:white; color: white;
} }
.redBtn{ .redBtn {
background-color: rgb(210 69 27); background-color: rgb(210 69 27);
color:white; color: white;
text-decoration: none; text-decoration: none;
border: none; border: none;
margin:5px; margin: 5px;
border-radius: 10px; border-radius: 10px;
cursor: pointer; cursor: pointer;
font-size: medium; font-size: medium;
} }
a{ a {
color:rgb(34, 136, 199); color: rgb(34, 136, 199);
cursor: pointer; cursor: pointer;
} }
input[type="checkbox"]{ input[type="checkbox"] {
width:25px; width: 25px;
height:25px; height: 25px;
} }
.greenBtn{ .greenBtn {
padding:10px; padding: 10px;
margin:0 20px; margin: 0 20px;
border:none; border: none;
border-radius: 10px; border-radius: 10px;
font-size: large; font-size: large;
color:white; color: white;
background-color: rgb(35, 190, 35); background-color: rgb(35, 190, 35);
border-bottom: 4px solid rgb(30, 139, 30); border-bottom: 4px solid rgb(30, 139, 30);
cursor: pointer; cursor: pointer;
position: relative; position: relative;
outline: none; outline: none;
} }
#selectLocation:active{ #selectLocation:active {
border-bottom: none; border-bottom: none;
top: 4px; top: 4px;
margin-bottom: 4px; margin-bottom: 4px;
} }
select { select {
padding: 15px; padding: 15px;
@ -140,12 +144,12 @@ select {
cursor: pointer; cursor: pointer;
font-size: large; font-size: large;
outline: none; outline: none;
position:relative; position: relative;
} }
#browserInfo{ #browserInfo {
cursor: pointer; cursor: pointer;
} }
#configOpts{ #configOpts {
display:none; display: none;
} }

@ -228,6 +228,9 @@ body {
padding: 8px; padding: 8px;
color: var(--text); color: var(--text);
} }
#videoToggle{
background-color: var(--box-toggleOn);
}
select { select {
padding: 15px; padding: 15px;

@ -33,6 +33,7 @@
<content_rating type="oars-1.1"/> <content_rating type="oars-1.1"/>
<releases> <releases>
<release version="3.12.0" date="2023-2-26"/>
<release version="3.11.0" date="2023-1-30"/> <release version="3.11.0" date="2023-1-30"/>
<release version="3.10.6" date="2023-1-24"/> <release version="3.10.6" date="2023-1-24"/>
<release version="3.10.5" date="2023-1-22"/> <release version="3.10.5" date="2023-1-22"/>

@ -134,14 +134,14 @@
<option value="flac">Flac</option> <option value="flac">Flac</option>
<option value="vorbis">Vorbis (ogg)</option> <option value="vorbis">Vorbis (ogg)</option>
</select> </select>
<label class="extractQualitySelect" id="extractQualitySelectTxt" >Select Quality</label> <!-- <label class="extractQualitySelect" id="extractQualitySelectTxt" >Select Quality</label>
<select id="extractQualitySelect"> <select id="extractQualitySelect">
<option id="extractQualityNormal" value="5">Normal</option> <option id="extractQualityNormal" value="5">Normal</option>
<option id="extractQualityBest" value="0">Best</option> <option id="extractQualityBest" value="0">Best</option>
<option id="extractQualityGood" value="2">Good</option> <option id="extractQualityGood" value="2">Good</option>
<option id="extractQualityBad" value="8">Bad</option> <option id="extractQualityBad" value="8">Bad</option>
<option id="extractQualityWorst" value="10">Worst</option> <option id="extractQualityWorst" value="10">Worst</option>
</select> </select> -->
<br> <br>
<button id="extractBtn">Extract</button> <button id="extractBtn">Extract</button>
</div> </div>

@ -208,6 +208,7 @@ ipcMain.on("load-page", (event, file) => {
parent: win, parent: win,
modal: true, modal: true,
show: false, show: false,
transparent: true
}); });
secondaryWindow.loadFile(file); secondaryWindow.loadFile(file);
secondaryWindow.setMenu(null); secondaryWindow.setMenu(null);

@ -4,7 +4,7 @@
"yt-dlp-wrap-plus": "^2.3.16" "yt-dlp-wrap-plus": "^2.3.16"
}, },
"name": "ytdownloader", "name": "ytdownloader",
"version": "3.11.0", "version": "3.12.0",
"main": "main.js", "main": "main.js",
"scripts": { "scripts": {
"start": "electron .", "start": "electron .",

@ -66,10 +66,10 @@ function toggle() {
// Switching to light theme // Switching to light theme
circle.style.left = "0px"; 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("--text", "rgb(45, 45, 45)");
root.style.setProperty("--box-main", "rgb(174 249 224)"); root.style.setProperty("--box-main", "#eef4f3");
root.style.setProperty("--box-toggle", "rgb(108, 231, 190)"); root.style.setProperty("--box-toggle", "rgb(215 238 233)");
root.style.setProperty("--theme-toggle", "rgb(147, 174, 185)"); root.style.setProperty("--theme-toggle", "rgb(147, 174, 185)");
root.style.setProperty("--item-bg", "#dddddd"); root.style.setProperty("--item-bg", "#dddddd");

@ -339,7 +339,6 @@ async function getInfo(url) {
getId("hidden").style.display = "inline-block"; getId("hidden").style.display = "inline-block";
getId("title").innerHTML = `<b>${i18n.__("Title ")}</b>: ` + title; getId("title").innerHTML = `<b>${i18n.__("Title ")}</b>: ` + title;
getId("videoList").style.display = "block"; getId("videoList").style.display = "block";
videoToggle.style.backgroundColor = "rgb(67, 212, 164)";
let audioSize = 0; let audioSize = 0;
let defaultVideoFormat = 0; let defaultVideoFormat = 0;

@ -38,9 +38,9 @@ getId("subTxt").textContent = i18n.__("Download subtitles if available");
getId("extractHeader").textContent = i18n.__("Extract Audio"); getId("extractHeader").textContent = i18n.__("Extract Audio");
getId("extractBtn").textContent = i18n.__("Extract"); getId("extractBtn").textContent = i18n.__("Extract");
getId("errorBtn").textContent = i18n.__("Error Details")+" ▼" getId("errorBtn").textContent = i18n.__("Error Details")+" ▼"
getId("extractQualitySelectTxt").textContent = i18n.__("Select Quality") // getId("extractQualitySelectTxt").textContent = i18n.__("Select Quality")
getId("extractQualityNormal").textContent = i18n.__("Normal") // getId("extractQualityNormal").textContent = i18n.__("Normal")
getId("extractQualityBest").textContent = i18n.__("Best") // getId("extractQualityBest").textContent = i18n.__("Best")
getId("extractQualityGood").textContent = i18n.__("Good") // getId("extractQualityGood").textContent = i18n.__("Good")
getId("extractQualityBad").textContent = i18n.__("Bad") // getId("extractQualityBad").textContent = i18n.__("Bad")
getId("extractQualityWorst").textContent = i18n.__("Worst") // getId("extractQualityWorst").textContent = i18n.__("Worst")

@ -96,5 +96,6 @@
"Bad":"Bad", "Bad":"Bad",
"Worst":"Worst", "Worst":"Worst",
"Select Quality":"Select Quality", "Select Quality":"Select Quality",
"Disable auto updates":"Disable auto updates" "Disable auto updates":"Disable auto updates",
"ultralow":"ultralow"
} }

Loading…
Cancel
Save