mirror of
https://github.com/Kornstalx/5etools-mirror-2.github.io.git
synced 2025-10-28 20:45:35 -05:00
v1.206.1
This commit is contained in:
TheGiddyLimit
@@ -1,5 +1,7 @@
|
||||
@use "sass:color";
|
||||
@use "vars";
|
||||
|
||||
@use "../vars/vars";
|
||||
@use "../vars/vars-night";
|
||||
|
||||
.page__ {
|
||||
&header {
|
||||
@@ -137,9 +139,9 @@
|
||||
}
|
||||
}
|
||||
|
||||
.night-mode .page__ {
|
||||
.ve-night-mode .page__ {
|
||||
&wrp-download {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
|
||||
&disp-download-progress-text {
|
||||
@@ -311,8 +313,8 @@ input[type="checkbox"].sidemenu__row__label__cb {
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
.night-mode .sidemenu {
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
.ve-night-mode .sidemenu {
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
|
||||
/* *** */
|
||||
@@ -930,10 +932,10 @@ input[type="checkbox"].sidemenu__row__label__cb {
|
||||
}
|
||||
}
|
||||
|
||||
.night-mode .manbrew {
|
||||
.ve-night-mode .manbrew {
|
||||
&__filtertools {
|
||||
.wrp-cb-all {
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1087,9 +1089,9 @@ tr.text.compact > td p:last-child {
|
||||
}
|
||||
}
|
||||
|
||||
.night-mode .mon__ {
|
||||
.ve-night-mode .mon__ {
|
||||
&cr_slider_wrp {
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1316,13 +1318,13 @@ img.token:hover {
|
||||
}
|
||||
}
|
||||
|
||||
.night-mode .initp__ {
|
||||
.ve-night-mode .initp__ {
|
||||
&header {
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
|
||||
&r {
|
||||
border-color: vars.$rgb-border-grey--trans-night;
|
||||
border-color: vars-night.$rgb-border-grey--trans-night;
|
||||
|
||||
&:hover {
|
||||
background: #ffffff18;
|
||||
@@ -1753,7 +1755,7 @@ header p.lead {
|
||||
@include vars.mix-shadow-1;
|
||||
}
|
||||
|
||||
.night-mode .night__ {
|
||||
.ve-night-mode .night__ {
|
||||
&shadow-big {
|
||||
@include vars.mix-shadow-1;
|
||||
}
|
||||
@@ -1836,10 +1838,10 @@ header p.lead {
|
||||
}
|
||||
}
|
||||
|
||||
.night-mode .bkmv {
|
||||
.ve-night-mode .bkmv {
|
||||
&__ {
|
||||
&wrp-item {
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1947,14 +1949,14 @@ th.border {
|
||||
}
|
||||
}
|
||||
|
||||
.night-mode .bk__ {
|
||||
.ve-night-mode .bk__ {
|
||||
&contents-header {
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
|
||||
&overlay-loading {
|
||||
background: vars.$rgb-bg--night;
|
||||
border-bottom-color: vars.$rgb-border-grey--statblock-night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
border-bottom-color: vars-night.$rgb-border-grey--statblock-night;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1990,13 +1992,13 @@ th.border {
|
||||
}
|
||||
}
|
||||
|
||||
.night-mode .bks__ {
|
||||
.ve-night-mode .bks__ {
|
||||
&wrp-bookshelf-item,
|
||||
&wrp-bookshelf-item:hover {
|
||||
background: vars.$rgb-bg--night;
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
color: vars.$rgb-font--night;
|
||||
text-decoration-color: vars.$rgb-font--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
text-decoration-color: vars-night.$rgb-font--night;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2148,29 +2150,29 @@ th.border {
|
||||
}
|
||||
}
|
||||
|
||||
.night-mode .toast {
|
||||
.ve-night-mode .toast {
|
||||
&--type-info {
|
||||
color: #fff;
|
||||
background-color: color.adjust(color.adjust(vars.$rgb-alert-info-blue--night, $lightness: - 15%), $alpha: - 0.05);
|
||||
border-color: vars.$rgb-alert-info-border-blue--night;
|
||||
background-color: color.adjust(color.adjust(vars-night.$rgb-alert-info-blue--night, $lightness: - 15%), $alpha: - 0.05);
|
||||
border-color: vars-night.$rgb-alert-info-border-blue--night;
|
||||
}
|
||||
|
||||
&--type-danger {
|
||||
color: #fff;
|
||||
background-color: color.adjust(color.adjust(vars.$rgb-alert-danger-red--night, $lightness: - 15%), $alpha: - 0.05);
|
||||
border-color: vars.$rgb-alert-danger-border-red--night;
|
||||
background-color: color.adjust(color.adjust(vars-night.$rgb-alert-danger-red--night, $lightness: - 15%), $alpha: - 0.05);
|
||||
border-color: vars-night.$rgb-alert-danger-border-red--night;
|
||||
}
|
||||
|
||||
&--type-warning {
|
||||
color: #fff;
|
||||
background-color: color.adjust(color.adjust(vars.$rgb-alert-warning-orange--night, $lightness: - 15%), $alpha: - 0.05);
|
||||
border-color: vars.$rgb-alert-warning-border-orange--night;
|
||||
background-color: color.adjust(color.adjust(vars-night.$rgb-alert-warning-orange--night, $lightness: - 15%), $alpha: - 0.05);
|
||||
border-color: vars-night.$rgb-alert-warning-border-orange--night;
|
||||
}
|
||||
|
||||
&--type-success {
|
||||
color: #fff;
|
||||
background-color: color.adjust(color.adjust(vars.$rgb-alert-success-green--night, $lightness: - 15%), $alpha: - 0.05);
|
||||
border-color: vars.$rgb-alert-success-border-green--night;
|
||||
background-color: color.adjust(color.adjust(vars-night.$rgb-alert-success-green--night, $lightness: - 15%), $alpha: - 0.05);
|
||||
border-color: vars-night.$rgb-alert-success-border-green--night;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2207,7 +2209,7 @@ th.border {
|
||||
}
|
||||
}
|
||||
|
||||
.night-mode {
|
||||
.ve-night-mode {
|
||||
.cards__ {
|
||||
&disp-btn-icon {
|
||||
filter: initial;
|
||||
@@ -2271,36 +2273,21 @@ th.border {
|
||||
/* Day Mode End */
|
||||
|
||||
/* Night Mode */
|
||||
.night-mode {
|
||||
.ve-night-mode {
|
||||
body {
|
||||
color: vars.$rgb-font--night;
|
||||
background: vars.$rgb-bg--night
|
||||
color: vars-night.$rgb-font--night;
|
||||
background: vars-night.$rgb-bg--night
|
||||
url("data:image/png;base64,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")
|
||||
repeat scroll left top;
|
||||
}
|
||||
|
||||
.bg-solid {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
|
||||
/* generic UI */
|
||||
.vr-0,
|
||||
.vr-1,
|
||||
.vr-2,
|
||||
.vr-3,
|
||||
.vr-4,
|
||||
.vr-5 {
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
}
|
||||
|
||||
.vr-r {
|
||||
border-right-color: vars.$rgb-border-grey--night !important;
|
||||
}
|
||||
/* *** */
|
||||
|
||||
.page__ {
|
||||
&header {
|
||||
color: vars.$rgb-font--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
background: vars.$rgb-off-black;
|
||||
}
|
||||
|
||||
@@ -2324,14 +2311,14 @@ th.border {
|
||||
.page__nav-inner > li.active > a:hover {
|
||||
background-color: vars.$rgb-off-black;
|
||||
border-top: 0;
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent;
|
||||
color: #d0d0d0;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
color: color.adjust(vars.$rgb-font--night, $lightness: - 15%) !important;
|
||||
color: color.adjust(vars-night.$rgb-font--night, $lightness: - 15%) !important;
|
||||
}
|
||||
|
||||
h1,
|
||||
@@ -2340,65 +2327,41 @@ th.border {
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: vars.$rgb-font--night;
|
||||
}
|
||||
|
||||
.b-1p {
|
||||
border-color: vars.$rgb-border-grey--night !important;
|
||||
}
|
||||
|
||||
.bt-1p {
|
||||
border-top-color: vars.$rgb-border-grey--night !important;
|
||||
}
|
||||
|
||||
.br-1p {
|
||||
border-right-color: vars.$rgb-border-grey--night !important;
|
||||
}
|
||||
|
||||
.bb-1p {
|
||||
border-bottom-color: vars.$rgb-border-grey--night !important;
|
||||
|
||||
&-trans {
|
||||
border-bottom-color: vars.$rgb-border-grey--trans-night !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bl-1p {
|
||||
border-left-color: vars.$rgb-border-grey--night !important;
|
||||
color: vars-night.$rgb-font--night;
|
||||
}
|
||||
|
||||
pre {
|
||||
color: vars.$rgb-font--night;
|
||||
background: vars.$rgb-bg--night;
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
|
||||
#legal-notice {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
a,
|
||||
.roller {
|
||||
color: vars.$rgb-link-blue--night;
|
||||
color: vars-night.$rgb-link-blue--night;
|
||||
}
|
||||
|
||||
.hwin__top-border-icon {
|
||||
color: vars.$rgb-font--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
|
||||
&:hover {
|
||||
color: color.adjust(vars.$rgb-font--night, $lightness: vars.$pct-darken-hover);
|
||||
color: color.adjust(vars-night.$rgb-font--night, $lightness: vars.$pct-darken-hover);
|
||||
}
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
a,
|
||||
.roller {
|
||||
color: vars.$rgb-link-blue--muted-night;
|
||||
color: vars-night.$rgb-link-blue--muted-night;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2414,25 +2377,25 @@ th.border {
|
||||
.btn-default:hover,
|
||||
.btn-default:focus,
|
||||
.btn-default:active {
|
||||
background-color: vars.$rgb-form-control-bg--night;
|
||||
color: vars.$rgb-font--night;
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
background-color: vars-night.$rgb-form-control-bg--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
|
||||
.btn-primary,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-primary:active {
|
||||
background-color: vars.$rgb-btn-primary-blue--night;
|
||||
color: vars.$rgb-font--night;
|
||||
background-color: vars-night.$rgb-btn-primary-blue--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
}
|
||||
|
||||
.btn-danger,
|
||||
.btn-danger:hover,
|
||||
.btn-danger:focus,
|
||||
.btn-danger:active {
|
||||
background-color: vars.$rgb-btn-danger-red--night;
|
||||
color: vars.$rgb-font--night;
|
||||
background-color: vars-night.$rgb-btn-danger-red--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
}
|
||||
|
||||
.btn-danger:hover {
|
||||
@@ -2443,24 +2406,24 @@ th.border {
|
||||
.btn-warning:hover,
|
||||
.btn-warning:focus,
|
||||
.btn-warning:active {
|
||||
background-color: vars.$rgb-btn-warning-orange--night;
|
||||
color: vars.$rgb-font--night;
|
||||
background-color: vars-night.$rgb-btn-warning-orange--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
}
|
||||
|
||||
.btn-info,
|
||||
.btn-info:hover,
|
||||
.btn-info:focus,
|
||||
.btn-info:active {
|
||||
background-color: vars.$rgb-btn-info-blue--night;
|
||||
color: vars.$rgb-font--night;
|
||||
background-color: vars-night.$rgb-btn-info-blue--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
}
|
||||
|
||||
.btn-success,
|
||||
.btn-success:hover,
|
||||
.btn-success:focus,
|
||||
.btn-success:active {
|
||||
background-color: vars.$rgb-btn-success-green--night;
|
||||
color: vars.$rgb-font--night;
|
||||
background-color: vars-night.$rgb-btn-success-green--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
}
|
||||
|
||||
.btn-default.active {
|
||||
@@ -2484,19 +2447,19 @@ th.border {
|
||||
|
||||
dialog.dialog-modal,
|
||||
.ve-dropdown-menu {
|
||||
background: vars.$rgb-bg--night;
|
||||
color: vars.$rgb-font--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
box-shadow: 0 6px 12px rgb(0 0 0 / 56%);
|
||||
}
|
||||
|
||||
.ve-dropdown-menu > li {
|
||||
> a,
|
||||
> span {
|
||||
color: vars.$rgb-font--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
background-color: vars.$rgb-bg--alt-night;
|
||||
background-color: vars-night.$rgb-bg--alt-night;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
@@ -2505,7 +2468,7 @@ th.border {
|
||||
> a,
|
||||
> span {
|
||||
color: #fff;
|
||||
background-color: vars.$rgb-btn-danger-bg-red--night;
|
||||
background-color: vars-night.$rgb-btn-danger-bg-red--night;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
@@ -2537,22 +2500,22 @@ th.border {
|
||||
}
|
||||
|
||||
.ve-dropdown-menu .divider {
|
||||
background-color: vars.$rgb-border-grey--night;
|
||||
background-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
|
||||
select,
|
||||
input {
|
||||
background-color: vars.$rgb-bg--night;
|
||||
color: vars.$rgb-font--night;
|
||||
background-color: vars-night.$rgb-bg--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
}
|
||||
|
||||
select option {
|
||||
color: vars.$rgb-font--night;
|
||||
background: vars.$rgb-bg--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
|
||||
.list .row {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
|
||||
/* Bootstrap overrides */
|
||||
@@ -2562,49 +2525,49 @@ th.border {
|
||||
|
||||
.alert-info {
|
||||
color: #fff;
|
||||
background-color: color.adjust(vars.$rgb-alert-info-blue--night, $alpha: - 0.5);
|
||||
border-color: vars.$rgb-alert-info-border-blue--night;
|
||||
background-color: color.adjust(vars-night.$rgb-alert-info-blue--night, $alpha: - 0.5);
|
||||
border-color: vars-night.$rgb-alert-info-border-blue--night;
|
||||
|
||||
.alert-link {
|
||||
color: vars.$rgb-alert-info-border-blue--night;
|
||||
color: vars-night.$rgb-alert-info-border-blue--night;
|
||||
}
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
color: #fff;
|
||||
background-color: color.adjust(vars.$rgb-alert-danger-red--night, $alpha: - 0.5);
|
||||
border-color: vars.$rgb-alert-danger-border-red--night;
|
||||
background-color: color.adjust(vars-night.$rgb-alert-danger-red--night, $alpha: - 0.5);
|
||||
border-color: vars-night.$rgb-alert-danger-border-red--night;
|
||||
|
||||
.alert-link {
|
||||
color: vars.$rgb-alert-danger-border-red--night;
|
||||
color: vars-night.$rgb-alert-danger-border-red--night;
|
||||
}
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
color: #fff;
|
||||
background-color: color.adjust(vars.$rgb-alert-warning-orange--night, $alpha: - 0.5);
|
||||
border-color: vars.$rgb-alert-warning-border-orange--night;
|
||||
background-color: color.adjust(vars-night.$rgb-alert-warning-orange--night, $alpha: - 0.5);
|
||||
border-color: vars-night.$rgb-alert-warning-border-orange--night;
|
||||
|
||||
.alert-link {
|
||||
color: vars.$rgb-alert-warning-border-orange--night;
|
||||
color: vars-night.$rgb-alert-warning-border-orange--night;
|
||||
}
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
color: #fff;
|
||||
background-color: color.adjust(vars.$rgb-alert-success-green--night, $alpha: - 0.5);
|
||||
border-color: vars.$rgb-alert-success-border-green--night;
|
||||
background-color: color.adjust(vars-night.$rgb-alert-success-green--night, $alpha: - 0.5);
|
||||
border-color: vars-night.$rgb-alert-success-border-green--night;
|
||||
|
||||
.alert-link {
|
||||
color: vars.$rgb-alert-success-border-green--night;
|
||||
color: vars-night.$rgb-alert-success-border-green--night;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group-addon,
|
||||
.form-control {
|
||||
background: vars.$rgb-form-control-bg--night;
|
||||
color: vars.$rgb-font--night;
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
background: vars-night.$rgb-form-control-bg--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
|
||||
.form-control[disabled] {
|
||||
@@ -2648,20 +2611,20 @@ th.border {
|
||||
&wrp-input {
|
||||
&--scrolled {
|
||||
.omni__input {
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
background-color: vars.$rgb-bg--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
background-color: vars-night.$rgb-bg--night;
|
||||
color: transparent;
|
||||
|
||||
&:focus,
|
||||
&:focus-within,
|
||||
&:active,
|
||||
&:hover {
|
||||
color: vars.$rgb-font--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
}
|
||||
}
|
||||
|
||||
.omni__submit {
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -2677,7 +2640,7 @@ th.border {
|
||||
}
|
||||
|
||||
&submit {
|
||||
border-top-color: vars.$rgb-border-grey--night;
|
||||
border-top-color: vars-night.$rgb-border-grey--night;
|
||||
|
||||
@media screen and (width > #{vars.$width-screen-md}) {
|
||||
border-top-color: transparent;
|
||||
@@ -2686,8 +2649,8 @@ th.border {
|
||||
&.btn-default:active:focus,
|
||||
&.btn-default:active:hover,
|
||||
&.btn-default {
|
||||
background-color: vars.$rgb-bg--night;
|
||||
color: vars.$rgb-font--night;
|
||||
background-color: vars-night.$rgb-bg--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -2695,7 +2658,7 @@ th.border {
|
||||
#pointbuy {
|
||||
input {
|
||||
&[type="number"] {
|
||||
border: 1px solid vars.$rgb-border-grey--night;
|
||||
border: 1px solid vars-night.$rgb-border-grey--night;
|
||||
outline-offset: 0;
|
||||
outline: none;
|
||||
}
|
||||
@@ -2707,12 +2670,12 @@ th.border {
|
||||
}
|
||||
|
||||
.stats {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
|
||||
.lst__ {
|
||||
&row {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
|
||||
&:hover {
|
||||
background: vars.$rgb-off-black;
|
||||
@@ -2724,11 +2687,11 @@ th.border {
|
||||
}
|
||||
|
||||
&wrp-preview {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
|
||||
&wrp-preview-inner {
|
||||
border-color: vars.$rgb-border-grey--list-row-night;
|
||||
border-color: vars-night.$rgb-border-grey--list-row-night;
|
||||
}
|
||||
|
||||
&btn-toggle-expand {
|
||||
@@ -2740,7 +2703,7 @@ th.border {
|
||||
|
||||
@media screen and (width > #{vars.$width-screen-hg}) {
|
||||
#listcontainer.book-contents {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
border-right: 1px solid #404040;
|
||||
}
|
||||
}
|
||||
@@ -2748,33 +2711,33 @@ th.border {
|
||||
.bk__ {
|
||||
&head-chapter--active,
|
||||
&head-section--active {
|
||||
background: vars.$rgb-bg--alt-night;
|
||||
background: vars-night.$rgb-bg--alt-night;
|
||||
}
|
||||
}
|
||||
|
||||
.bklist__ {
|
||||
&wrp-rows-inner {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
|
||||
&vr-contents {
|
||||
border-color: vars.$rgb-border-grey--list-row-night;
|
||||
border-color: vars-night.$rgb-border-grey--list-row-night;
|
||||
}
|
||||
}
|
||||
|
||||
.hwin .hoverborder,
|
||||
th.border,
|
||||
.stats--book th.border {
|
||||
background: vars.$rgb-border-grey--statblock-night;
|
||||
background: vars-night.$rgb-border-grey--statblock-night;
|
||||
}
|
||||
|
||||
.hwin__wrp-table {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
|
||||
.wrp-stats-table {
|
||||
border-top: 1px solid vars.$rgb-border-grey--statblock-night;
|
||||
border-bottom: 1px solid vars.$rgb-border-grey--statblock-night;
|
||||
border-top: 1px solid vars-night.$rgb-border-grey--statblock-night;
|
||||
border-bottom: 1px solid vars-night.$rgb-border-grey--statblock-night;
|
||||
}
|
||||
|
||||
.stats--book ::selection {
|
||||
@@ -2783,11 +2746,11 @@ th.border {
|
||||
}
|
||||
|
||||
tr.text td {
|
||||
color: vars.$rgb-font--night !important;
|
||||
color: vars-night.$rgb-font--night !important;
|
||||
}
|
||||
|
||||
tr.text td {
|
||||
color: vars.$rgb-font--night !important;
|
||||
color: vars-night.$rgb-font--night !important;
|
||||
}
|
||||
|
||||
.mon__ {
|
||||
@@ -2796,25 +2759,18 @@ th.border {
|
||||
background: rgb(255 255 255 / 15%);
|
||||
|
||||
&:hover {
|
||||
color: vars.$rgb-font--night;
|
||||
color: vars-night.$rgb-font--night;
|
||||
}
|
||||
}
|
||||
|
||||
&token-footer {
|
||||
color: #ddd;
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
}
|
||||
|
||||
tr.trait td,
|
||||
tr.action td,
|
||||
tr.reaction td,
|
||||
tr.legendary td {
|
||||
color: vars.$rgb-font--night !important;
|
||||
}
|
||||
|
||||
.life__output {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
|
||||
.f-all-wrapper > input,
|
||||
@@ -2840,39 +2796,24 @@ th.border {
|
||||
}
|
||||
|
||||
.stats-name {
|
||||
color: vars.$rgb-name-red--night;
|
||||
color: vars-night.$rgb-name-red--night;
|
||||
}
|
||||
|
||||
.stats .divider div {
|
||||
background-color: vars.$rgb-name-red--night;
|
||||
background-color: vars-night.$rgb-name-red--night;
|
||||
}
|
||||
|
||||
.stripe-odd-table > tbody > tr:nth-child(odd),
|
||||
.stripe-even-table > tbody > tr:nth-child(even) {
|
||||
background-color: vars.$rgb-stripe-grey--night;
|
||||
}
|
||||
|
||||
#please-select-message.showing > td {
|
||||
color: vars.$rgb-name-red--night;
|
||||
}
|
||||
|
||||
#actions,
|
||||
#reactions,
|
||||
#legendaries,
|
||||
#lairactions,
|
||||
#regionaleffects {
|
||||
td {
|
||||
border-bottom-color: vars.$rgb-name-red--night;
|
||||
color: vars.$rgb-name-red--night;
|
||||
}
|
||||
background-color: vars-night.$rgb-stripe-grey--night;
|
||||
}
|
||||
|
||||
.mon__stat-header-underline {
|
||||
border-bottom-color: vars.$rgb-name-red--night;
|
||||
border-bottom-color: vars-night.$rgb-name-red--night;
|
||||
}
|
||||
|
||||
.mon__sect-header-inner {
|
||||
color: vars.$rgb-name-red--night;
|
||||
color: vars-night.$rgb-name-red--night;
|
||||
}
|
||||
|
||||
.bkmv {
|
||||
@@ -2880,11 +2821,11 @@ th.border {
|
||||
}
|
||||
|
||||
.bkmv__spacer-name {
|
||||
background-color: vars.$rgb-border-grey--statblock-night;
|
||||
background-color: vars-night.$rgb-border-grey--statblock-night;
|
||||
}
|
||||
|
||||
.lst--border {
|
||||
border-color: vars.$rgb-border-grey--list-row-night;
|
||||
border-color: vars-night.$rgb-border-grey--list-row-night;
|
||||
}
|
||||
|
||||
.list-multi-selected .lst--border {
|
||||
@@ -2893,16 +2834,12 @@ th.border {
|
||||
|
||||
.list-multi-selected.lst__row--sublist {
|
||||
.lst--border {
|
||||
border-color: vars.$rgb-border-grey--night;
|
||||
border-color: vars-night.$rgb-border-grey--night;
|
||||
}
|
||||
}
|
||||
|
||||
#rulescontent caption {
|
||||
color: vars.$rgb-font--night;
|
||||
}
|
||||
|
||||
tr.trait td {
|
||||
color: vars.$rgb-font--night !important;
|
||||
color: vars-night.$rgb-font--night !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
@@ -2911,19 +2848,10 @@ th.border {
|
||||
|
||||
/**** Search and filter bar ****/
|
||||
.mon__cr_slider_wrp {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.hwin table.summary-noback th,
|
||||
.hwin table.summary th {
|
||||
color: vars.$rgb-font--night;
|
||||
}
|
||||
|
||||
.hwin .hoverborder .window-title {
|
||||
color: vars.$rgb-font--night;
|
||||
}
|
||||
|
||||
.rollbox {
|
||||
background: #272727;
|
||||
}
|
||||
@@ -2954,25 +2882,21 @@ th.border {
|
||||
border: 1px solid rgb(255 255 255 / 15%);
|
||||
}
|
||||
|
||||
.hwin td div.border {
|
||||
background-color: vars.$rgb-name-red--night;
|
||||
}
|
||||
|
||||
.initial-message {
|
||||
color: vars.$rgb-name-red--night;
|
||||
color: vars-night.$rgb-name-red--night;
|
||||
}
|
||||
|
||||
.panel-content-textarea {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
|
||||
.content-tab-bar {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
color: vars.$rgb-bg--night;
|
||||
background-color: vars.$rgb-bg-highlight--night;
|
||||
color: vars-night.$rgb-bg--night;
|
||||
background-color: vars-night.$rgb-bg-highlight--night;
|
||||
}
|
||||
|
||||
/* *** */
|
||||
@@ -2983,7 +2907,7 @@ th.border {
|
||||
}
|
||||
|
||||
.sidemenu {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
|
||||
.sidemenu__toggle {
|
||||
@@ -2991,7 +2915,7 @@ th.border {
|
||||
}
|
||||
|
||||
.sidemenu__burger {
|
||||
background: vars.$rgb-bg--night;
|
||||
background: vars-night.$rgb-bg--night;
|
||||
}
|
||||
/* *** */
|
||||
|
||||
@@ -3002,7 +2926,7 @@ th.border {
|
||||
/* *** */
|
||||
}
|
||||
|
||||
.night-mode--alt {
|
||||
.ve-night-mode--alt {
|
||||
body {
|
||||
background: #1c1c1c;
|
||||
}
|
||||
@@ -3096,7 +3020,7 @@ th.border {
|
||||
}
|
||||
}
|
||||
|
||||
.night-mode {
|
||||
.ve-night-mode {
|
||||
.cancer__ {
|
||||
&wrp-leaderboard {
|
||||
background: vars.$rgb-off-black;
|
||||
|
||||
Reference in New Issue
Block a user