diff --git a/CSS/themes/kitana/aquamarine.css b/CSS/themes/kitana/aquamarine.css new file mode 100644 index 00000000..9cce39c2 --- /dev/null +++ b/CSS/themes/kitana/aquamarine.css @@ -0,0 +1,27 @@ + +/* 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 */ + +/* KITANA AQUAMARINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-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; + --accent-color: #12afa0; + --accent-color-hover: #fff; + --text: #eee; + --text-hover: #fff; + --link-color: #12afa0; +} \ No newline at end of file diff --git a/CSS/themes/kitana/dark.css b/CSS/themes/kitana/dark.css new file mode 100644 index 00000000..48f1ecf1 --- /dev/null +++ b/CSS/themes/kitana/dark.css @@ -0,0 +1,27 @@ + +/* 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 */ + +/* KITANA DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-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; + --accent-color: #fff; + --accent-color-hover: rgba(255, 255, 255, 0.45); + --text: #eee; + --text-hover: #fff; + --link-hover: rgba(255, 255, 255, 0.45); +} \ No newline at end of file diff --git a/CSS/themes/kitana/hotline.css b/CSS/themes/kitana/hotline.css new file mode 100644 index 00000000..85e3570e --- /dev/null +++ b/CSS/themes/kitana/hotline.css @@ -0,0 +1,27 @@ + +/* 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 */ + +/* KITANA HOTLINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-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; + --accent-color: #F44336; + --accent-color-hover: #0b3161; + --text: #eee; + --text-hover: #fff; + --link-hover: #F44336; +} \ No newline at end of file diff --git a/CSS/themes/kitana/kitana-base.css b/CSS/themes/kitana/kitana-base.css new file mode 100644 index 00000000..734dc153 --- /dev/null +++ b/CSS/themes/kitana/kitana-base.css @@ -0,0 +1,189 @@ +/* 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 */ + +body { + background: var(--main-bg-color); +} + +a { + color: var(--link-color); +} + +a:hover { + color: #fff; +} + +#content:before { + background: var(--main-bg-color); +} + +* { + outline: none !important; +} + +/* TEXT */ +body { + color: var(--text); +} + +/* ACCENTS */ +.badge-dark { + color: var(--button-text); + background-color: var(--accent-color); +} + +/* NAVBAR */ +#nav .bg-dark { + background: hsla(0, 0%, 0%, .25) !important; +} + +.navbar-dark .navbar-nav .nav-link { + color: var(--text); +} + +.navbar-dark .navbar-nav .nav-link:hover, +.navbar-dark .navbar-nav .nav-link:focus { + color: var(--text-hover); +} + +#navbarSupportedContent ul li { + background-color: transparent !important; + border: none !important; +} + +/* DROPDOWN MENU */ +.dropdown-menu { + color: #fff; + background: var(--modal-bg-color); + border: 1px solid transparent; +} + +.dropdown-item.active, +.dropdown-item:active, +.dropdown:active:hover { + color: var(--text-hover); + background-color: rgb(0 0 0 / 25%) !important; +} + +.dropdown-item { + color: var(--text); +} + +.dropdown-item:hover, +.dropdown-item:focus { + color: var(--text-hover); + text-decoration: none; + background-color: rgb(255 255 255 / 8%); +} + + +/* CARDS */ +.card { + background: rgb(255 255 255 / 8%) !important; + border: 1px solid transparent; +} + +.card-header { + background-color: rgb(0 0 0 / 25%); + border-bottom: 1px solid rgba(255, 255, 255, .125) !important; +} + +ul li { + background-color: rgb(255 255 255 / 8%) !important; + border: none !important; +} + +ul li:hover { + background-color: rgb(255 255 255 / 16%) !important; + border: none; +} + +/* SETTINGS */ +.plugin_content .nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: var(--text-hover) !important; + background-color: rgb(0 0 0 / 25%) !important; + border-color: #4440 #4440 transparent; +} + +.plugin_content .nav-tabs { + border-bottom: 1px solid rgb(255 255 255 / 20%); +} + +.alert-secondary { + background-color: rgb(255 255 255 / 20%); +} + +/* BUTTONS */ +.btn { + border-color: var(--button-color); + background: var(--button-color); + color: var(--button-text); + margin-right: 5px; +} + +.btn:hover, +.btn:focus, +.btn:active, +.btn-primary:not(:disabled):not(.disabled):active, +.btn-primary:not(:disabled):not(.disabled).active, +.show>.btn-primary.dropdown-toggle { + border-color: var(--button-color-hover); + color: var(--text-hover); + background-color: var(--button-color-hover); + box-shadow: none !important; +} + +.badge-primary { + color: var(--button-text); + background-color: var(--accent-color); +} + +.badge-secondary { + color: var(--button-text); + background-color: rgb(0 0 0 / 25%); +} + +/* FORMS */ +.form-control { + color: var(--text) !important; + background-color: rgba(0, 0, 0, .25) !important; + border: 1px solid transparent !important; + box-shadow: none !important; + transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.form-control:focus { + background-color: rgb(0 0 0 / 50%) !important; + color: var(--text-hover) !important; +} + +/* PLACEHOLDER TEXT */ +::placeholder { + color: var(--text) !important; + opacity: .5 !important; +} + +:-moz-placeholder { + color: var(--text) !important; + opacity: .5 !important; +} + +:-ms-input-placeholder { + color: var(--text) !important; + opacity: .5 !important; +} + +::-webkit-input-placeholder { + color: var(--text) !important; + opacity: .5; +} \ No newline at end of file diff --git a/CSS/themes/kitana/organizr-dark.css b/CSS/themes/kitana/organizr-dark.css new file mode 100644 index 00000000..86c5cf2f --- /dev/null +++ b/CSS/themes/kitana/organizr-dark.css @@ -0,0 +1,27 @@ + +/* 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 */ + +/* KITANA ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-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; + --accent-color:#2cabe3; + --accent-color-hover: #fff; + --text:#96a2b4; + --text-hover: #fff; + --link-color: #2cabe3; +} \ No newline at end of file diff --git a/CSS/themes/kitana/plex.css b/CSS/themes/kitana/plex.css new file mode 100644 index 00000000..f6065879 --- /dev/null +++ b/CSS/themes/kitana/plex.css @@ -0,0 +1,27 @@ + +/* 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 */ + +/* KITANA PLEX THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-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; + --accent-color: #e5a00d; + --accent-color-hover: #ffc107; + --text: #eee; + --text-hover: #fff; + --link-color:#fff; +} \ No newline at end of file diff --git a/CSS/themes/kitana/space-gray.css b/CSS/themes/kitana/space-gray.css new file mode 100644 index 00000000..2c77d0ff --- /dev/null +++ b/CSS/themes/kitana/space-gray.css @@ -0,0 +1,27 @@ + +/* 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 */ + +/* KITANA SPACE GRAY THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-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; + --accent-color: #81a6b7; + --accent-color-hover: #81a6b7; + --text: #eee; + --text-hover: #fff; + --link-color: #81a6b7; +} \ No newline at end of file diff --git a/README.md b/README.md index 425290d6..e4944f0a 100644 --- a/README.md +++ b/README.md @@ -190,6 +190,10 @@
+