From dcb47662e78ef1950edb5c865733e7e7fefa1f54 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Thu, 8 Jul 2021 01:03:51 +0200 Subject: [PATCH] vuetorrent dracula --- CSS/themes/vuetorrent/aquamarine.css | 21 +------ CSS/themes/vuetorrent/dark.css | 21 +------ CSS/themes/vuetorrent/dracula.css | 15 +++++ CSS/themes/vuetorrent/hotline.css | 21 +------ CSS/themes/vuetorrent/organizr-dark.css | 21 +------ CSS/themes/vuetorrent/plex.css | 21 +------ CSS/themes/vuetorrent/space-gray.css | 21 +------ CSS/themes/vuetorrent/vuetorrent-base.css | 71 ++++++++++++++++++++++- 8 files changed, 89 insertions(+), 123 deletions(-) create mode 100644 CSS/themes/vuetorrent/dracula.css diff --git a/CSS/themes/vuetorrent/aquamarine.css b/CSS/themes/vuetorrent/aquamarine.css index d79eb317..06073946 100644 --- a/CSS/themes/vuetorrent/aquamarine.css +++ b/CSS/themes/vuetorrent/aquamarine.css @@ -12,23 +12,4 @@ /* VUETORRENT AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-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; - - --button-color: #009688; - --button-color-hover: #12afa0; - --button-text: #eee; - --button-text-hover: #FFF; - - --accent-color: 18, 175, 160; - --accent-color-hover: #009688; - --queue-color: #009688; - --link-color: #0ed2bf; - --link-color-hover: #fff; - - --text: #eee; - --text-muted: #ccc; - --text-hover: #fff; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/vuetorrent/dark.css b/CSS/themes/vuetorrent/dark.css index 144ff913..2cd75341 100644 --- a/CSS/themes/vuetorrent/dark.css +++ b/CSS/themes/vuetorrent/dark.css @@ -12,23 +12,4 @@ /* VUETORRENT DARK THEME */ @import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-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; - - --button-color: hsla(0, 0%, 100%, .15); - --button-color-hover: hsla(0, 0%, 100%, .30); - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: 100, 100, 100; - --accent-color-hover: #ffffff73; - --queue-color: #6b5; - --link-color: #ddd; - --link-color-hover: #fff; - - --text: #eee; - --text-muted: #ccc; - --text-hover: #fff; -} \ 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/vuetorrent/dracula.css b/CSS/themes/vuetorrent/dracula.css new file mode 100644 index 00000000..4d8a894b --- /dev/null +++ b/CSS/themes/vuetorrent/dracula.css @@ -0,0 +1,15 @@ +/* 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 */ + +/* VUETORRENT DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/vuetorrent/hotline.css b/CSS/themes/vuetorrent/hotline.css index f612f673..f4b9db9f 100644 --- a/CSS/themes/vuetorrent/hotline.css +++ b/CSS/themes/vuetorrent/hotline.css @@ -12,23 +12,4 @@ /* VUETORRENT HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-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; - - --button-color: hsla(0, 0%, 100%, .15); - --button-color-hover: hsla(0, 0%, 100%, .30); - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: 244, 67, 54; - --accent-color-hover: #0b3161; - --queue-color: #6b5; - --link-color: #0b3161; - --link-color-hover: #fff; - - --text: #eee; - --text-muted: #ccc; - --text-hover: #fff; -} \ 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/vuetorrent/organizr-dark.css b/CSS/themes/vuetorrent/organizr-dark.css index d56e6334..b2096c92 100644 --- a/CSS/themes/vuetorrent/organizr-dark.css +++ b/CSS/themes/vuetorrent/organizr-dark.css @@ -12,23 +12,4 @@ /* VUETORRENT ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-base.css); - -:root { - --main-bg-color: #1f1f1f; - --modal-bg-color: #1b1b1b; - - --button-color: #2cabe3; - --button-color-hover: rgb(44 171 227 / .8); - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: 44, 171, 227; - --accent-color-hover: white; - --queue-color: #2cabe3; - --link-color: #2cabe3; - --link-color-hover: #fff; - - --text: #96a2b4; - --text-muted: #ccc; - --text-hover: #fff; -} \ 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/vuetorrent/plex.css b/CSS/themes/vuetorrent/plex.css index 57abf48b..878f406e 100644 --- a/CSS/themes/vuetorrent/plex.css +++ b/CSS/themes/vuetorrent/plex.css @@ -12,23 +12,4 @@ /* VUETORRENT PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-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; - - --button-color: #cc7b19; - --button-color-hover: #e59029; - --button-text: #eee; - --button-text-hover: #FFF; - - --accent-color: 229, 160, 13; - --accent-color-hover: #ffc107; - --queue-color: #27c24c; - --link-color: #e5a00d; - --link-color-hover: #fff; - - --text: #eee; - --text-muted: #ccc; - --text-hover: #fff; -} \ 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/vuetorrent/space-gray.css b/CSS/themes/vuetorrent/space-gray.css index 1cc232c7..eaf3e968 100644 --- a/CSS/themes/vuetorrent/space-gray.css +++ b/CSS/themes/vuetorrent/space-gray.css @@ -12,23 +12,4 @@ /* VUETORRENT SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/vuetorrent/vuetorrent-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; - - --button-color: #607D8B; - --button-color-hover: #81a6b7; - --button-text: #eee; - --button-text-hover: #fff; - - --accent-color: 129, 166, 183; - --accent-color-hover: #607D8B; - --queue-color: #81a6b7; - --link-color: #9adfff; - --link-color-hover: #fff; - - --text: #eee; - --text-muted: #ccc; - --text-hover: #fff; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/vuetorrent/vuetorrent-base.css b/CSS/themes/vuetorrent/vuetorrent-base.css index 739dfed9..41746d0b 100644 --- a/CSS/themes/vuetorrent/vuetorrent-base.css +++ b/CSS/themes/vuetorrent/vuetorrent-base.css @@ -67,7 +67,7 @@ p, .theme--dark.v-label, .theme--light.v-label, .theme--light.v-counter { - color: var(--text); + color: var(--text-hover); } .v-application .grey--text { @@ -88,7 +88,7 @@ p, .theme--dark.v-subheader, .theme--light.v-subheader { - color: hsla(0, 0%, 100%, .7); + color: var(--text-hover); } .theme--light.v-input, @@ -303,6 +303,71 @@ p, color: #FFF; } +.v-application .torrent-paused-color .caption, +.v-application .torrent-seeding-color .caption, +.v-application .torrent-done-color .caption { +color: #ccc !important; +} + +.v-application .torrent-paused-color { +background-color: rgb(156 163 175 / 70%) !important; + border-color: rgb(156 163 175 / 70%) !important; +} +.v-application .torrent-seeding-color { + background-color: rgba(78, 205, 230, .7) !important; + border-color: rgba(78, 205, 230, .7) !important; +} +.v-application .torrent-done-color { + background-color: rgba(22, 87, 62, .7) !important; + border-color: rgba(22, 87, 62, .7) !important; +} + +.v-application .torrent-downloading-color { + background-color: rgba(91, 185, 116, .7) !important; + border-color: rgba(91, 185, 116, .7) !important; +} + +.v-application .torrent-fail-color { + background-color: rgba(248, 62, 112, .7) !important; + border-color: rgba(248, 62, 112, .7) !important; +} + +.v-application .torrent-queued-color { + background-color: rgba(46, 94, 170, .7) !important; + border-color: rgba(46, 94, 170, .7) !important; +} + +.v-application .torrent-checking-color { + background-color: rgba(255, 112, 67, .7) !important; + border-color: rgba(255, 112, 67, .7) !important; +} + +.v-application .torrent-stalled-color { + background-color: rgba(74, 222, 128, .7) !important; + border-color: rgba(74, 222, 128, .7) !important; +} + +.v-application .torrent-metadata-color { + background-color: rgba(126, 87, 194, .7) !important; + border-color: rgba(126, 87, 194, .7) !important; +} + +.v-application .torrent-moving-color { + background-color: rgba(255, 170, 44, .7) !important; + border-color: rgba(255, 170, 44, .7) !important; +} + +.torrent-paused-color .v-chip.paused, +.torrent-seeding-color .v-chip.seeding, +.torrent-done-color .v-chip.downloading, +.torrent-done-color .v-chip.fail, +.torrent-done-color .v-chip.queued, +.torrent-done-color .v-chip.checking, +.torrent-done-color .v-chip.stalled, +.torrent-done-color .v-chip.metadata, +.torrent-done-color .v-chip.moving { + color: #fff !important; +} /* DROPDOWN */ .v-menu__content .theme--dark.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled), @@ -317,7 +382,7 @@ background: var(--modal-bg-color) !important; .theme--dark.v-icon, .theme--light.v-icon { - color: #fff; + color: rgb(var(--accent-color)) !important; } .theme--light.v-divider,