From f4a55b5e56fbb89c58d140f316a5d54410a55126 Mon Sep 17 00:00:00 2001 From: gilbN Date: Sun, 25 Aug 2019 22:42:03 +0200 Subject: [PATCH 01/13] added qbitorrent, still WIP!! --- CSS/themes/qbittorrenet/aquamarine.css | 20 + CSS/themes/qbittorrenet/dark.css | 20 + CSS/themes/qbittorrenet/hotline.css | 20 + CSS/themes/qbittorrenet/plex.css | 20 + CSS/themes/qbittorrenet/qbittorrent-base.css | 394 +++++++++++++++++++ CSS/themes/qbittorrenet/space-gray.css | 20 + CSS/themes/radarr/aquamarine.css | 8 +- Resources/qbittorrent/collapse-expand.gif | Bin 0 -> 118 bytes 8 files changed, 495 insertions(+), 7 deletions(-) create mode 100644 CSS/themes/qbittorrenet/aquamarine.css create mode 100644 CSS/themes/qbittorrenet/dark.css create mode 100644 CSS/themes/qbittorrenet/hotline.css create mode 100644 CSS/themes/qbittorrenet/plex.css create mode 100644 CSS/themes/qbittorrenet/qbittorrent-base.css create mode 100644 CSS/themes/qbittorrenet/space-gray.css create mode 100644 Resources/qbittorrent/collapse-expand.gif diff --git a/CSS/themes/qbittorrenet/aquamarine.css b/CSS/themes/qbittorrenet/aquamarine.css new file mode 100644 index 00000000..d3542006 --- /dev/null +++ b/CSS/themes/qbittorrenet/aquamarine.css @@ -0,0 +1,20 @@ + +/* 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 AQUAMARINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/qbittorrent-base.css); +: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: #607D8B; +} diff --git a/CSS/themes/qbittorrenet/dark.css b/CSS/themes/qbittorrenet/dark.css new file mode 100644 index 00000000..530f4964 --- /dev/null +++ b/CSS/themes/qbittorrenet/dark.css @@ -0,0 +1,20 @@ + +/* 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 DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/qbittorrent-base.css); +:root { + --main-bg-color: #1f1f1f; + --modal-bg-color: radial-gradient(ellipse at top, #272727 50%, #1f1f1f 100%) center center/cover no-repeat fixed; + --progress-color: #607D8B; + } \ No newline at end of file diff --git a/CSS/themes/qbittorrenet/hotline.css b/CSS/themes/qbittorrenet/hotline.css new file mode 100644 index 00000000..591f83e1 --- /dev/null +++ b/CSS/themes/qbittorrenet/hotline.css @@ -0,0 +1,20 @@ + +/* 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 HOTLINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/qbittorrent-base.css); +: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: #607D8B; +} \ No newline at end of file diff --git a/CSS/themes/qbittorrenet/plex.css b/CSS/themes/qbittorrenet/plex.css new file mode 100644 index 00000000..13b6b4ef --- /dev/null +++ b/CSS/themes/qbittorrenet/plex.css @@ -0,0 +1,20 @@ + +/* 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 PLEX THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/qbittorrent-base.css); +: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; + } \ No newline at end of file diff --git a/CSS/themes/qbittorrenet/qbittorrent-base.css b/CSS/themes/qbittorrenet/qbittorrent-base.css new file mode 100644 index 00000000..8fb2c1de --- /dev/null +++ b/CSS/themes/qbittorrenet/qbittorrent-base.css @@ -0,0 +1,394 @@ + +/* 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 */ + + ::-webkit-scrollbar { + width: 10px; + height: 10px; + } + ::-webkit-scrollbar-corner { + background-color: hsla(0,0%,100%,.08); + } + ::-webkit-scrollbar-thumb { + -webkit-border-radius: 5px; + border-radius: 5px; + background-color: hsla(0,0%,100%,.08); + } + + html, body { + color: #FFF; + } + body { + background: var(--main-bg-color); + } + #desktop { + background: var(--main-bg-color); + } + input:disabled { + color: rgb(84, 84, 84); + cursor: default; + background-color: rgb(255, 255, 255, .05) !important; + border: none !important; + } + input[type="text" i] { + color: #FFF; + background-color: rgba(0,0,0,.25); + border-width: 0px; + outline: none; + border: none; + } + input[type="password" i] { + color: #FFF; + background-color: rgba(0,0,0,.25); + border-width: 0px; + outline: none; + border: none; + } + input[type="number" i] { + color: #FFF; + background-color: rgba(0,0,0,.25); + border-width: 0px; + outline: none; + border: none; + } + input[type="file" i] { + color: #FFF; + background-color: rgba(0,0,0,.25); + border-width: 0px; + outline: none; + border: none; + } + input[name="category" i] { + color: #000; + background-color: #fff; + border-width: 0px; + outline: none; + border: none; + } + input[type="file" i] { + border: none; + } + select { + border: none !important; + } + + a, h2, h3, h4, .mochaTitlebar h3 { + color: #fff; + } + /* Login */ + #main { + margin-left: auto; + margin-right: auto; + text-align: center; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + padding-top: 0; + /* background: rgba(0, 0, 0, 0.25); */ + width: 400px; + height: 350px; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); + } + + #logo img { + height: 11em; + position: absolute; + left: 50%; + /* top: 50%; */ + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -160%); + } + + #formplace { + text-align: left; + padding: 10px; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + zoom: 1.5; + } + + + #desktopNavbar { + background: rgba(0, 0, 0, 0.25); + height: 20px; + border-bottom: 1px solid transparent; + } + #desktopNavbar ul li a { + color: #fff; + } + #desktopNavbar ul li a:hover { + color: #fff; + background-color: rgba(255, 255, 255, 0.08); + } + #desktopNavbar li ul li a:hover { + background: rgba(255, 255, 255, .08); + color: #fff; + } + #desktopNavbar li ul { + border: 1px solid transparent; + background: var(--modal-bg-color); + } + #desktopNavbar li ul li a { + color: #fff; + } + #desktopHeader { + background: var(--main-bg-color); + } + #desktopFooter { + background: transparent; + } + #mochaToolbar .divider { + background-image: none; + } + + .dynamicTable th { + background-color: rgba(0, 0, 0, 0.25) !important; + border-right-color: rgba(255, 255, 255, .08) !important; + } + + .dynamicTable thead tr { + background-color: transparent !important; + } + .dynamicTable thead tr { + background-color: transparent !important; + } + .dynamicTable { + background: rgba(0, 0, 0, 0.25); + } + .dynamicTable tbody tr { + background-color: rgba(0, 0, 0, 0.08) !important; + } + .dynamicTable tbody tr:nth-child(even), .dynamicTable tbody tr.alt { + background-color: rgba(255, 255, 255, 0.08) !important; + } + .dynamicTable tbody tr:hover { + background-color: rgba(255, 255, 255, 0.15) !important; + } + .dynamicTable tbody tr.selected { + background-color: rgba(0, 0, 0, 0.45) !important; + } + .panel { + background: var(--main-bg-color); + border-bottom: 1px solid transparent; + } + #pageWrapper { + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + } + li.divider { + border-top: 1px solid rgba(255, 255, 255, .25) !important; + } + + /*right click menu */ + .contextMenu { + border: 1px solid transparent; + background: var(--modal-bg-color); + } + .contextMenu li a { + color: #fff; + } + .contextMenu li a:hover { + background-color: rgba(255, 255, 255, .08) !important; + } + .contextMenu li ul { + border: 1px solid transparent; + background: var(--modal-bg-color); + } + .contextMenu .separator { + border-top: 1px solid rgba(255, 255, 255, 0.08); + } + /* Sidemenu */ + .selectedFilter { + background-color: rgba(0, 0, 0, 0.25); + color: #FFF; + } + ul.filterList li:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .columnHandle { + background: rgba(0, 0, 0, 0.45); + border: 1px solid transparent; + } + #filtersColumn_handle { + margin-left: 0; + } + + /*Sidemenu - Bottom menu*/ + .bottomPanel { + background: rgba(0, 0, 0, 0.25) !important; + } + + /* Bottom menu */ + .panel-headerContent.tabs { + background: none !important; + } + .panel-header { + background: rgba(0, 0, 0, 0.25) !important; + border-bottom: 1px solid transparent !important; + } + .horizontalHandle { + background: none !important; + } + .tab-menu li.selected a { + color: #fff !important; + background: transparent !important; + font-weight: normal !important; + } + .tab-menu li a { + color: #fff !important; + background: transparent !important; + } + .tab-menu li.selected { + background: none !important; + } + .tab-menu li { + background: none !important; + } + .tab-menu li a:hover { + background: rgba(255, 255, 255, 0.08) !important; + } + .toolbarTabs { + background: rgba(0, 0, 0, 0.25) !important; + } + .progressbar_dark { + background: var(--progress-color) !important; + } + .progressbar_light { + background: rgba(0, 0, 0, 0.25) !important; + color: #fff !important; + } + .progressbar_wrapper { + border: 1px solid transparent!important; + } + .stateIcon { + background-image: red !important; + } + .panel-collapse { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/collapse-expand.gif) left top no-repeat; + } + .panel-expand { + background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/collapse-expand.gif) left -16px no-repeat; + } + fieldset { + border-width: 1px !important; + border-style: solid !important; + border-color: rgba(255, 255, 255, 0.25) !important; + + } + /*Modal */ + .mochaTitlebar { + width: 100%; + overflow: hidden; + background: none !important; + } + .mochaToolButton { + margin-right: 10px; + background: rgba(0, 0, 0, .25); + border-radius: 5px; + } + .mochaToolButton:hover { + margin-right: 10px; + background: rgba(255, 255, 255, .25); + border-radius: 5px; + } + .mochaOverlay { + position: absolute; + top: 0; + left: 0; + background: var(--modal-bg-color) !important; + } + .mochaToolbarWrapper { + width: 100%; + position: relative; + height: 29px; + background: rgba(0, 0, 0, 0.25) !important; + overflow: hidden; + border-top: none !important; + } + + .mochaToolbar { + width: 100%; + border-top: none !important; + } + .mochaContentBorder { + border-top: 1px solid rgba(255, 255, 255, .25) !important; + border-bottom: 1px solid rgba(255, 255, 255, .25) !important; + } + .mocha.isFocused .mochaTitlebar h3 { + color: #fff; + } + .mochaContentWrapper { + font-size: 12px; + overflow: auto; + background: transparent !important; + } + fieldset.settings { + border: solid 1px rgba(255, 255, 255, 0.25) !important; + border-radius: 8px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + padding: 4px 4px 4px 10px; + } + textarea:disabled { + color: rgb(84, 84, 84); + cursor: default; + background-color: rgb(255, 255, 255, .05) !important; + border: none !important; + } + textarea { + color: #fff !important; + cursor: default; + background-color: rgb(0, 0, 0, .25) !important; + border: none !important; + } + #watched_folders_tab td, #watched_folders_tab th { + padding: 2px 4px; + border: 1px solid rgba(255, 255, 255, 0.25) !important; + } + input[type="button" i]:hover { + background-color: rgb(255, 255, 255, .05) !important; + padding: 6px 15px; + cursor: pointer; + } + input[type="button" i] { + padding: 6px 15px !important; + } + input[type="submit" i] { + padding: 6px 15px !important; + width: 100%; + margin-top: 15px; + background-color: rgba(0, 0, 0, 0.25) !important; + border: none; + color: #fff; + outline: none; + text-transform: uppercase; + } + input[type="submit" i]:hover { + padding: 6px 15px !important; + background-color: rgba(0, 0, 0, 0.45) !important; + width: 100%; + cursor: pointer; + border: none; + color: #fff; + outline: none; + text-transform: uppercase; + } + \ No newline at end of file diff --git a/CSS/themes/qbittorrenet/space-gray.css b/CSS/themes/qbittorrenet/space-gray.css new file mode 100644 index 00000000..8463597b --- /dev/null +++ b/CSS/themes/qbittorrenet/space-gray.css @@ -0,0 +1,20 @@ + +/* 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 */ + +/* RADARR SPACE GRAY THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/qbittorrent-base.css); +: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; +} \ No newline at end of file diff --git a/CSS/themes/radarr/aquamarine.css b/CSS/themes/radarr/aquamarine.css index fa7f4eea..b9be0150 100644 --- a/CSS/themes/radarr/aquamarine.css +++ b/CSS/themes/radarr/aquamarine.css @@ -16,11 +16,5 @@ :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; - - --calendar-in-cinemas: #35c5f4; - --calendar-missing: #d9534f; - --calendar-announced: #337ab7; - --calendar-downloaded: #5cb85c; - --calendar-downloading: #7932ea; - --calendar-unmonitored: grey; + --progress-color: #607D8B; } diff --git a/Resources/qbittorrent/collapse-expand.gif b/Resources/qbittorrent/collapse-expand.gif new file mode 100644 index 0000000000000000000000000000000000000000..affb7d08386d60c18cb3a035a5d233cf815a7fbd GIT binary patch literal 118 zcmZ?wbhEHb78fpw=O&W|NsBunfrkxR-pKkg^_`Q zgF%M@2tZ~quqX?h^jy8y;`Q0zCJ7lSk5;tKeYrO0^}Yg~^{+VdR3onyzuzs$U=09o Ce?qAM literal 0 HcmV?d00001 From 0f23db492b597e44bcb270d8572369ac5323fba0 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 25 Aug 2019 23:04:14 +0200 Subject: [PATCH 02/13] Fixed woopsy --- CSS/themes/radarr/aquamarine.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/CSS/themes/radarr/aquamarine.css b/CSS/themes/radarr/aquamarine.css index b9be0150..65708679 100644 --- a/CSS/themes/radarr/aquamarine.css +++ b/CSS/themes/radarr/aquamarine.css @@ -16,5 +16,11 @@ :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: #607D8B; + + --calendar-in-cinemas: #35c5f4; + --calendar-missing: #d9534f; + --calendar-announced: #337ab7; + --calendar-downloaded: #5cb85c; + --calendar-downloading: #7932ea; + --calendar-unmonitored: grey; } From c30a659e8fbdd8ebf9e0ff01b82924341efca67f Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 25 Aug 2019 23:15:45 +0200 Subject: [PATCH 03/13] Update README.md --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 3809fe6e..56b32a23 100644 --- a/README.md +++ b/README.md @@ -16,13 +16,14 @@ # Setup -All apps have 4 themes to choose from. +All apps have 5 themes to choose from. `https://gilbn.github.io/theme.park/CSS/themes//.css` ``` aquamarine.css hotline.css dark.css plex.css +space-gray.css ``` Example: `https://gilbn.github.io/theme.park/CSS/themes/sonarr/dark.css` From 073957f53415d34b11933e6990a23f0618350af2 Mon Sep 17 00:00:00 2001 From: GilbN Date: Mon, 26 Aug 2019 06:57:12 +0200 Subject: [PATCH 04/13] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 56b32a23..4d575ac4 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@

A collection of themes/skins for use in conjunction with Organizr or standalone.

-Buy Me A Coffee +Buy Me A Coffee

From 869207c6a562207117fda0be410f891f705e0dc6 Mon Sep 17 00:00:00 2001 From: gilbN Date: Mon, 26 Aug 2019 19:31:57 +0200 Subject: [PATCH 05/13] fixed folder name. oops --- CSS/themes/{qbittorrenet => qbittorrent}/aquamarine.css | 0 CSS/themes/{qbittorrenet => qbittorrent}/dark.css | 0 CSS/themes/{qbittorrenet => qbittorrent}/hotline.css | 0 CSS/themes/{qbittorrenet => qbittorrent}/plex.css | 0 CSS/themes/{qbittorrenet => qbittorrent}/qbittorrent-base.css | 0 CSS/themes/{qbittorrenet => qbittorrent}/space-gray.css | 0 6 files changed, 0 insertions(+), 0 deletions(-) rename CSS/themes/{qbittorrenet => qbittorrent}/aquamarine.css (100%) rename CSS/themes/{qbittorrenet => qbittorrent}/dark.css (100%) rename CSS/themes/{qbittorrenet => qbittorrent}/hotline.css (100%) rename CSS/themes/{qbittorrenet => qbittorrent}/plex.css (100%) rename CSS/themes/{qbittorrenet => qbittorrent}/qbittorrent-base.css (100%) rename CSS/themes/{qbittorrenet => qbittorrent}/space-gray.css (100%) diff --git a/CSS/themes/qbittorrenet/aquamarine.css b/CSS/themes/qbittorrent/aquamarine.css similarity index 100% rename from CSS/themes/qbittorrenet/aquamarine.css rename to CSS/themes/qbittorrent/aquamarine.css diff --git a/CSS/themes/qbittorrenet/dark.css b/CSS/themes/qbittorrent/dark.css similarity index 100% rename from CSS/themes/qbittorrenet/dark.css rename to CSS/themes/qbittorrent/dark.css diff --git a/CSS/themes/qbittorrenet/hotline.css b/CSS/themes/qbittorrent/hotline.css similarity index 100% rename from CSS/themes/qbittorrenet/hotline.css rename to CSS/themes/qbittorrent/hotline.css diff --git a/CSS/themes/qbittorrenet/plex.css b/CSS/themes/qbittorrent/plex.css similarity index 100% rename from CSS/themes/qbittorrenet/plex.css rename to CSS/themes/qbittorrent/plex.css diff --git a/CSS/themes/qbittorrenet/qbittorrent-base.css b/CSS/themes/qbittorrent/qbittorrent-base.css similarity index 100% rename from CSS/themes/qbittorrenet/qbittorrent-base.css rename to CSS/themes/qbittorrent/qbittorrent-base.css diff --git a/CSS/themes/qbittorrenet/space-gray.css b/CSS/themes/qbittorrent/space-gray.css similarity index 100% rename from CSS/themes/qbittorrenet/space-gray.css rename to CSS/themes/qbittorrent/space-gray.css From e6cc7b7314d793b9e5a01b611d7c616082f6305f Mon Sep 17 00:00:00 2001 From: GilbN Date: Mon, 26 Aug 2019 19:37:10 +0200 Subject: [PATCH 06/13] Update space-gray.css --- CSS/themes/qbittorrent/space-gray.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/CSS/themes/qbittorrent/space-gray.css b/CSS/themes/qbittorrent/space-gray.css index 8463597b..b9fd7424 100644 --- a/CSS/themes/qbittorrent/space-gray.css +++ b/CSS/themes/qbittorrent/space-gray.css @@ -11,10 +11,10 @@ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ -/* RADARR SPACE GRAY THEME */ + /* QBITTORRENT SPACE GRAY THEME */ @import url(https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/qbittorrent-base.css); :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; -} \ No newline at end of file +} From cdc131ced6add0f048066a09c373cc336891bb14 Mon Sep 17 00:00:00 2001 From: gilbN Date: Tue, 27 Aug 2019 19:34:14 +0200 Subject: [PATCH 07/13] sabnzbd: adjusted login page --- CSS/themes/sabnzbd/sabnzbd-base.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css index 86d31d73..d7f96b49 100644 --- a/CSS/themes/sabnzbd/sabnzbd-base.css +++ b/CSS/themes/sabnzbd/sabnzbd-base.css @@ -105,10 +105,18 @@ body { } /* BUTTONS */ +.form-signin .btn { + background: var(--default-button-color) !important; + outline: none !important; +} +.text-center a { + color: #ffffff; +} .btn-default { color: #fff; background: var(--default-button-color); border-color: #00000000 !important; + outline: none !important; } .btn-default:focus, .btn-default.focus { color: #fff; @@ -394,6 +402,7 @@ table { border-color: rgba(255, 255, 255, 0.3); border-radius: 3px !important; } +.form-control::-moz-placeholder{color:#fff;opacity:1}.form-control:-ms-input-placeholder{color:#fff}.form-control::-webkit-input-placeholder{color:#fff} .col2 p, .col2-cats { color: #fff; } @@ -414,6 +423,8 @@ input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, in textarea:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus { background-color: rgba(255, 255, 255, 0.25); border: none; + -webkit-box-shadow: none !important; + box-shadow: none !important; } /*Servers*/ @@ -536,3 +547,7 @@ legend { .time { color: #fff; } + +label { + color: #ffffff; +} From 68123234191a772d82ded7e00c4449ba1585fd2e Mon Sep 17 00:00:00 2001 From: gilbN Date: Tue, 27 Aug 2019 19:41:33 +0200 Subject: [PATCH 08/13] sab: more fixes --- CSS/themes/sabnzbd/sabnzbd-base.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css index d7f96b49..bf6c7bac 100644 --- a/CSS/themes/sabnzbd/sabnzbd-base.css +++ b/CSS/themes/sabnzbd/sabnzbd-base.css @@ -402,7 +402,17 @@ table { border-color: rgba(255, 255, 255, 0.3); border-radius: 3px !important; } -.form-control::-moz-placeholder{color:#fff;opacity:1}.form-control:-ms-input-placeholder{color:#fff}.form-control::-webkit-input-placeholder{color:#fff} + +.form-control::-moz-placeholder { + color:#fff !important; + opacity:1 +} +.form-control:-ms-input-placeholder { + color:#fff !important; +} +.form-control::-webkit-input-placeholder { + color:#fff !important; +} .col2 p, .col2-cats { color: #fff; } @@ -413,11 +423,13 @@ input[type="text"], input[type="email"], input[type="url"], input[type="number"] background-color: rgba(255, 255, 255, 0.25); border-radius: 3px !important; color: #fff !important; + outline: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: none; background-color: rgb(25, 26, 28); border-radius: 3px !important; + outline: none; } textarea:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus { From 28c59232e6a79c4d0389acf945230292135b92b2 Mon Sep 17 00:00:00 2001 From: gilbN Date: Tue, 27 Aug 2019 19:43:34 +0200 Subject: [PATCH 09/13] more more sab --- CSS/themes/sabnzbd/sabnzbd-base.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css index bf6c7bac..7ec8d32a 100644 --- a/CSS/themes/sabnzbd/sabnzbd-base.css +++ b/CSS/themes/sabnzbd/sabnzbd-base.css @@ -294,6 +294,10 @@ tbody>tr:last-child td { .history-table, tr td.status, .history-table, tr td.history-completedon, .history-table, tr td.row-extra-text, .history-table tr td.status, .history-table tr td.history-completedon, .history-table tr td.row-extra-text { color: #fff; } +.table-messages .table-messages-remove { + border-bottom: 1px solid transparent!important; + background: rgba(255, 255, 255, 0.25); +} .multioperations-selector { From a074918041522f3620604b68ba2b3aaef14bd5b9 Mon Sep 17 00:00:00 2001 From: gilbN Date: Tue, 27 Aug 2019 20:03:53 +0200 Subject: [PATCH 10/13] sab sab sab --- CSS/themes/sabnzbd/sabnzbd-base.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css index 7ec8d32a..33613d96 100644 --- a/CSS/themes/sabnzbd/sabnzbd-base.css +++ b/CSS/themes/sabnzbd/sabnzbd-base.css @@ -334,6 +334,29 @@ tbody>tr:last-child td { background-color: #1b1a1a; } +/*Tabbed sorting */ + +.history-queue-swicher .nav-tabs>li>a, .history-queue-swicher .nav-tabs>li.active>a { + border-bottom: 1px solid transparent; + border: 1px solid transparent; + color: #fff !important; +} +.history-queue-swicher .nav { + border-bottom: 1px solid transparent; +} +.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { + color: #555; + background-color: rgba(255, 255, 255, 0.15); +} +.nav>li>a:hover, .nav>li>a:focus { + text-decoration: none; + background-color: rgba(255, 255, 255, 0.08); +} +.badge { + color: #fff; + background-color: rgba(0, 0, 0, 0.25); +} + /*Settings*/ .navbar-default { background: var(--main-bg-color); From 7dbd05e100f2222ce1101e4b7ca81b4e6c6141f0 Mon Sep 17 00:00:00 2001 From: gilbN Date: Tue, 27 Aug 2019 20:17:33 +0200 Subject: [PATCH 11/13] sab: changed the table hover color --- CSS/themes/sabnzbd/sabnzbd-base.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css index 33613d96..fcb4b14b 100644 --- a/CSS/themes/sabnzbd/sabnzbd-base.css +++ b/CSS/themes/sabnzbd/sabnzbd-base.css @@ -286,7 +286,7 @@ table:hover { background-color: rgba(0, 0, 0, 0.25) !important; } .table-hover>tbody>tr:hover { - background-color: rgba(0, 0, 0, 0.1) !important + background-color: rgba(255, 255, 255, 0.07) !important } tbody>tr:last-child td { border-bottom: 1px solid transparent !important; From 10ae1fa24be01afec3c3a6ad874f0b0c381fc6ad Mon Sep 17 00:00:00 2001 From: gilbN Date: Tue, 27 Aug 2019 20:18:38 +0200 Subject: [PATCH 12/13] sab: border fix --- CSS/themes/sabnzbd/sabnzbd-base.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css index fcb4b14b..90cf63e1 100644 --- a/CSS/themes/sabnzbd/sabnzbd-base.css +++ b/CSS/themes/sabnzbd/sabnzbd-base.css @@ -301,7 +301,7 @@ tbody>tr:last-child td { .multioperations-selector { - border: 1px solid rgba(0, 0, 0, 0.25) !important; + border: 1px solid transparent !important; background-color: rgba(0, 0, 0, 0.25) !important; } #history-options .hover-button { From 4d5d207e53f476136031058632f43b95a667d487 Mon Sep 17 00:00:00 2001 From: gilbN Date: Tue, 27 Aug 2019 20:20:27 +0200 Subject: [PATCH 13/13] sab: dropdown color fix --- CSS/themes/sabnzbd/sabnzbd-base.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/CSS/themes/sabnzbd/sabnzbd-base.css b/CSS/themes/sabnzbd/sabnzbd-base.css index 90cf63e1..52228f86 100644 --- a/CSS/themes/sabnzbd/sabnzbd-base.css +++ b/CSS/themes/sabnzbd/sabnzbd-base.css @@ -91,6 +91,9 @@ body { color: #ffffff; background-color: rgba(255, 255, 255, 0.08); } +.dropdown-header { + color: #fff; +} .menu-options .form-control { background: var(--modal-bg-color); background-color: rgb(25, 26, 28);