diff --git a/public/assets/images/Chirac.png b/public/assets/images/Chirac.png new file mode 100644 index 0000000..f40b8e7 Binary files /dev/null and b/public/assets/images/Chirac.png differ diff --git a/public/assets/images/cyberpunk4.webp b/public/assets/images/Cyberpunk.webp similarity index 100% rename from public/assets/images/cyberpunk4.webp rename to public/assets/images/Cyberpunk.webp diff --git a/public/assets/images/NF.jpg b/public/assets/images/NF.jpg new file mode 100644 index 0000000..f8d4f55 Binary files /dev/null and b/public/assets/images/NF.jpg differ diff --git a/public/assets/images/Vilbrequin.avif b/public/assets/images/Vilbrequin.avif deleted file mode 100644 index e115f98..0000000 Binary files a/public/assets/images/Vilbrequin.avif and /dev/null differ diff --git a/public/assets/images/Vilbrequin.webp b/public/assets/images/Vilbrequin.webp new file mode 100644 index 0000000..02c5d06 Binary files /dev/null and b/public/assets/images/Vilbrequin.webp differ diff --git a/public/assets/images/goat.webp b/public/assets/images/goat.webp deleted file mode 100644 index 4411f79..0000000 Binary files a/public/assets/images/goat.webp and /dev/null differ diff --git a/public/assets/images/spicy.webp b/public/assets/images/spicy.webp index da2b756..2f83d64 100644 Binary files a/public/assets/images/spicy.webp and b/public/assets/images/spicy.webp differ diff --git a/public/script/customthemes.js b/public/script/customthemes.js index f39c271..0510f8d 100644 --- a/public/script/customthemes.js +++ b/public/script/customthemes.js @@ -21,6 +21,7 @@ const themes = { default: "Default", dark: "Sombre", light: "Clair", + nf : "NF", chirac: "Chirac", fanatic: "Fanatic", cyberpunk: "Cyberpunk", @@ -32,6 +33,7 @@ const themeSubtitles = { default: "Because why not?", dark: "Darkness is my ally", light: "Qui aime ce thème ?", + nf : "You call it music, i call it my Therapist", chirac: "J'aime les pommes", fanatic: "Always Fnatic !", cyberpunk: "Wake up, choom. We’ve got a city to burn.", diff --git a/public/styles/components/editpathbutton.css b/public/styles/components/editpathbutton.css index 7668587..3c00a38 100644 --- a/public/styles/components/editpathbutton.css +++ b/public/styles/components/editpathbutton.css @@ -29,13 +29,14 @@ color: var(--form-button-text-color); border: none; padding: 0.3em 0.8em; - border-radius: 6px; + border-radius: 8px; cursor: pointer; transition: background-color 0.3s ease, transform 0.2s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.2); + font-size: 0.9rem; + font-weight: 550; } .download-path button#changePath:hover { background-color: var(--form-button-bg-hover-color); - transform: scale(1.05); } diff --git a/public/styles/theme/chirac-theme.css b/public/styles/theme/chirac-theme.css index 02b1cce..8efbaac 100644 --- a/public/styles/theme/chirac-theme.css +++ b/public/styles/theme/chirac-theme.css @@ -1,7 +1,7 @@ body.chirac { /* Background image Chirac */ - background-image: url('../../assets/images/goat.webp'); - background-position: right; + background-image: url('../../assets/images/Chirac.png'); + /* background-position: right; */ background-repeat: no-repeat; background-size: cover; background-attachment: fixed; diff --git a/public/styles/theme/cyberpunk-theme.css b/public/styles/theme/cyberpunk-theme.css index 434210f..0cecee6 100644 --- a/public/styles/theme/cyberpunk-theme.css +++ b/public/styles/theme/cyberpunk-theme.css @@ -36,7 +36,7 @@ body.cyberpunk { } body.cyberpunk { - background-image: url('../../assets/images/cyberpunk4.webp'); + background-image: url('../../assets/images/Cyberpunk.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; diff --git a/public/styles/theme/nf-theme.css b/public/styles/theme/nf-theme.css new file mode 100644 index 0000000..198b6a7 --- /dev/null +++ b/public/styles/theme/nf-theme.css @@ -0,0 +1,48 @@ +body.nf { + /* Couleurs générales */ + --background-color: #1a1a1a; /* fond sombre neutre */ + --default-text-color: #e6dfd5; /* texte beige clair */ + --subtitle-color: #f5f0e6; /* beige très clair (titres) */ + --mp3-text-color: #d8cfc2; /* texte checkbox */ + + /* Formulaire */ + --form-bg-color: #2a2a2a; /* fond formulaire gris sombre */ + --form-input-bg-color: #222222; /* fond inputs sombre */ + --form-input-border-color: #4a4036; /* bordure beige/brun */ + --form-input-border-focus-color: #cbb89d; /* beige doré en focus */ + --form-input-text-color: #f0e8dd; /* texte clair/beige */ + --form-input-placeholder-color: #9a8f80; /* placeholder beige/gris */ + --form-button-bg-color: #cbb89d; /* bouton beige doré */ + --form-button-text-color: #1a1a1a; /* texte sombre */ + --form-button-bg-hover-color: #b7a588; /* hover beige plus foncé */ + + /* Checkbox */ + --checkbox-bg-default: #4a4036; /* brun/gris */ + --checkbox-bg-checked: #cbb89d; /* beige doré */ + --checkbox-checkmark-border-color: #1a1a1a; /* noir profond */ + --checkbox-pulse-color: rgba(203,184,157,0.3); /* halo beige doux */ + + /* Download status */ + --download-status-color: #cbb89d; /* beige doré */ + + /* Video Info Box */ + --infos-box-color: #2a2a2a; /* fond sombre */ + --video-info-text-color: #e6dfd5; /* texte beige clair */ + --video-info-heading-color: #f5f0e6; /* titres beige clair */ + --video-info-list-color: #d8cfc2; /* texte liste */ + --video-info-list-strong-color: #ffffff; /* texte fort blanc cassé */ + --video-info-link-color: #cbb89d; /* liens beige doré */ + --video-info-link-hover-color: #b7a588; /* hover beige plus foncé */ +} + +/* Fond inspiré de ton image beige */ +body.nf { + background-image: url('../../assets/images/NF.jpg'); /* mets ton image ici */ + background-size: cover; + background-position: 70% center; + background-attachment: fixed; +} + +body.nf .download-path { + color: var(--default-text-color); +} diff --git a/public/styles/theme/spicy-theme.css b/public/styles/theme/spicy-theme.css index b4f2c93..a3046e7 100644 --- a/public/styles/theme/spicy-theme.css +++ b/public/styles/theme/spicy-theme.css @@ -1,8 +1,14 @@ +/* + + + +*/ + body.spicy { /* Couleurs générales */ --background-color: #121212; /* fond noir profond */ - --default-text-color: #f5f5f5; /* texte clair */ - --subtitle-color: #e29191; /* accent rouge piment */ + --default-text-color: #581010; /* texte clair */ + --subtitle-color: #3d0909; /* accent rouge piment */ --mp3-text-color: #ffffff; /* texte checkbox inline */ /* Formulaire */ @@ -37,8 +43,8 @@ body.spicy { /* Optionnel: background piments */ body.spicy { - background-image: url('../../assets/images/spicy.webp'); - background-size: cover; + background-image: url('../../assets/images/Spicy.webp'); + background-size:contain; background-position: center; background-attachment: fixed; } diff --git a/public/styles/theme/themeimport.css b/public/styles/theme/themeimport.css index 82d1565..3748f0c 100644 --- a/public/styles/theme/themeimport.css +++ b/public/styles/theme/themeimport.css @@ -5,4 +5,5 @@ @import url("light-theme.css"); @import url("cyberpunk-theme.css"); @import url("spicy-theme.css"); -@import url("vilbrequin-theme.css"); \ No newline at end of file +@import url("vilbrequin-theme.css"); +@import url("nf-theme.css"); \ No newline at end of file diff --git a/public/styles/theme/vilbrequin-theme.css b/public/styles/theme/vilbrequin-theme.css index 9a89dea..ec9df97 100644 --- a/public/styles/theme/vilbrequin-theme.css +++ b/public/styles/theme/vilbrequin-theme.css @@ -37,7 +37,7 @@ body.vilbrequin { /* Optionnel: motif turbo ou jantes */ body.vilbrequin { - background-image: url('../../assets/images/Vilbrequin.avif'); /* adapte ton image */ + background-image: url('../../assets/images/Vilbrequin.webp'); /* adapte ton image */ background-size: cover; background-position: center; background-attachment: fixed; diff --git a/yt-dlp 2025.08.20.exe b/yt-dlp 2025.08.20.exe deleted file mode 100644 index 7c2e8fb..0000000 Binary files a/yt-dlp 2025.08.20.exe and /dev/null differ