topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Added Kitana #84

pull/107/head
Marius 5 years ago
parent
3f71bdfe82
commit
d8642b8f6f
14 changed files with 355 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 27
      CSS/themes/kitana/aquamarine.css
  2. 27
      CSS/themes/kitana/dark.css
  3. 27
      CSS/themes/kitana/hotline.css
  4. 189
      CSS/themes/kitana/kitana-base.css
  5. 27
      CSS/themes/kitana/organizr-dark.css
  6. 27
      CSS/themes/kitana/plex.css
  7. 27
      CSS/themes/kitana/space-gray.css
  8. 4
      README.md
  9. BIN
      Screenshots/kitana/aquamarine.png
  10. BIN
      Screenshots/kitana/dark.png
  11. BIN
      Screenshots/kitana/hotline.png
  12. BIN
      Screenshots/kitana/organizr-dark.png
  13. BIN
      Screenshots/kitana/plex.png
  14. BIN
      Screenshots/kitana/space-gray.png

27
CSS/themes/kitana/aquamarine.css
View File

@ -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;
}

27
CSS/themes/kitana/dark.css
View File

@ -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);
}

27
CSS/themes/kitana/hotline.css
View File

@ -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;
}

189
CSS/themes/kitana/kitana-base.css
View File

@ -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;
}

27
CSS/themes/kitana/organizr-dark.css
View File

@ -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;
}

27
CSS/themes/kitana/plex.css
View File

@ -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;
}

27
CSS/themes/kitana/space-gray.css
View File

@ -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;
}

4
README.md
View File

@ -190,6 +190,10 @@
<p><a href="https://github.com/gilbN/theme.park/wiki/Duplicacy"><img src="https://avatars1.githubusercontent.com/u/10550069?s=400&u=4c3068cced0cb7b005bdbe2c4061a93c61b1a8e0&v=4" alt="" width="48" height="48" /></a></p>
<p><a href="https://github.com/gilbN/theme.park/wiki/Duplicacy">Duplicacy</a></p>
</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://github.com/gilbN/theme.park/wiki/Kitana"><img src="https://raw.githubusercontent.com/pannal/Kitana/master/static/img/android-icon-48x48.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://github.com/gilbN/theme.park/wiki/Kitana">Kitana</a></p>
</td>
</tr>
</tbody>
</table>

BIN
Screenshots/kitana/aquamarine.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 649 KiB

BIN
Screenshots/kitana/dark.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 356 KiB

BIN
Screenshots/kitana/hotline.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 779 KiB

BIN
Screenshots/kitana/organizr-dark.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
Screenshots/kitana/plex.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
Screenshots/kitana/space-gray.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 610 KiB

Write Preview
Loading…
Cancel
Save