From 00348d7767438a2eaedeb4f37cc19d5462bbd931 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Sat, 24 Jul 2021 18:16:58 +0200 Subject: [PATCH] transmission dracula --- CSS/themes/transmission/aquamarine.css | 8 +- CSS/themes/transmission/dark.css | 8 +- CSS/themes/transmission/dracula.css | 16 ++ CSS/themes/transmission/hotline.css | 8 +- CSS/themes/transmission/organizr-dark.css | 8 +- CSS/themes/transmission/plex.css | 8 +- CSS/themes/transmission/space-gray.css | 8 +- CSS/themes/transmission/transmission-base.css | 179 ++++++++++-------- 8 files changed, 124 insertions(+), 119 deletions(-) create mode 100644 CSS/themes/transmission/dracula.css diff --git a/CSS/themes/transmission/aquamarine.css b/CSS/themes/transmission/aquamarine.css index 4ba07eff..d7586b3c 100644 --- a/CSS/themes/transmission/aquamarine.css +++ b/CSS/themes/transmission/aquamarine.css @@ -13,10 +13,4 @@ /* TRANSMISSION AQUAMARINE THEME */ @import url(https://theme-park.dev/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; -} +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/transmission/dark.css b/CSS/themes/transmission/dark.css index 4f6d57d6..252377ee 100644 --- a/CSS/themes/transmission/dark.css +++ b/CSS/themes/transmission/dark.css @@ -13,10 +13,4 @@ /* TRANSMISSION DARK THEME */ @import url(https://theme-park.dev/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 +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/transmission/dracula.css b/CSS/themes/transmission/dracula.css new file mode 100644 index 00000000..61a6a843 --- /dev/null +++ b/CSS/themes/transmission/dracula.css @@ -0,0 +1,16 @@ + +/* 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 DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css); +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/transmission/hotline.css b/CSS/themes/transmission/hotline.css index c3d96547..f3fdcbaa 100644 --- a/CSS/themes/transmission/hotline.css +++ b/CSS/themes/transmission/hotline.css @@ -13,10 +13,4 @@ /* TRANSMISSION HOTLINE THEME */ @import url(https://theme-park.dev/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 +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/transmission/organizr-dark.css b/CSS/themes/transmission/organizr-dark.css index f6bf1203..bc8d5625 100644 --- a/CSS/themes/transmission/organizr-dark.css +++ b/CSS/themes/transmission/organizr-dark.css @@ -13,10 +13,4 @@ /* TRANSMISSION DARK THEME */ @import url(https://theme-park.dev/CSS/themes/transmission/transmission-base.css); -:root { - --main-bg-color: #1f1f1f; - --modal-bg-color: #1b1b1b; - --default-button-color: #2cabe3; - --default-button-color-hover: rgb(44 171 227 / .8); - --progress-color: #2cabe3; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); \ No newline at end of file diff --git a/CSS/themes/transmission/plex.css b/CSS/themes/transmission/plex.css index af4e7827..8ba1ae82 100644 --- a/CSS/themes/transmission/plex.css +++ b/CSS/themes/transmission/plex.css @@ -13,10 +13,4 @@ /* TRANSMISSION PLEX THEME */ @import url(https://theme-park.dev/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 +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/transmission/space-gray.css b/CSS/themes/transmission/space-gray.css index c7677c37..14a5152c 100644 --- a/CSS/themes/transmission/space-gray.css +++ b/CSS/themes/transmission/space-gray.css @@ -13,10 +13,4 @@ /* TRANSMISSION SPACE GRAY THEME */ @import url(https://theme-park.dev/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; -} +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/transmission/transmission-base.css b/CSS/themes/transmission/transmission-base.css index a979a063..ff587448 100644 --- a/CSS/themes/transmission/transmission-base.css +++ b/CSS/themes/transmission/transmission-base.css @@ -12,7 +12,16 @@ /* https://github.com/gilbN/theme.park */ @import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css); +* { + outline: none !important; +} +a { + color: var(--link-color); +} +a:hover { + color: var(--link-color-hover); +} body { background: var(--main-bg-color); background-repeat: repeat, no-repeat; @@ -22,7 +31,7 @@ body { -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; - color: #dedede; + color: var(--text); } /* Scrollbar */ @media only screen and (min-width: 768px) { @@ -75,6 +84,11 @@ div#torrent_container { -o-background-size: auto, cover; } +div#torrent_inspector #inspector_header #torrent_inspector_name, +.prefs-section .title { + color: var(--text-hover); +} + /* Toolbar */ div#toolbar { background: rgba(0, 0, 0, .25); @@ -84,85 +98,85 @@ div#toolbar { 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:hover:before {color: var(--accent-color-hover);} 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); + color: rgb(var(--accent-color)); 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:hover:before {color: var(--accent-color-hover);} 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); + color: rgb(var(--accent-color)); 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:hover:before {color: var(--accent-color-hover);} 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); + color: rgb(var(--accent-color)); 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:hover:before {color: var(--accent-color-hover);} 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); + color: rgb(var(--accent-color)); 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:hover:before {color: var(--accent-color-hover);} 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); + color: rgb(var(--accent-color)); 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:hover:before {color: var(--accent-color-hover);} 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); + color: rgb(var(--accent-color)); } /* Info Icon */ div#toolbar > div#toolbar-inspector {background-image: none;} - div#toolbar > div#toolbar-inspector:hover:before {color: #fff;} + div#toolbar > div#toolbar-inspector:hover:before {color: var(--accent-color-hover);} 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); + color: rgb(var(--accent-color)); } /* Statusbar */ #statusbar {border-bottom: 1px solid transparent;background-image:none; background-color:rgba(0, 0, 0, 0.25)} @@ -192,12 +206,12 @@ div#toolbar { 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 div.torrent_name {color: var(--text-hover);} + ul.torrent_list li.torrent.selected {background-color: rgba(0, 0, 0, 0.25);} ul.torrent_list li.torrent { border-bottom: 1px solid rgba(204, 204, 204, 0.1); padding: 4px 30px 5px 14px; - color: #dedede; + color: var(--text); background-color: rgba(255, 255, 255, 0.08); } /* Modal */ @@ -210,33 +224,44 @@ div#toolbar { -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; - 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;} + input {color:var(--text-hover); background:rgba(0, 0, 0, .25)} + #add-dialog-folder-input,#torrent_upload_url {color:var(--text-hover);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; + background-color: var(--button-color); + border: 1px solid var(--button-color); + color: var(--button-text); } 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); + background-color: var(--button-color-hover); + border: 1px solid var(--button-color-hover); } - ul.torrent_list div.torrent_progress_bar.complete.leeching { + /* ul.torrent_list div.torrent_progress_bar.complete.leeching { background-position: left 0px; + background: var(--progress-color); border-color: var(--progress-color); - } + } */ + + /* ul.torrent_list div.torrent_progress_bar { + height: 100%; + position: absolute; + top: 0px; + left: 0px; + background-image: none; + background-repeat: repeat-x; + border: 1px solid #888; + } */ + .ui-widget-content { border: 1px solid transparent; - background: var(--modal-bg-color); + background: var(--drop-down-menu-bg); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -244,9 +269,9 @@ div#toolbar { -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; - color: #dedede; + color: var(--text); } - .ui-widget-header {color: #dedede !important;} + .ui-widget-header {color: var(--text-hover) !important;} .ui-widget .ui-widget { box-shadow: none; } @@ -287,14 +312,14 @@ div#toolbar { } /*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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } /*Inspector*/ @@ -314,90 +339,90 @@ div#toolbar { } /*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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } 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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } /*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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } 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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } /*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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } 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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } /*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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } 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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } tr.inspector_peer_entry.odd { background-color: rgba(255, 255, 255, 0.1); @@ -407,66 +432,66 @@ div#toolbar { /*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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } 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.selected:hover:before {color: var(--text-hover);} 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); + color: var(--text); } /*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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } 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.selected:hover:before {color: var(--text-hover);} 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); + color: var(--text); } /*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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } 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.selected:hover:before {color: var(--text-hover);} 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); + color: var(--text); } div#torrent_inspector li.inspector_tracker_entry.odd { background-color: rgba(255, 255, 255, 0.1); @@ -483,59 +508,59 @@ div#toolbar { } /* 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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } 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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } /* 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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } 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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } /* 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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } 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:hover:before {color: var(--text-hover);} div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected:before { font-family: "Font Awesome 5 Free"; font-size: 20px; @@ -546,24 +571,24 @@ div#toolbar { } /* 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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } 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:hover:before {color: var(--text-hover);} 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); + color: var(--text); } /*Compact mode*/ ul.torrent_list li.torrent div.torrent_name.paused,ul.torrent_list li.torrent.compact div.torrent_name { @@ -574,7 +599,7 @@ div#toolbar { border: 1px solid transparent; background:none; background-color: rgba(255, 255, 255, 0.1); - color: #dedede; + color: var(--text-hover); outline:none; } .ui-icon, .ui-widget-content .ui-icon {