Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-08-18 16:09:36 +02:00
Code Issues Releases Wiki Activity

kitana dracula

Browse Source
This commit is contained in:
Marius 2021-07-22 23:57:49 +02:00
parent 455481a52f
commit f0de451348
8 changed files with 73 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,15 +13,4 @@
/* KITANA AQUAMARINE THEME */
@import url(https://theme-park.dev/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;
}
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);

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

@ -13,15 +13,4 @@
/* KITANA DARK THEME */
@import url(https://theme-park.dev/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);
}
@import url(https://theme-park.dev/CSS/variables/dark.css);

16
CSS/themes/kitana/dracula.css Normal file
View File

@ -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 */
/* KITANA DRACULA THEME */
@import url(https://theme-park.dev/CSS/themes/kitana/kitana-base.css);
@import url(https://theme-park.dev/CSS/variables/dracula.css);

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

@ -13,15 +13,4 @@
/* KITANA HOTLINE THEME */
@import url(https://theme-park.dev/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;
}
@import url(https://theme-park.dev/CSS/variables/hotline.css);

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

@ -18,7 +18,8 @@ body {
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
-o-background-size: auto, cover;
color: var(--text);
}
a {
@ -26,7 +27,12 @@ a {
}
a:hover {
color: #fff;
color: var(--link-color-hover);
}
a.ml-2,
a.mx-2 {
color: rgb(var(--accent-color)) !important;
}
#content:before {
@ -37,7 +43,7 @@ a:hover {
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
-o-background-size: auto, cover;
}
* {
@ -50,10 +56,20 @@ body,
color: var(--text);
}
h1,
h2,
h3,
h4,
h5,
h6,
label {
color: var(--text-hover);
}
/* ACCENTS */
.badge-dark {
color: var(--button-text);
background-color: var(--accent-color);
color: var(--label-text-color);
background-color: rgb(rgb(var(--accent-color)));
}
/* NAVBAR */
@ -85,7 +101,7 @@ body,
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
-o-background-size: auto, cover;
border: 1px solid transparent;
}
@ -115,6 +131,7 @@ body,
}
.card-header {
color: var(--text-hover);
background-color: rgb(0 0 0 / 25%);
border-bottom: 1px solid rgba(255, 255, 255, .125) !important;
}
@ -160,14 +177,14 @@ ul li:hover {
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
border-color: var(--button-color-hover);
color: var(--text-hover);
color: var(--button-text-hover);
background-color: var(--button-color-hover);
box-shadow: none !important;
}
.badge-primary {
color: var(--button-text);
background-color: var(--accent-color);
color: var(--label-text-color);
background-color: rgb(var(--accent-color));
}
.badge-secondary {
@ -189,6 +206,31 @@ ul li:hover {
color: var(--text-hover) !important;
}
.custom-control-input:checked~.custom-control-label::before {
color: var(--label-text-color);
border-color: rgb(var(--accent-color));
background-color: rgb(var(--accent-color));
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
filter: invert(1);
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(55, 90, 127, 0.25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
border-color: rgb(var(--accent-color));
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
color: #fff;
background-color: #97b3d2;
border-color: #97b3d2
}
/* PLACEHOLDER TEXT */
::placeholder {
color: var(--text) !important;

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

@ -13,15 +13,4 @@
/* KITANA ORGANIZR-DARK THEME */
@import url(https://theme-park.dev/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;
}
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);

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

@ -13,15 +13,4 @@
/* KITANA PLEX THEME */
@import url(https://theme-park.dev/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;
}
@import url(https://theme-park.dev/CSS/variables/plex.css);

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

@ -13,15 +13,4 @@
/* KITANA SPACE GRAY THEME */
@import url(https://theme-park.dev/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;
}
@import url(https://theme-park.dev/CSS/variables/space-gray.css);