Marius
3 years ago
1 changed files with 395 additions and 0 deletions
@ -0,0 +1,395 @@ |
|||||
|
@import url("https://theme-park.dev/CSS/defaults/placeholders.css"); |
||||
|
|
||||
|
body, |
||||
|
.dark { |
||||
|
margin: 0; |
||||
|
font-family: var(--bs-body-font-family); |
||||
|
font-size: var(--bs-body-font-size); |
||||
|
font-weight: var(--bs-body-font-weight); |
||||
|
line-height: var(--bs-body-line-height); |
||||
|
color: var(--text); |
||||
|
text-align: var(--bs-body-text-align); |
||||
|
background: var(--main-bg-color); |
||||
|
background-repeat: repeat, no-repeat; |
||||
|
background-attachment: fixed, fixed; |
||||
|
background-position: center center, center center; |
||||
|
background-size: auto, cover; |
||||
|
-webkit-background-size: auto, cover; |
||||
|
-moz-background-size: auto, cover; |
||||
|
-o-background-size: auto, cover; |
||||
|
-webkit-text-size-adjust: 100%; |
||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
||||
|
} |
||||
|
|
||||
|
/* TEXT */ |
||||
|
.text-secondary { |
||||
|
color: var(--text-muted) !important; |
||||
|
} |
||||
|
|
||||
|
.text-dark, |
||||
|
.form-text { |
||||
|
color: var(--text); |
||||
|
} |
||||
|
|
||||
|
.stats p, |
||||
|
.word, |
||||
|
footer { |
||||
|
color: var(--text) !important; |
||||
|
} |
||||
|
|
||||
|
.title { |
||||
|
color: rgb(var(--accent-color)) !important |
||||
|
} |
||||
|
|
||||
|
h6, |
||||
|
.h6, |
||||
|
h5, |
||||
|
.h5, |
||||
|
h4, |
||||
|
.h4, |
||||
|
h3, |
||||
|
.h3, |
||||
|
h2, |
||||
|
.h2, |
||||
|
h1, |
||||
|
.h1 { |
||||
|
color: var(--text-hover) |
||||
|
} |
||||
|
|
||||
|
a:hover:not(.btn), |
||||
|
.nav-link:hover, |
||||
|
.dark a:hover:not(.btn) { |
||||
|
color: var(--link-color-hover); |
||||
|
} |
||||
|
|
||||
|
a, |
||||
|
.nav-link, |
||||
|
.dark a, |
||||
|
.dark .nav-link { |
||||
|
color: var(--link-color); |
||||
|
} |
||||
|
|
||||
|
.url a { |
||||
|
color: var(--link-color) !important; |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
/* CARDS */ |
||||
|
.shadow-box, |
||||
|
.dark .shadow-box { |
||||
|
box-shadow: 0px 0px 20px 10px #0000001a; |
||||
|
background: rgb(255 255 255 / 8%); |
||||
|
} |
||||
|
|
||||
|
.list .item:hover { |
||||
|
background-color: rgba(255, 255, 255, .15) !important; |
||||
|
} |
||||
|
|
||||
|
.dark .list .item.active, |
||||
|
.list .item.active { |
||||
|
background-color: rgba(0, 0, 0, .25) !important; |
||||
|
} |
||||
|
|
||||
|
.dark .hp-bar-big .beat.empty, |
||||
|
.hp-bar-big .beat.empty { |
||||
|
background-color: rgba(255, 255, 255, .45) !important; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
canvas { |
||||
|
filter: invert(1) |
||||
|
} |
||||
|
|
||||
|
/* TABLES */ |
||||
|
|
||||
|
th { |
||||
|
color: var(--text-hover) |
||||
|
} |
||||
|
|
||||
|
td { |
||||
|
color: var(--text); |
||||
|
} |
||||
|
|
||||
|
.dark .table-hover>tbody>tr:hover, |
||||
|
.table-hover>tbody>tr:hover { |
||||
|
--bs-table-accent-bg: rgba(0, 0, 0, .2); |
||||
|
color: var(--text); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/* MENUS */ |
||||
|
.dropdown-menu { |
||||
|
color: var(--text) !important; |
||||
|
background: var(--drop-down-menu-bg) !important; |
||||
|
} |
||||
|
|
||||
|
.dropdown-item { |
||||
|
color: var(--text) !important; |
||||
|
} |
||||
|
|
||||
|
.dropdown-item:hover, |
||||
|
.dropdown-item:focus { |
||||
|
color: var(--text-hover) !important; |
||||
|
background-color: rgba(255, 255, 255, .1) !important; |
||||
|
} |
||||
|
|
||||
|
.dark .dropdown-clear-data ul { |
||||
|
border-color: #0000 !important; |
||||
|
color: var(--text) !important; |
||||
|
background: var(--drop-down-menu-bg) !important; |
||||
|
} |
||||
|
|
||||
|
/* HEADER */ |
||||
|
.dark header, |
||||
|
#app>div>header { |
||||
|
background-color: rgba(0, 0, 0, .15) !important; |
||||
|
border-bottom-color: rgba(255, 255, 255, 0) !important; |
||||
|
} |
||||
|
|
||||
|
/* BUTTONS */ |
||||
|
|
||||
|
.dark .btn-primary { |
||||
|
color: var(--button-text); |
||||
|
} |
||||
|
|
||||
|
.btn-primary { |
||||
|
color: var(--button-text); |
||||
|
background-color: var(--button-color); |
||||
|
border-color: var(--button-color); |
||||
|
} |
||||
|
|
||||
|
.btn-primary:hover { |
||||
|
color: var(--button-text-hover); |
||||
|
background-color: var(--button-color-hover); |
||||
|
border-color: var(--button-color-hover); |
||||
|
} |
||||
|
|
||||
|
.btn-check:focus+.btn-primary, |
||||
|
.btn-primary:focus { |
||||
|
color: var(--button-text-hover); |
||||
|
background-color: var(--button-color-hover); |
||||
|
border-color: var(--button-color-hover); |
||||
|
box-shadow: 0 0 0 .25rem rgba(var(--accent-color), .5) |
||||
|
} |
||||
|
|
||||
|
.btn-check:checked+.btn-primary, |
||||
|
.btn-check:active+.btn-primary, |
||||
|
.btn-primary:active, |
||||
|
.btn-primary.active, |
||||
|
.show>.btn-primary.dropdown-toggle { |
||||
|
color: var(--button-text-hover); |
||||
|
background-color: var(--button-color-hover); |
||||
|
border-color: var(--button-color-hover); |
||||
|
} |
||||
|
|
||||
|
.btn-check:checked+.btn-primary:focus, |
||||
|
.btn-check:active+.btn-primary:focus, |
||||
|
.btn-primary:active:focus, |
||||
|
.btn-primary.active:focus, |
||||
|
.show>.btn-primary.dropdown-toggle:focus { |
||||
|
box-shadow: 0 0 0 .25rem rgba(var(--accent-color), .5) |
||||
|
} |
||||
|
|
||||
|
.btn-primary:disabled, |
||||
|
.btn-primary.disabled { |
||||
|
color: var(--button-text); |
||||
|
background-color: var(--button-color); |
||||
|
border-color: var(--button-color); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.btn-outline-primary, |
||||
|
.btn-outline-secondary { |
||||
|
color: var(--button-text); |
||||
|
border-color: var(--button-color); |
||||
|
} |
||||
|
|
||||
|
.btn-outline-primary:hover, |
||||
|
.btn-outline-secondary:hover { |
||||
|
color: var(--button-text-hover) !important; |
||||
|
background-color: var(--button-color-hover); |
||||
|
border-color: var(--button-color-hover); |
||||
|
} |
||||
|
|
||||
|
.btn-check:focus+.btn-outline-primary, |
||||
|
.btn-outline-primary:focus { |
||||
|
box-shadow: 0 0 0 .25rem rgba(var(--accent-color), .5); |
||||
|
} |
||||
|
|
||||
|
.btn-check:checked+.btn-outline-primary, |
||||
|
.btn-check:active+.btn-outline-primary, |
||||
|
.btn-outline-primary:active, |
||||
|
.btn-outline-primary.active, |
||||
|
.btn-outline-primary.dropdown-toggle.show { |
||||
|
color: var(--button-text-hover) !important; |
||||
|
background-color: var(--button-color-hover); |
||||
|
border-color: var(--button-color-hover); |
||||
|
} |
||||
|
|
||||
|
.btn-check:checked+.btn-outline-primary:focus, |
||||
|
.btn-check:active+.btn-outline-primary:focus, |
||||
|
.btn-outline-primary:active:focus, |
||||
|
.btn-outline-primary.active:focus, |
||||
|
.btn-outline-primary.dropdown-toggle.show:focus { |
||||
|
box-shadow: 0 0 0 .25rem rgba(var(--accent-color), .5); |
||||
|
} |
||||
|
|
||||
|
.btn-outline-primary:disabled, |
||||
|
.btn-outline-primary.disabled { |
||||
|
color: var(--button-color); |
||||
|
background-color: transparent |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.nav-pills .nav-link.active, |
||||
|
.nav-pills .show>.nav-link { |
||||
|
color: var(--button-text) !important; |
||||
|
background-color: var(--button-color); |
||||
|
} |
||||
|
|
||||
|
.dark #importBackup::file-selector-button, |
||||
|
#importBackup::file-selector-button { |
||||
|
color: var(--button-text) !important; |
||||
|
background-color: var(--button-color) !important; |
||||
|
} |
||||
|
|
||||
|
.dark #importBackup[data-v-d684482e]:hover:not(:disabled):not([readonly])::file-selector-button, |
||||
|
#importBackup[data-v-d684482e]:hover:not(:disabled):not([readonly])::file-selector-button { |
||||
|
color: var(--button-text-hover) !important; |
||||
|
background-color: var(--button-color-hover) !important; |
||||
|
} |
||||
|
|
||||
|
/* FORMS */ |
||||
|
|
||||
|
.dark .form-control, |
||||
|
.dark .form-select, |
||||
|
.form-select, |
||||
|
.form-control { |
||||
|
color: var(--text); |
||||
|
background-color: rgba(0, 0, 0, .25); |
||||
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='#ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); |
||||
|
background-repeat: no-repeat; |
||||
|
} |
||||
|
|
||||
|
.dark .form-select:focus, |
||||
|
.dark .form-control:focus, |
||||
|
.form-select:focus, |
||||
|
.form-control:focus { |
||||
|
background: #1f1f1f; |
||||
|
box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25); |
||||
|
border-color: rgba(var(--accent-color), 0.25); |
||||
|
} |
||||
|
|
||||
|
.dark .form-control, |
||||
|
.dark .form-select, |
||||
|
.form-select, |
||||
|
.form-control { |
||||
|
border-color: #0000; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
.form-check-input:checked { |
||||
|
background-color: var(--button-color); |
||||
|
border-color: var(--button-color); |
||||
|
} |
||||
|
|
||||
|
.form-check-input[type=checkbox]:indeterminate { |
||||
|
background-color: var(--button-color); |
||||
|
border-color: var(--button-color); |
||||
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") |
||||
|
} |
||||
|
|
||||
|
.dark .multiselect__content-wrapper, |
||||
|
.multiselect__content-wrapper { |
||||
|
background: var(--drop-down-menu-bg) !important; |
||||
|
border-color: transparent !important; |
||||
|
} |
||||
|
|
||||
|
.multiselect { |
||||
|
color: var(--text); |
||||
|
} |
||||
|
|
||||
|
.multiselect__option--highlight { |
||||
|
background: rgb(var(--accent-color)) !important; |
||||
|
outline: none; |
||||
|
color: #fff |
||||
|
} |
||||
|
|
||||
|
.multiselect__option--highlight:after { |
||||
|
content: attr(data-select); |
||||
|
background: rgb(var(--accent-color)) !important; |
||||
|
color: #fff |
||||
|
} |
||||
|
|
||||
|
.multiselect__option--selected, |
||||
|
.dark .multiselect__option--selected { |
||||
|
background: rgba(0, 0, 0, .45); |
||||
|
color: #fff; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
|
||||
|
.multiselect__tag, |
||||
|
.dark .multiselect__tag { |
||||
|
background: var(--button-color) !important; |
||||
|
color: var(--button-text) !important; |
||||
|
} |
||||
|
|
||||
|
.dark .multiselect__tags, |
||||
|
.multiselect__tags { |
||||
|
color: var(--text); |
||||
|
background-color: rgba(0, 0, 0, .25); |
||||
|
border-color: transparent; |
||||
|
} |
||||
|
|
||||
|
.dark .multiselect__input, |
||||
|
.dark .multiselect__single, |
||||
|
.multiselect__input, |
||||
|
.multiselect__single { |
||||
|
background-color: rgba(0, 0, 0, .25) !important; |
||||
|
color: var(--text-hover) !important; |
||||
|
} |
||||
|
|
||||
|
/* MODAL */ |
||||
|
.dark .modal-header, |
||||
|
.modal-header { |
||||
|
border-color: rgb(var(--accent-color)); |
||||
|
border-radius: 1rem 1rem 0 0; |
||||
|
background: var(--modal-header-color); |
||||
|
background-repeat: repeat, no-repeat; |
||||
|
background-attachment: fixed, fixed; |
||||
|
background-position: center center, center center; |
||||
|
background-size: auto, cover; |
||||
|
-webkit-background-size: auto, cover; |
||||
|
-moz-background-size: auto, cover; |
||||
|
-o-background-size: auto, cover; |
||||
|
} |
||||
|
|
||||
|
.dark .modal-footer, |
||||
|
.modal-footer { |
||||
|
border-color: rgb(var(--accent-color)); |
||||
|
background: var(--modal-footer-color); |
||||
|
border-radius: 0 0 1rem 1rem; |
||||
|
background-repeat: repeat, no-repeat; |
||||
|
background-attachment: fixed, fixed; |
||||
|
background-position: center center, center center; |
||||
|
background-size: auto, cover; |
||||
|
-webkit-background-size: auto, cover; |
||||
|
-moz-background-size: auto, cover; |
||||
|
-o-background-size: auto, cover; |
||||
|
} |
||||
|
|
||||
|
.dark .modal-content, |
||||
|
.modal-content { |
||||
|
box-shadow: 0 15px 70px #000; |
||||
|
background: var(--modal-bg-color); |
||||
|
background-repeat: repeat, no-repeat; |
||||
|
background-attachment: fixed, fixed; |
||||
|
background-position: center center, center center; |
||||
|
background-size: auto, cover; |
||||
|
-webkit-background-size: auto, cover; |
||||
|
-moz-background-size: auto, cover; |
||||
|
-o-background-size: auto, cover; |
||||
|
} |
Loading…
Reference in new issue