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 .",