From 8fe080c1f3c4e2e41b46aa1cf1562367274fee6a Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Thu, 8 Jul 2021 22:23:34 +0200 Subject: [PATCH] =?UTF-8?q?qbittorrent=20=20=F0=9F=A7=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CSS/themes/qbittorrent/aquamarine.css | 13 +- CSS/themes/qbittorrent/dark.css | 13 +- CSS/themes/qbittorrent/dracula.css | 21 +++ CSS/themes/qbittorrent/hotline.css | 13 +- CSS/themes/qbittorrent/organizr-dark.css | 13 +- CSS/themes/qbittorrent/plex.css | 13 +- CSS/themes/qbittorrent/qbittorrent-base.css | 181 +++++++++++--------- CSS/themes/qbittorrent/space-gray.css | 13 +- 8 files changed, 141 insertions(+), 139 deletions(-) create mode 100644 CSS/themes/qbittorrent/dracula.css diff --git a/CSS/themes/qbittorrent/aquamarine.css b/CSS/themes/qbittorrent/aquamarine.css index ec37c08d..a2ddaab4 100644 --- a/CSS/themes/qbittorrent/aquamarine.css +++ b/CSS/themes/qbittorrent/aquamarine.css @@ -13,16 +13,9 @@ /* QBITTORRENT AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); + +/* APP VARS */ :root { - --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --progress-color: #4c95af; - --button-color: #009688; - --button-color-hover: #12afa0; - --button-text: #eee; - --accent-color: 18, 175, 160; - --accent-color-hover: #fff; - --text: #eee; - --text-hover: #fff; - --link-color: #12afa0; } diff --git a/CSS/themes/qbittorrent/dark.css b/CSS/themes/qbittorrent/dark.css index 3975b714..971d1e23 100644 --- a/CSS/themes/qbittorrent/dark.css +++ b/CSS/themes/qbittorrent/dark.css @@ -13,16 +13,9 @@ /* QBITTORRENT DARK THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/dark.css); + +/* APP VARS */ :root { - --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --progress-color: #3d3d3d; - --button-color: hsla(0,0%,100%,.15); - --button-color-hover: hsla(0,0%,100%,.30); - --button-text: #eee; - --accent-color: 255, 255, 255; - --accent-color-hover: rgba(255, 255, 255, 0.45); - --text: #eee; - --text-hover: #fff; - --link-hover: rgba(255, 255, 255, 0.45); } \ No newline at end of file diff --git a/CSS/themes/qbittorrent/dracula.css b/CSS/themes/qbittorrent/dracula.css new file mode 100644 index 00000000..a15430fd --- /dev/null +++ b/CSS/themes/qbittorrent/dracula.css @@ -0,0 +1,21 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + + /* QBITTORRENT SPACE GRAY THEME */ +@import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); + +/* APP VARS */ +:root { + --progress-color: #50fa7b; +} diff --git a/CSS/themes/qbittorrent/hotline.css b/CSS/themes/qbittorrent/hotline.css index c43eb749..34cfe509 100644 --- a/CSS/themes/qbittorrent/hotline.css +++ b/CSS/themes/qbittorrent/hotline.css @@ -13,16 +13,9 @@ /* QBITTORRENT HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/hotline.css); + +/* APP VARS */ :root { - --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; --progress-color: #df6c4c; - --button-color: hsla(0,0%,100%,.15); - --button-color-hover: hsla(0,0%,100%,.30); - --button-text: #eee; - --accent-color: 244, 64, 52; - --accent-color-hover: #0b3161; - --text: #eee; - --text-hover: #fff; - --link-hover: #F44336; } \ No newline at end of file diff --git a/CSS/themes/qbittorrent/organizr-dark.css b/CSS/themes/qbittorrent/organizr-dark.css index c33e8559..ec19d358 100644 --- a/CSS/themes/qbittorrent/organizr-dark.css +++ b/CSS/themes/qbittorrent/organizr-dark.css @@ -13,16 +13,9 @@ /* QBITTORRENT ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); + +/* APP VARS */ :root { - --main-bg-color: #1f1f1f; - --modal-bg-color: #1b1b1b; --progress-color: #2cabe3; - --button-color: #2cabe3; - --button-color-hover: rgb(44 171 227 / .8); - --button-text: #eee; - --accent-color: 44, 171, 227; - --accent-color-hover: #fff; - --text:#96a2b4; - --text-hover: #fff; - --link-color: #2cabe3; } \ No newline at end of file diff --git a/CSS/themes/qbittorrent/plex.css b/CSS/themes/qbittorrent/plex.css index 60f733ca..093fe0db 100644 --- a/CSS/themes/qbittorrent/plex.css +++ b/CSS/themes/qbittorrent/plex.css @@ -13,16 +13,9 @@ /* QBITTORRENT PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); + +/* APP VARS */ :root { - --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; - --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; --progress-color: #cc7b19; - --button-color: #cc7b19; - --button-color-hover: #e59029; - --button-text: #eee; - --accent-color: 227, 159, 13; - --accent-color-hover: #ffc107; - --text: #eee; - --text-hover: #fff; - --link-color:#fff; } \ No newline at end of file diff --git a/CSS/themes/qbittorrent/qbittorrent-base.css b/CSS/themes/qbittorrent/qbittorrent-base.css index d29ba286..53855dba 100644 --- a/CSS/themes/qbittorrent/qbittorrent-base.css +++ b/CSS/themes/qbittorrent/qbittorrent-base.css @@ -29,7 +29,7 @@ html, body { - color: #FFF; + color: var(--text); background: transparent; } @@ -49,7 +49,7 @@ input:disabled { } input[type="text"i] { - color: #FFF; + color: var(--text-hover); background-color: rgba(0, 0, 0, .25); border-width: 0px; outline: none; @@ -58,7 +58,7 @@ input[type="text"i] { } input[type="password"i] { - color: #FFF; + color: var(--text-hover); background-color: rgba(0, 0, 0, .25); border-width: 0px; outline: none; @@ -67,7 +67,7 @@ input[type="password"i] { } input[type="number"i] { - color: #FFF; + color: var(--text-hover); background-color: rgba(0, 0, 0, .25); border-width: 0px; outline: none; @@ -75,7 +75,7 @@ input[type="number"i] { } input[type="file"i] { - color: #FFF; + color: var(--text-hover); background-color: rgba(0, 0, 0, .25); border-width: 0px; outline: none; @@ -103,7 +103,7 @@ h2, h3, h4, .mochaTitlebar h3 { - color: #fff; + color: var(--text-hover); } /* Login */ @@ -115,6 +115,7 @@ h4, margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; + color: var(--text-hover); } #error_msg { @@ -199,17 +200,17 @@ label { } #desktopNavbar ul li a { - color: #fff; + color: var(--text); } #desktopNavbar ul li a:hover { - color: #fff; + color: var(--text-hover); background-color: rgba(255, 255, 255, 0.08); } #desktopNavbar li ul li a:hover { background: rgba(255, 255, 255, .08); - color: #fff; + color: var(--text-hover); } #desktopNavbar li ul { @@ -218,7 +219,7 @@ label { } #desktopNavbar li ul li a { - color: #fff; + color: var(--text); } #desktopHeader { @@ -241,6 +242,7 @@ label { .dynamicTable th { background-color: rgba(0, 0, 0, 0.25) !important; border-right-color: rgba(255, 255, 255, .08) !important; + color: var(--text-hover); } .dynamicTable thead tr { @@ -266,10 +268,12 @@ label { .dynamicTable tbody tr:hover { background-color: rgba(255, 255, 255, 0.15) !important; + color: var(--text-hover); } .dynamicTable tbody tr.selected { background-color: rgba(var(--accent-color),0.6) !important; + color: var(--label-text-color); } .dynamicTable th.sorted.reverse { background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/go-down.png) !important; @@ -297,7 +301,7 @@ li.divider { #main input[type="text"i] { - color: #FFF; + color: var(--text-hover); background-color: rgba(0, 0, 0, .25); border-width: 0px; outline: none; @@ -313,7 +317,7 @@ li.divider { } #main input[type="password"i] { - color: #FFF; + color: var(--text-hover); background-color: rgba(0, 0, 0, .25); border-width: 0px; outline: none; @@ -350,7 +354,7 @@ li.divider { border-radius: 4px; cursor: pointer; border: none; - color: var(--button-text) !important; + color: var(--button-text-hover) !important; } @@ -361,11 +365,15 @@ li.divider { } .contextMenu li a { - color: #fff; + color: var(--text); } .contextMenu li a:hover { background-color: rgba(255, 255, 255, .08) !important; + color: var(--text-hover); +} +.contextMenu li a:hover { + } .contextMenu li ul { @@ -380,11 +388,20 @@ li.divider { /* Sidemenu */ .selectedFilter { background-color: rgba(var(--accent-color),0.6); - color: #FFF; + color: #eee; +} + +.selectedFilter:before { + color: var(--button-color-hover) !important; } ul.filterList li:hover { background-color: rgba(var(--accent-color),0.6); + color: var(--button-color-hover) !important; +} + +ul.filterList li:hover:before { + color: var(--button-color-hover) !important; } .columnHandle { @@ -412,13 +429,13 @@ ul.filterList li:hover { } .tab-menu li.selected a { - color: #fff !important; + color: var(--text-hover) !important; background: transparent !important; font-weight: normal !important; } .tab-menu li a { - color: #fff !important; + color: var(--text) !important; background: transparent !important; } @@ -440,6 +457,7 @@ ul.filterList li:hover { .progressbar_dark { background: var(--progress-color) !important; + color: var(--label-text-color) !important; } .progressbar_light { @@ -516,7 +534,11 @@ fieldset { } .mocha.isFocused .mochaTitlebar h3 { - color: #fff; + color: var(--text-hover); +} + +fieldset.settings legend { + color: var(--text-hover); } .mochaContentWrapper { @@ -541,7 +563,7 @@ textarea:disabled { } textarea { - color: #fff !important; + color: var(--text-hover) !important; cursor: default; background-color: rgb(0, 0, 0, .25) !important; border: none !important; @@ -621,7 +643,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); margin-top: 5px; } @@ -634,7 +656,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: white; + color: var(--button-color-hover); } #uploadButton>img.mochaToolButton { @@ -650,7 +672,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); } #uploadButton:hover:before { @@ -662,7 +684,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: white; + color: var(--button-color-hover); } #deleteButton>img.mochaToolButton { @@ -678,7 +700,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); } #deleteButton:hover:before { @@ -690,7 +712,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: white; + color: var(--button-color-hover); } #resumeButton>img.mochaToolButton { @@ -706,7 +728,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); } #resumeButton:hover:before { @@ -718,7 +740,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: white; + color: var(--button-color-hover); } #pauseButton>img.mochaToolButton { @@ -734,7 +756,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); } #pauseButton:hover:before { @@ -746,7 +768,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: white; + color: var(--button-color-hover); } #topPrioButton>img.mochaToolButton { @@ -762,7 +784,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); } #topPrioButton:hover:before { @@ -774,7 +796,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: white; + color: var(--button-color-hover); } #increasePrioButton>img.mochaToolButton { @@ -790,7 +812,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); } #increasePrioButton:hover:before { @@ -802,7 +824,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: white; + color: var(--button-color-hover); } #decreasePrioButton>img.mochaToolButton { @@ -818,7 +840,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); } #decreasePrioButton:hover:before { @@ -830,7 +852,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: white; + color: var(--button-color-hover); } #bottomPrioButton>img.mochaToolButton { @@ -846,7 +868,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); } #bottomPrioButton:hover:before { @@ -858,7 +880,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: white; + color: var(--button-color-hover); } #preferencesButton>img.mochaToolButton { @@ -874,7 +896,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); } #preferencesButton:hover:before { @@ -886,7 +908,7 @@ input[type="submit"i]:hover { width: 24px; height: 24px; margin-right: 10px; - color: white; + color: var(--button-color-hover); } /*Top menu icons*/ @@ -916,7 +938,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -931,7 +953,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -946,7 +968,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -961,7 +983,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -978,7 +1000,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -993,7 +1015,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1008,7 +1030,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1023,7 +1045,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1038,7 +1060,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1053,7 +1075,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1068,7 +1090,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1083,7 +1105,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1098,7 +1120,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1113,7 +1135,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1131,7 +1153,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1158,7 +1180,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1186,7 +1208,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1214,7 +1236,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1230,7 +1252,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1269,7 +1291,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1300,7 +1322,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1317,7 +1339,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1332,7 +1354,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1347,7 +1369,7 @@ input[type="submit"i]:hover { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1368,7 +1390,7 @@ ul.filterList a { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1383,7 +1405,7 @@ ul.filterList a { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1398,7 +1420,7 @@ ul.filterList a { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1413,7 +1435,7 @@ ul.filterList a { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1428,7 +1450,7 @@ ul.filterList a { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1443,7 +1465,7 @@ ul.filterList a { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1458,7 +1480,7 @@ ul.filterList a { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.9); + color: var(--button-color); padding-left: 5px; } @@ -1473,7 +1495,7 @@ ul.filterList a { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.4); + color: var(--button-color); padding-left: 5px; } @@ -1488,7 +1510,7 @@ ul.filterList a { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.4); + color: var(--button-color); padding-left: 5px; } @@ -1503,7 +1525,7 @@ ul.filterList a { font-weight: 900; display: inline-block !important; margin-right: 5px; - color: rgba(255, 255, 255, 0.4); + color: var(--button-color); padding-left: 5px; } @@ -1518,7 +1540,7 @@ ul.filterList a { font-weight: 900; display: inline-block !important; margin-right: 5px; - color: rgba(255, 255, 255, 0.4); + color: var(--button-color); padding-left: 5px; } @@ -1578,7 +1600,7 @@ img[src="icons/stalledDL.svg"] { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1595,7 +1617,7 @@ img[src="icons/stalledDL.svg"] { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1612,7 +1634,7 @@ img[src="icons/stalledDL.svg"] { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } @@ -1677,7 +1699,8 @@ img[src="icons/view-filter.svg"], img[src="icons/view-preview.svg"], img[src="icons/view-statistics.svg"], img[src="icons/wallet-open.svg"], -img[src="icons/webui.svg"] { +img[src="icons/webui.svg"], +img[src="icons/checking.svg"] { filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(289deg) brightness(106%) contrast(101%); } @@ -1718,6 +1741,6 @@ img[src="icons/webui.svg"] { font-weight: 900; display: inline-block; margin-right: 5px; - color: rgba(255, 255, 255, 0.7); + color: var(--button-color); padding-left: 5px; } \ No newline at end of file diff --git a/CSS/themes/qbittorrent/space-gray.css b/CSS/themes/qbittorrent/space-gray.css index 5f561293..3b40973a 100644 --- a/CSS/themes/qbittorrent/space-gray.css +++ b/CSS/themes/qbittorrent/space-gray.css @@ -13,16 +13,9 @@ /* QBITTORRENT SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/qbittorrent/qbittorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/space-gray.css); + +/* APP VARS */ :root { - --main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; - --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; --progress-color: #607D8B; - --button-color: #607D8B; - --button-color-hover: #81a6b7; - --button-text: #eee; - --accent-color: 129, 166, 183; - --accent-color-hover: #81a6b7; - --text: #eee; - --text-hover: #fff; - --link-color: #81a6b7; }