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

fix: Use CSS variables for status colors and include social colors (#2547)

Browse Source
This commit is contained in:
Paweł Kuna
2025-11-26 19:29:46 +01:00
committed by GitHub
parent a198b0c7c5
commit 8bc6fa7fd1
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/fix-status-colors-variables.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fixed status color classes to use CSS variables instead of hardcoded values and include social colors (bitbucket, facebook, etc.) in status class generation.

8
core/scss/ui/_status.scss
View File

@@ -1,3 +1,5 @@
@use 'sass:map';
@keyframes status-pulsate-main { @keyframes status-pulsate-main {
40% { 40% {
transform: scale(1.25, 1.25); transform: scale(1.25, 1.25);
@@ -74,10 +76,10 @@
color: var(--#{$prefix}body-color) !important; color: var(--#{$prefix}body-color) !important;
} }
@each $name, $color in $theme-colors { @each $name, $color in map.merge($theme-colors, $social-colors) {
.status-#{$name} { .status-#{$name} {
--#{$prefix}status-color: #{$color}; --#{$prefix}status-color: var(--#{$prefix}#{$name});
--#{$prefix}status-color-rgb: #{to-rgb($color)}; --#{$prefix}status-color-rgb: var(--#{$prefix}#{$name}-rgb);
} }
} }