80154: Keep using Bootstrap variables

This commit is contained in:
Yura Bondarenko
2021-06-18 15:24:16 +02:00
parent f3faa0df2c
commit 3a8e658d54
3 changed files with 16 additions and 8 deletions

View File

@@ -12,6 +12,8 @@ $image-path: "../assets/images" !default;
/** Bootstrap Variables **/ /** Bootstrap Variables **/
/* Colors */ /* Colors */
$gray-700: #495057; !default // Bootstrap $gray-700
$gray-100: #f8f9fa; !default // $gray-100
/* Reassign color vars to semantic color scheme */ /* Reassign color vars to semantic color scheme */
$blue: #2B4E72 !default; $blue: #2B4E72 !default;
@@ -23,12 +25,12 @@ $dark: darken($blue, 17%) !default;
$theme-colors: ( $theme-colors: (
primary: $blue, primary: $blue,
secondary: #495057, // Bootstrap $gray-700 secondary: $gray-700,
success: $green, success: $green,
info: $cyan, info: $cyan,
warning: $yellow, warning: $yellow,
danger: $red, danger: $red,
light: #f8f9fa, // Bootstrap $gray-100 light: $gray-100,
dark: $dark dark: $dark
) !default; ) !default;
/* Fonts */ /* Fonts */

View File

@@ -5,6 +5,9 @@
// $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default; // $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
// //
// $gray-700: #495057; !default // Bootstrap $gray-700
// $gray-100: #f8f9fa; !default // $gray-100
//
// $blue: #2B4E72 !default; // $blue: #2B4E72 !default;
// $green: #94BA65 !default; // $green: #94BA65 !default;
// $cyan: #006666 !default; // $cyan: #006666 !default;
@@ -14,12 +17,12 @@
// //
// $theme-colors: ( // $theme-colors: (
// primary: $blue, // primary: $blue,
// secondary: #495057, // Bootstrap $gray-700 // secondary: $gray-700,
// success: $green, // success: $green,
// info: $cyan, // info: $cyan,
// warning: $yellow, // warning: $yellow,
// danger: $red, // danger: $red,
// light: #f8f9fa, // Bootstrap $gray-100 // light: $gray-100,
// dark: $dark // dark: $dark
// ) !default; // ) !default;
// //

View File

@@ -17,10 +17,13 @@ $yellow: #ec9433 !default;
$red: #CF4444 !default; $red: #CF4444 !default;
$dark: #43515f !default; $dark: #43515f !default;
$body-color: #343a40 !default; // Bootstrap $gray-800 $gray-800: #343a40; !default
$gray-400: #ced4da; !default
$gray-100: #f8f9fa; !default
$table-accent-bg: #f8f9fa !default; // Bootstrap $gray-100 $body-color: $gray-800 !default; // Bootstrap $gray-800
$table-hover-bg: #ced4da !default; // Bootstrap $gray-400
$table-accent-bg: $gray-100 !default; // Bootstrap $gray-100
$table-hover-bg: $gray-400 !default; // Bootstrap $gray-400
$yiq-contrasted-threshold: 170 !default; $yiq-contrasted-threshold: 170 !default;