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 00000000..affb7d08 Binary files /dev/null and b/Resources/qbittorrent/collapse-expand.gif differ