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

Update color utility classes and fix colors in pricing page (#2122)

Browse Source
This commit is contained in:
Paweł Kuna
2025-02-12 21:01:04 +01:00
committed by GitHub
parent 3dea9de29c
commit f95f2509c7
3 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/orange-moose-run.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Update color utility classes and replace background colors in pricing table

14
core/scss/utils/_colors.scss
View File

@@ -31,7 +31,7 @@
@each $color, $value in $gray-colors {
.bg-#{"" + $color} {
--#{$prefix}bg-opacity: .1;
--#{$prefix}bg-opacity: 1;
background-color: rgba(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}bg-opacity)) !important;
}
@@ -39,3 +39,15 @@
color: $value !important;
}
}
.bg-surface {
background-color: var(--#{$prefix}bg-surface) !important;
}
.bg-surface-secondary {
background-color: var(--#{$prefix}bg-surface-secondary) !important;
}
.bg-surface-tertiary {
background-color: var(--#{$prefix}bg-surface-tertiary) !important;
}

6
preview/pages/pricing-table.html
View File

@@ -35,7 +35,7 @@ permalink: pricing-table.html
</tr>
</thead>
<tbody>
<tr class="bg-light">
<tr class="bg-surface-tertiary">
<th colspan="4" class="subheader">Features</th>
</tr>
<tr>
@@ -56,7 +56,7 @@ permalink: pricing-table.html
<td class="text-center">{% include "ui/icon.html" icon="x" class="text-red" %}</td>
<td class="text-center">{% include "ui/icon.html" icon="check" class="text-green" %}</td>
</tr>
<tr class="bg-light">
<tr class="bg-surface-tertiary">
<th colspan="4" class="subheader">Reporting</th>
</tr>
<tr>
@@ -71,7 +71,7 @@ permalink: pricing-table.html
<td class="text-center">{% include "ui/icon.html" icon="check" class="text-green" %}</td>
<td class="text-center">{% include "ui/icon.html" icon="check" class="text-green" %}</td>
</tr>
<tr class="bg-light">
<tr class="bg-surface-tertiary">
<th colspan="4" class="subheader">Support</th>
</tr>
<tr>