diff --git a/CSS/themes/rutorrent/aquamarine.css b/CSS/themes/rutorrent/aquamarine.css
index 01662bba..9fc99eee 100644
--- a/CSS/themes/rutorrent/aquamarine.css
+++ b/CSS/themes/rutorrent/aquamarine.css
@@ -11,7 +11,7 @@
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
-/* SYNCLOUNGE AQUAMARINE THEME */
+/* RUTORRENT AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/rutorrent/rutorrent-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
diff --git a/CSS/themes/transmission/aquamarine.css b/CSS/themes/transmission/aquamarine.css
new file mode 100644
index 00000000..0f9f3a70
--- /dev/null
+++ b/CSS/themes/transmission/aquamarine.css
@@ -0,0 +1,22 @@
+
+/* 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 */
+
+/* TRANSMISSION AQUAMARINE THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/transmission/transmission-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;
+ --default-button-color: #009688;
+ --default-button-color-hover: #12afa0;
+ --progress-color: #009688;
+}
diff --git a/CSS/themes/transmission/dark.css b/CSS/themes/transmission/dark.css
new file mode 100644
index 00000000..3440b042
--- /dev/null
+++ b/CSS/themes/transmission/dark.css
@@ -0,0 +1,22 @@
+
+/* 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 */
+
+/* TRANSMISSION DARK THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/transmission/transmission-base.css);
+: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;
+ --default-button-color: #3d3d3d;
+ --default-button-color-hover: #5a5a5a;
+ --progress-color: #3d3d3d;
+ }
\ No newline at end of file
diff --git a/CSS/themes/transmission/hotline.css b/CSS/themes/transmission/hotline.css
new file mode 100644
index 00000000..53d3b0d7
--- /dev/null
+++ b/CSS/themes/transmission/hotline.css
@@ -0,0 +1,22 @@
+
+/* 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 */
+
+/* TRANSMISSION HOTLINE THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/transmission/transmission-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;
+ --default-button-color: #F44336;
+ --default-button-color-hover: rgb(247, 106, 96);
+ --progress-color: #F44336;
+}
\ No newline at end of file
diff --git a/CSS/themes/transmission/plex.css b/CSS/themes/transmission/plex.css
new file mode 100644
index 00000000..e4a53071
--- /dev/null
+++ b/CSS/themes/transmission/plex.css
@@ -0,0 +1,22 @@
+
+/* 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 */
+
+/* TRANSMISSION PLEX THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/transmission/transmission-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;
+ --default-button-color: #cc7b19;
+ --default-button-color-hover: #e59029;
+ --progress-color: #cc7b19;
+}
\ No newline at end of file
diff --git a/CSS/themes/transmission/space-gray.css b/CSS/themes/transmission/space-gray.css
new file mode 100644
index 00000000..ac6e764a
--- /dev/null
+++ b/CSS/themes/transmission/space-gray.css
@@ -0,0 +1,22 @@
+
+/* 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 */
+
+/* TRANSMISSION SPACE GRAY THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/transmission/transmission-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;
+ --default-button-color: #607D8B;
+ --default-button-color-hover: #81a6b7;
+ --progress-color: #607D8B;
+}
diff --git a/CSS/themes/transmission/transmission-base.css b/CSS/themes/transmission/transmission-base.css
new file mode 100644
index 00000000..512b356f
--- /dev/null
+++ b/CSS/themes/transmission/transmission-base.css
@@ -0,0 +1,546 @@
+
+/* 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 */
+@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css);
+
+
+body {
+ background: var(--main-bg-color);
+ color: #dedede;
+}
+/* Scrollbar */
+ @media only screen and (min-width: 768px) {
+ html {
+ height: 100%;
+ width: 100%;
+ overflow: hidden;
+ }
+ body {
+ overflow-y: auto;
+ height: 100%;
+ background: var(--main-bg-color)
+ }
+ }
+ ::-webkit-scrollbar {
+ width: 14px;
+ }
+ ::-webkit-scrollbar-thumb {
+ min-height: 50px;
+ border: 3px solid transparent;
+ border-radius: 8px;
+ background-color: hsla(0,0%,100%,.2);
+ background-clip: padding-box;
+ }
+ ::-webkit-scrollbar-track {
+ background-color: transparent;
+ }
+ ::-webkit-scrollbar-thumb:hover {
+ min-height: 50px;
+ border: 3px solid transparent;
+ border-radius: 8px;
+ background-color: hsla(0,0%,100%,.5);
+ background-clip: padding-box;
+ }
+div#torrent_container {background: var(--main-bg-color)}
+
+/* Toolbar */
+div#toolbar {
+ background: rgba(0, 0, 0, .25);
+ background-image: none;
+ border-bottom: 1px solid transparent;
+ }
+ div#toolbar > div#toolbar-separator { display:none}
+ /* Open torrent folder*/
+ div#toolbar > div#toolbar-open {background-image: none;}
+ div#toolbar > div#toolbar-open:hover:before {color: #fff;}
+ div#toolbar > div#toolbar-open:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 33px;
+ content: "\f07c";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, 0.7);
+ margin-right: 5px;
+ }
+ /* Stop Icon */
+ div#toolbar > div#toolbar-remove {background-image: none;}
+ div#toolbar > div#toolbar-remove:hover:before {color: #fff;}
+ div#toolbar > div#toolbar-remove:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 33px;
+ content: "\f28d";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ margin-left: 5px;
+ }
+ /* Start Icon */
+ div#toolbar > div#toolbar-start {background-image: none;}
+ div#toolbar > div#toolbar-start:hover:before {color: #fff;}
+ div#toolbar > div#toolbar-start:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 33px;
+ content: "\f152";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ margin-left: 5px;
+ }
+ /* Pause Icon */
+ div#toolbar > div#toolbar-pause {background-image: none;}
+ div#toolbar > div#toolbar-pause:hover:before {color: #fff;}
+ div#toolbar > div#toolbar-pause:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 33px;
+ content: "\f04c";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ margin-left: 5px;
+ }
+ /* Start-all Icon */
+ div#toolbar > div#toolbar-start-all {background-image: none;}
+ div#toolbar > div#toolbar-start-all:hover:before {color: #fff;}
+ div#toolbar > div#toolbar-start-all:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 33px;
+ content: "\f101";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ margin-left: 5px;
+ }
+ /* Pause-all Icon */
+ div#toolbar > div#toolbar-pause-all {background-image: none;}
+ div#toolbar > div#toolbar-pause-all:hover:before {color: #fff;}
+ div#toolbar > div#toolbar-pause-all:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 33px;
+ content: "\f28b";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ /* Info Icon */
+ div#toolbar > div#toolbar-inspector {background-image: none;}
+ div#toolbar > div#toolbar-inspector:hover:before {color: #fff;}
+ div#toolbar > div#toolbar-inspector:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 33px;
+ content: "\f05a";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+/* Statusbar */
+ #statusbar {border-bottom: 1px solid transparent;background-image:none; background-color:rgba(0, 0, 0, 0.25)}
+ #statusbar #filter input#torrent_search {
+ outline:none;
+ border: none;
+ border-radius: 2px;
+ }
+ #statusbar #filter input#torrent_search.blur {
+ color: #999;
+ outline: none;
+ border: none;
+ border-radius: 2px;
+ }
+ #statusbar #speed-info #speed-dn-icon {background: none;}
+ #statusbar #speed-info #speed-dn-icon:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 10px;
+ content: "\f0d8";
+ font-weight: 900;
+ }
+ #statusbar #speed-info #speed-up-icon {background: none;}
+ #statusbar #speed-info #speed-up-icon:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 10px;
+ content: "\f0d7";
+ font-weight: 900;
+ }
+ ul.torrent_list,ul.torrent_list li.torrent.even {background: rgba(0, 0, 0, 0.25);}
+ ul.torrent_list li.torrent div.torrent_name {color: #dedede;}
+ ul.torrent_list li.torrent.selected {background-color: rgba(0, 0, 0, .45);}
+ ul.torrent_list li.torrent {
+ border-bottom: 1px solid rgba(204, 204, 204, 0.1);
+ padding: 4px 30px 5px 14px;
+ color: #dedede;
+ background-color: rgba(255, 255, 255, 0.08);
+ }
+/* Modal */
+ div.dialog_container div.dialog_window {
+ background: var(--modal-bg-color);
+ background-color: #eee;
+ border: none !important;
+ opacity: 1;
+ }
+ div.dialog_container div.dialog_window h2.dialog_heading,div#upload_container div.dialog_window div.dialog_message label {color: #dedede}
+ input {color:#dedede}
+ #add-dialog-folder-input,#torrent_upload_url {color:#000;outline:none;}
+ div.dialog_container div.dialog_window div.dialog_message {color: #dedede;}
+ /* Button*/
+ div.dialog_container div.dialog_window a {
+ background-color: var(--default-button-color);
+ border: 1px solid var(--default-button-color);
+ color: #dedede;
+ }
+ div.dialog_container div.dialog_window a:hover, div.dialog_container div.dialog_window a:active {
+ background: none;
+ background-color: var(--default-button-color-hover);
+ border: 1px solid var(--default-button-color-hover);
+ }
+
+ ul.torrent_list div.torrent_progress_bar.complete.leeching {
+ background-position: left 0px;
+ border-color: var(--progress-color);
+ }
+ .ui-widget-content {
+ border: 1px solid transparent;
+ background: var(--modal-bg-color);
+ color: #dedede;
+ }
+ .ui-widget-header {color: #dedede !important;}
+ .ui-widget .ui-widget {
+ box-shadow: none;
+ }
+ .ui-widget {
+ -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+ -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+ }
+ #download-dir,#seedRatioLimit,#idle-seeding-limit,#speed-limit-up,#speed-limit-down,#alt-speed-up,#alt-speed-down,#peer-limit-per-torrent,#peer-limit-global,#blocklist-url,#blocklist-update-button,#peer-port {color: black; outline:none;}
+ .ui-widget-header {
+ border: 1px solid transparent;
+ background: none;
+ color: #222;
+ font-weight: bold;
+ }
+ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
+ border: 1px solid transparent;
+ background: rgba(255, 255, 255, .1) !important;
+ font-weight: normal;
+ color: #dedede;
+ }
+ .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
+ color: #dedede;
+ text-decoration: none;
+ }
+ .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
+ color: #dedede;
+ text-decoration: none;
+ }
+ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+ border: 1px solid transparent;
+ background: rgba(0, 0, 0, 0.25);
+ font-weight: normal;
+ color: #dedede;
+ }
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active {
+ padding-bottom: 0px;
+ }
+ /*Close Icon*/
+ ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close {background-image: none;}
+ ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:hover:before {color: #fff;}
+ ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 10px;
+ content: "\f00d";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+
+/*Inspector*/
+ div#torrent_inspector {
+ border-left: 1px solid transparent;
+ -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+ -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
+ }
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * {
+ border-color: transparent;
+ height: auto;
+ background-color: rgba(0, 0, 0, 0.25);
+ }
+ div#torrent_inspector div.inspector_torrent_file_list_entry_name, div#torrent_inspector ul.tier_list .tracker_activity,div#torrent_inspector ul.tier_list table,div#torrent_inspector div.tracker_host {
+ color: #dedede;
+ }
+ /*Info button*/
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:hover:before {color: #fff;}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f05a";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected:hover:before {color: #fff;}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f05a";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+
+ /*Peers Button*/
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:hover:before {color: #fff;}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f0c0";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {background-image:none; background-color: rgba(0, 0, 0, 0.25);}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected:hover:before {color: #fff;}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f0c0";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+
+ /*Tracker Button*/
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:hover:before {color: #fff;}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f233";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {background-image:none; background-color: rgba(0, 0, 0, 0.25);}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected:hover:before {color: #fff;}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f233";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+
+ /*Files Button*/
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:hover:before {color: #fff;}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f0c5";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {background-image:none; background-color: rgba(0, 0, 0, 0.25);}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected:hover:before {color: #fff;}
+ div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f0c5";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ tr.inspector_peer_entry.odd {
+ background-color: rgba(255, 255, 255, 0.1);
+ }
+ /* Priority buttons */
+ div.file-priority-radiobox > * {border-color: transparent; width: auto;}
+
+ /*Low pri*/
+ div.file-priority-radiobox > div.low {background-color: transparent;background-image: none;}
+ div.file-priority-radiobox > div.low:hover:before {color: #fff;}
+ div.file-priority-radiobox > div.low:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 30px;
+ content: "\f107";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected {background-color: transparent;background-image: none;}
+ div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected:hover:before {color: #fff;}
+ div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selectedbefore {
+ font-family: "Font Awesome 5 Free";
+ font-size: 30px;
+ content: "\f107";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ /*Normal pri*/
+ div.file-priority-radiobox > div.normal {background-color: transparent;background-image: none;}
+ div.file-priority-radiobox > div.normal:hover:before {color: #fff;}
+ div.file-priority-radiobox > div.normal:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 30px;
+ content: "\f068";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected {background-color: transparent;background-image: none;}
+ div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected:hover:before {color: #fff;}
+ div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selectedbefore {
+ font-family: "Font Awesome 5 Free";
+ font-size: 30px;
+ content: "\f068";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ /*High pri*/
+ div.file-priority-radiobox > div.high {background-color: transparent;background-image: none;}
+ div.file-priority-radiobox > div.high:hover:before {color: #fff;}
+ div.file-priority-radiobox > div.high:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 30px;
+ content: "\f106";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected {background-color: transparent;background-image: none;}
+ div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected:hover:before {color: #fff;}
+ div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selectedbefore {
+ font-family: "Font Awesome 5 Free";
+ font-size: 30px;
+ content: "\f106";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ div#torrent_inspector li.inspector_tracker_entry.odd {
+ background-color: rgba(255, 255, 255, 0.1);
+ }
+/*Bottom Toolbar*/
+ div.torrent_footer {
+ border-top: 1px solid transparent;
+ background-color: rgba(0, 0, 0, .25);
+ background-image: none;
+ height: 30px;
+ }
+ div.torrent_footer > div {
+ border: 1px solid transparent;
+ }
+ /* Settings Icon */
+ div.torrent_footer #settings_menu {background-color: transparent; background-image: none;}
+ div.torrent_footer #settings_menu:hover:before {color: #fff;}
+ div.torrent_footer #settings_menu:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f013";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected {background-color: transparent; background-image: none;}
+ div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected:hover:before {color: #fff;}
+ div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f013";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ /* Prefs Icon */
+ div.torrent_footer #prefs-button {background-color: transparent; background-image: none;}
+ div.torrent_footer #prefs-button:hover:before {color: #fff;}
+ div.torrent_footer #prefs-button:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f0ad";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected {background-color: transparent; background-image: none;}
+ div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected:hover:before {color: #fff;}
+ div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f0ad";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ /* Turtle Icon */
+ div.torrent_footer #turtle-button {background-color: transparent; background-image: none;}
+ div.torrent_footer #turtle-button:hover:before {color: #fff;}
+ div.torrent_footer #turtle-button:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f3fd";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {background-color: transparent; background-image: none;}
+ div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected:hover:before {color: #fff;}
+ div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f3fd";
+ font-weight: 900;
+ display: inline-block;
+ color: white;
+ }
+ /* Compact Icon */
+ div.torrent_footer #compact-button {background-color: transparent; background-image: none;}
+ div.torrent_footer #compact-button:hover:before {color: #fff;}
+ div.torrent_footer #compact-button:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f0ca";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected {background-color: transparent; background-image: none;}
+ div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected:hover:before {color: #fff;}
+ div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected:before {
+ font-family: "Font Awesome 5 Free";
+ font-size: 20px;
+ content: "\f0ca";
+ font-weight: 900;
+ display: inline-block;
+ color: rgba(255, 255, 255, .7);
+ }
+ /*Compact mode*/
+ ul.torrent_list li.torrent div.torrent_name.paused,ul.torrent_list li.torrent.compact div.torrent_name {
+ color: #dedede;
+ }
+ /* Settings menu */
+ .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
+ border: 1px solid transparent;
+ background:none;
+ background-color: rgba(255, 255, 255, 0.1);
+ color: #dedede;
+ outline:none;
+ }
+ .ui-icon, .ui-widget-content .ui-icon {
+ background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/transmission/icons.png);
+ }
+
diff --git a/README.md b/README.md
index 7a1069f1..186f7271 100644
--- a/README.md
+++ b/README.md
@@ -58,6 +58,7 @@
Portainer
Lazylibrarian
Calibre-Web
+Transmission
diff --git a/Resources/transmission/icons.png b/Resources/transmission/icons.png
new file mode 100644
index 00000000..0229df48
Binary files /dev/null and b/Resources/transmission/icons.png differ
diff --git a/Screenshots/transmission/aquamarine.png b/Screenshots/transmission/aquamarine.png
new file mode 100644
index 00000000..98581438
Binary files /dev/null and b/Screenshots/transmission/aquamarine.png differ
diff --git a/Screenshots/transmission/dark.png b/Screenshots/transmission/dark.png
new file mode 100644
index 00000000..d3dc6659
Binary files /dev/null and b/Screenshots/transmission/dark.png differ
diff --git a/Screenshots/transmission/hotline.png b/Screenshots/transmission/hotline.png
new file mode 100644
index 00000000..aaccab04
Binary files /dev/null and b/Screenshots/transmission/hotline.png differ
diff --git a/Screenshots/transmission/plex.png b/Screenshots/transmission/plex.png
new file mode 100644
index 00000000..2454178c
Binary files /dev/null and b/Screenshots/transmission/plex.png differ
diff --git a/Screenshots/transmission/space-gray.png b/Screenshots/transmission/space-gray.png
new file mode 100644
index 00000000..7d36e1b0
Binary files /dev/null and b/Screenshots/transmission/space-gray.png differ
diff --git a/Screenshots/transmission/transmission.gif b/Screenshots/transmission/transmission.gif
new file mode 100644
index 00000000..1faa7d16
Binary files /dev/null and b/Screenshots/transmission/transmission.gif differ