Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

fixed card bg & color for light & dark mode

Browse Source
This commit is contained in:
Sarin Na Wangkanai
2022-09-01 18:32:19 +07:00
parent 0832bd1d43
commit df06dcaea7
4 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/scss/_variables.scss
View File

@@ -382,7 +382,8 @@ $btn-border-radius: $border-radius !default;
//cards
$card-title-spacer-y: 1.25rem !default;
$card-bg: $white !default;
$card-bg: $light !default;
$card-bg-hover: $white !default;
$card-color: $dark !default;
$card-border-width: $border-width !default;

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

@@ -19,7 +19,9 @@ body:not(.theme-dark) .hide-theme-light {
--#{$prefix}body-bg-rgb: #{to-rgb($dark-mode-darken)};
--#{$prefix}card-bg: #{$dark-mode-darken};
--#{$prefix}card-bg-hover: #{$dark-mode-darken};
--#{$prefix}card-bg-rgb: #{to-rgb($dark-mode-darken)};
--#{$prefix}card-color: #{$dark-mode-text};
--#{$prefix}border-color: #{$dark-mode-border-color};
--#{$prefix}border-color-light: #{$dark-mode-border-color-light};

4
src/scss/ui/_buttons.scss
View File

@@ -65,8 +65,8 @@
// Button color variations
//
.btn-white {
//--#{$prefix}btn-bg: var(--#{$prefix}card-bg);
//--#{$prefix}btn-hover-bg: var(--#{$prefix}card-bg);
--#{$prefix}btn-bg: var(--#{$prefix}card-bg);
--#{$prefix}btn-hover-bg: var(--#{$prefix}card-bg-hover);
}
@each $color, $value in $theme-colors {

4
src/scss/ui/_cards.scss
View File

@@ -1,7 +1,7 @@
.card {
--#{$prefix}card-border-radius: var(--#{$prefix}border-radius);
--#{$prefix}card-bg: var(--#{$prefix}body-bg);
--#{$prefix}card-color: var(--#{$prefix}body-color);
--#{$prefix}card-bg: var(--#{$prefix}card-bg);
--#{$prefix}card-color: var(--#{$prefix}card-color);
box-shadow: $card-shadow;
border: $card-border-width solid $card-border-color;