isabelle/Falcon-PrestaShop-9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Background and color utility classes & map

Browse Source
This commit is contained in:
Isabelle Oving - Anno
2025-12-22 12:01:47 +01:00
parent bae76ed030
commit d5d1cd7874
2 changed files with 41 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
falcon/_dev/css/abstracts/variables/bootstrap/_colors.scss
View File

@ -1,6 +1,6 @@
// Color system // Color system
$white: #fff; $white: #fff;
$gray-100: #f8f9fa; $gray-100: #f8f9fa;
$gray-200: #e9ecef; $gray-200: #e9ecef;
$gray-300: #dee2e6; $gray-300: #dee2e6;
@ -10,24 +10,33 @@ $gray-600: #6c757d;
$gray-700: #495057; $gray-700: #495057;
$gray-800: #343a40; $gray-800: #343a40;
$gray-900: #212529; $gray-900: #212529;
$black: #000; $black: #000;
$blue: #007bff; $blue: #007bff;
$indigo: #6610f2; $indigo: #6610f2;
$purple: #6f42c1; $purple: #6f42c1;
$pink: #e83e8c; $pink: #e83e8c;
$red: #dc3545; $red: #dc3545;
$orange: #fd7e14; $orange: #fd7e14;
$yellow: #ffc107; $yellow: #ffc107;
$green: #28a745; $green: #28a745;
$teal: #20c997; $teal: #20c997;
$cyan: #17a2b8; $cyan: #17a2b8;
$primary: $blue; $success: $green;
$secondary: $gray-600; $info: $cyan;
$success: $green; $warning: #ff9a52;
$info: $cyan; $danger: $red;
$warning: #ff9a52; $light: $gray-100;
$danger: $red; $dark: $gray-800;
$light: $gray-100;
$dark: $gray-800; $primary: $blue;
$secondary: $gray-600;
// Map for utility classes
$theme-colors: (
"primary": $primary,
"secondary": $secondary,
//"tertiary": $tertiary,
//"quaternary": $quaternary,,
);

12
falcon/_dev/css/theme/custom/abstracts/_utilities.scss Normal file
View File

@ -0,0 +1,12 @@
// Color utility classes
@each $name, $color in $theme-colors {
.bg-#{$name} {
background-color: $color;
}
}
@each $name, $color in $theme-colors {
.text-#{$name} {
color: $color;
}
}