Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

dark mode fixes

Browse Source
This commit is contained in:
codecalm
2020-11-03 22:21:28 +01:00
parent 7949f9216e
commit 85bad48fc1
6 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/scss/_dark.scss
View File

@@ -7,7 +7,7 @@
}
.card,
.footer,
.footer:not(.footer-transparent),
.modal-content,
.modal-header,
.dropdown-menu,

20
src/scss/_utilities.scss
View File

@@ -77,40 +77,40 @@ $utilities: (
"border": (
property: border,
values: (
null: $border-width solid $border-color,
wide: $border-width-wide solid $border-color,
null: $border-width solid $border-color-transparent,
wide: $border-width-wide solid $border-color-transparent,
0: 0,
)
),
"border-top": (
property: border-top,
values: (
null: $border-width solid $border-color,
wide: $border-width-wide solid $border-color,
null: $border-width solid $border-color-transparent,
wide: $border-width-wide solid $border-color-transparent,
0: 0,
)
),
"border-right": (
property: border-right,
values: (
null: $border-width solid $border-color,
wide: $border-width-wide solid $border-color,
null: $border-width solid $border-color-transparent,
wide: $border-width-wide solid $border-color-transparent,
0: 0,
)
),
"border-bottom": (
property: border-bottom,
values: (
null: $border-width solid $border-color,
wide: $border-width-wide solid $border-color,
null: $border-width solid $border-color-transparent,
wide: $border-width-wide solid $border-color-transparent,
0: 0,
)
),
"border-left": (
property: border-left,
values: (
null: $border-width solid $border-color,
wide: $border-width-wide solid $border-color,
null: $border-width solid $border-color-transparent,
wide: $border-width-wide solid $border-color-transparent,
0: 0,
)
),

14
src/scss/_variables.scss
View File

@@ -73,7 +73,7 @@ $text-muted-light-opacity: .4 !default;
$border-opacity: .16 !default;
$border-dark-opacity: .24 !default;
$light: #f5f7fb !default;
$light: #f0f3f6 !default;
$dark: #354052 !default;
$body-bg: $light !default;
@@ -299,7 +299,7 @@ $btn-font-weight: $font-weight-medium !default;
$btn-border-radius: 3px !default;
//cards
$card-border-color: $border-color !default;
$card-border-color: $border-color-transparent !default;
$card-border-radius: $border-radius !default;
$card-cap-bg: $min-black !default;
@@ -391,11 +391,13 @@ $navbar-padding-y: .25rem !default;
$navbar-light-color: rgba($body-color, $text-muted-opacity) !default;
$navbar-light-brand-color: $body-color !default;
$navbar-light-border-color: $border-color-transparent !default;
$navbar-light-active-color: $body-color !default;
$navbar-light-disabled-color: rgba($body-color, .3) !default;
$navbar-dark-color: rgba($white, $text-muted-opacity) !default;
$navbar-dark-brand-color: $white !default;
$navbar-light-border-color: $border-color-transparent !default;
$navbar-dark-active-color: $white !default;
$navbar-dark-disabled-color: rgba($white, .3) !default;
@@ -452,15 +454,15 @@ $spinner-border-width-sm: 1px !default;
//tables
$table-color: inherit !default;
$table-head-border-color: $border-color !default;
$table-border-color: $border-color-transparent !default;
$table-head-border-color: $border-color-transparent !default;
$table-head-padding-y: .5rem !default;
$table-head-color: $text-muted !default;
$table-head-bg: $min-black !default;
$table-group-seperator-color: $border-color !default;
$table-striped-order: even !default;
$table-striped-bg: $min-black !default;
$table-accent-bg: $min-black !default;
$table-group-separator-color: $border-color !default;
$table-group-separator-color: $border-color-transparent !default;
//toasts
$toast-border-color: $border-color !default;
@@ -479,7 +481,7 @@ $list-group-action-color: inherit !default;
$list-group-bg: inherit !default;
$input-disabled-bg: $gray-100 !default;
$input-border-color: $border-color-dark !default;
$input-border-color: $border-color-dark-transparent !default;
$input-placeholder-color: $text-muted-light !default;
$input-group-addon-bg: $min-black !default;

2
src/scss/layout/_navbar.scss
View File

@@ -298,7 +298,7 @@ Navbar toggler
Navbar light
*/
.navbar-light {
box-shadow: inset 0 -1px 0 0 $border-color;
box-shadow: inset 0 -1px 0 0 $navbar-light-border-color;
background-color: $white;
}

6
src/scss/mixins/_functions.scss
View File

@@ -2,9 +2,13 @@
@return red($hex), green($hex), blue($hex);
}
@function theme-color-lighter($color) {
@function theme-color-lighter($color, $transparent: false) {
@if ($transparent) {
@return rgba($color, .1);
} @else {
@return tint-color($color, 90%);
}
}
@function theme-color-darker($color) {
@return shade-color($color, 16%);

2
src/scss/utils/_colors.scss
View File

@@ -27,7 +27,7 @@ SOCIAL COLORS
.bg-#{$color}-lt {
color: $value !important;
background: theme-color-lighter($value) !important;
background: theme-color-lighter($value, true) !important;
}
}
}