From c3acffcdfd5b66f80f02f37125a9bf044eb53a14 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Thu, 8 Jul 2021 21:20:35 +0200 Subject: [PATCH] =?UTF-8?q?xbackbone=20=F0=9F=A7=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CSS/themes/xbackbone/aquamarine.css | 20 +------------------- CSS/themes/xbackbone/dark.css | 20 +------------------- CSS/themes/xbackbone/dracula.css | 15 +++++++++++++++ CSS/themes/xbackbone/hotline.css | 20 +------------------- CSS/themes/xbackbone/organizr-dark.css | 20 +------------------- CSS/themes/xbackbone/plex.css | 20 +------------------- CSS/themes/xbackbone/space-gray.css | 20 +------------------- CSS/themes/xbackbone/xbackbone-base.css | 10 +++++++--- 8 files changed, 28 insertions(+), 117 deletions(-) create mode 100644 CSS/themes/xbackbone/dracula.css diff --git a/CSS/themes/xbackbone/aquamarine.css b/CSS/themes/xbackbone/aquamarine.css index 3714f864..acba3ecc 100644 --- a/CSS/themes/xbackbone/aquamarine.css +++ b/CSS/themes/xbackbone/aquamarine.css @@ -12,22 +12,4 @@ /* XBACKBONE AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-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: 0, 150, 136; - --accent-color-hover: #12afa0; - --queue-color: #009688; - --link-color: #0ed2bf; - --link-color-hover: #fff; - - --text:#eee; - --text-hover: #fff; - --text-muted: #999; -} \ 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/xbackbone/dark.css b/CSS/themes/xbackbone/dark.css index b1885e09..5f0659f9 100644 --- a/CSS/themes/xbackbone/dark.css +++ b/CSS/themes/xbackbone/dark.css @@ -12,22 +12,4 @@ /* XBACKBONE DARK THEME */ @import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-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-hover: #fff; - --text-muted: #999; - } \ 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/xbackbone/dracula.css b/CSS/themes/xbackbone/dracula.css new file mode 100644 index 00000000..500f0012 --- /dev/null +++ b/CSS/themes/xbackbone/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 */ + +/* XBACKBONE DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/xbackbone/hotline.css b/CSS/themes/xbackbone/hotline.css index 0247958d..8cefe779 100644 --- a/CSS/themes/xbackbone/hotline.css +++ b/CSS/themes/xbackbone/hotline.css @@ -12,22 +12,4 @@ /* XBACKBONE HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-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: #ddd; - --link-color-hover: #fff; - - --text:#eee; - --text-hover: #fff; - --text-muted: #999; -} \ 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/xbackbone/organizr-dark.css b/CSS/themes/xbackbone/organizr-dark.css index b0c15d7d..01f0961a 100644 --- a/CSS/themes/xbackbone/organizr-dark.css +++ b/CSS/themes/xbackbone/organizr-dark.css @@ -12,22 +12,4 @@ /* XBACKBONE ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-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-hover: #fff; - --text-muted: #999; - } \ 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/xbackbone/plex.css b/CSS/themes/xbackbone/plex.css index 9122e215..d4a04cbc 100644 --- a/CSS/themes/xbackbone/plex.css +++ b/CSS/themes/xbackbone/plex.css @@ -12,22 +12,4 @@ /* XBACKBONE PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-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-hover: #fff; - --text-muted: #999; - } \ 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/xbackbone/space-gray.css b/CSS/themes/xbackbone/space-gray.css index 9e36a71b..32d1096a 100644 --- a/CSS/themes/xbackbone/space-gray.css +++ b/CSS/themes/xbackbone/space-gray.css @@ -12,22 +12,4 @@ /* XBACKBONE SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/xbackbone/xbackbone-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: 96, 125, 139; - --accent-color-hover: #81a6b7; - --queue-color: #81a6b7; - --link-color: #81a6b7; - --link-color-hover: #fff; - - --text:#eee; - --text-hover: #fff; - --text-muted: #999; -} +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file diff --git a/CSS/themes/xbackbone/xbackbone-base.css b/CSS/themes/xbackbone/xbackbone-base.css index e2dca643..6cc1b26f 100644 --- a/CSS/themes/xbackbone/xbackbone-base.css +++ b/CSS/themes/xbackbone/xbackbone-base.css @@ -63,12 +63,15 @@ body, } .navbar-dark .navbar-nav .nav-link:focus, -.navbar-dark .navbar-nav .nav-link:hover { +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link.active, +.navbar-dark .navbar-nav .show>.nav-link, +.col-form-label { color: var(--text-hover); } .card-header { - color: #FFF; + color: rgb(var(--accent-color)); } .text-muted { @@ -122,7 +125,8 @@ a:hover { } /* TABLES */ -.table-hover>tbody>tr:hover { +.table-hover>tbody>tr:hover, +.table>thead { color: var(--text-hover); }