topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'master' of https://github.com/gilbN/theme.park

pull/16/head
gilbN 5 years ago
parent
6928971057 4d5d207e53
commit
de5d55ce6a
10 changed files with 557 additions and 5 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      CSS/themes/qbittorrent/aquamarine.css
  2. 20
      CSS/themes/qbittorrent/dark.css
  3. 20
      CSS/themes/qbittorrent/hotline.css
  4. 20
      CSS/themes/qbittorrent/plex.css
  5. 394
      CSS/themes/qbittorrent/qbittorrent-base.css
  6. 20
      CSS/themes/qbittorrent/space-gray.css
  7. 2
      CSS/themes/radarr/aquamarine.css
  8. 61
      CSS/themes/sabnzbd/sabnzbd-base.css
  9. 5
      README.md
  10. BIN
      Resources/qbittorrent/collapse-expand.gif

20
CSS/themes/qbittorrent/aquamarine.css
View File

@ -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;
}

20
CSS/themes/qbittorrent/dark.css
View File

@ -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;
}

20
CSS/themes/qbittorrent/hotline.css
View File

@ -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;
}

20
CSS/themes/qbittorrent/plex.css
View File

@ -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;
}

394
CSS/themes/qbittorrent/qbittorrent-base.css
View File

@ -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;
}

20
CSS/themes/qbittorrent/space-gray.css
View File

@ -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 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;
}

2
CSS/themes/radarr/aquamarine.css
View File

@ -16,7 +16,7 @@
: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;

61
CSS/themes/sabnzbd/sabnzbd-base.css
View File

@ -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);
@ -105,10 +108,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;
@ -278,7 +289,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;
@ -286,10 +297,14 @@ 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 {
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 {
@ -322,6 +337,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);
@ -394,6 +432,17 @@ table {
border-color: rgba(255, 255, 255, 0.3);
border-radius: 3px !important;
}
.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;
}
@ -404,16 +453,20 @@ 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 {
background-color: rgba(255, 255, 255, 0.25);
border: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/*Servers*/
@ -536,3 +589,7 @@ legend {
.time {
color: #fff;
}
label {
color: #ffffff;
}

5
README.md
View File

@ -4,7 +4,7 @@
<p align="center">
A collection of themes/skins for use in conjunction with <a href="https://github.com/causefx/Organizr/" target="_blank">Organizr</a> or standalone.
<p align="center">
<a href="https://www.buymeacoffee.com/oY5Nk8GHK" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" > </a><a href="https://discord.gg/HM5uUKU" rel="noopener"><img class="alignnone" title="theme.park!" src="https://img.shields.io/discord/591352397830553601.svg?style=for-the-badge&logo=discord" alt="" height="37" /></a>
<a href="https://www.buymeacoffee.com/oY5Nk8GHK" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" > </a><a href="https://discord.gg/HM5uUKU" rel="noopener"><img class="alignnone" title="theme.park!" src="https://img.shields.io/badge/chat-Discord-blue.svg?style=for-the-badge&logo=discord" alt="" height="37" /></a>
</a><a href="https://technicalramblings.com/" rel="noopener"><img class="alignnone" title="technicalramblings!" src="https://img.shields.io/badge/blog-technicalramblings.com-informational.svg?style=for-the-badge" alt="" height="37" /></a>
<br />
<br />
@ -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/<APP_NAME>/<THEME_NAME>.css`
```
aquamarine.css
hotline.css
dark.css
plex.css
space-gray.css
```
Example: `https://gilbn.github.io/theme.park/CSS/themes/sonarr/dark.css`

BIN
Resources/qbittorrent/collapse-expand.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 B

Write Preview
Loading…
Cancel
Save