diff --git a/source/styles/blocks/contacts.scss b/source/styles/blocks/contacts.scss index b1660b7..9f24866 100644 --- a/source/styles/blocks/contacts.scss +++ b/source/styles/blocks/contacts.scss @@ -8,12 +8,12 @@ .contacts__text { @include font($secondary-font, 16px, 20px); - color: $darkest; + color: $darker; text-transform: uppercase; } .contacts__address { @include font($primary-font, 14px, 20px); font-style: normal; - color: $dark; + color: $gray-900; } diff --git a/source/styles/blocks/example.scss b/source/styles/blocks/example.scss index a5a40b8..072e4ce 100644 --- a/source/styles/blocks/example.scss +++ b/source/styles/blocks/example.scss @@ -21,7 +21,7 @@ .example__desc { @include font($primary-font, 12px, 12px); - color: $dark; + color: $gray-900; } .example__info-row .example__desc { diff --git a/source/styles/blocks/features.scss b/source/styles/blocks/features.scss index b1e977a..4125821 100644 --- a/source/styles/blocks/features.scss +++ b/source/styles/blocks/features.scss @@ -16,5 +16,5 @@ .features__desc { @include font; - color: $dark; + color: $gray-900; } diff --git a/source/styles/blocks/footer.scss b/source/styles/blocks/footer.scss index 79f9b75..c9f13d4 100644 --- a/source/styles/blocks/footer.scss +++ b/source/styles/blocks/footer.scss @@ -16,5 +16,5 @@ .footer__copyright { @include font($primary-font, 16px, 20px); - color: $dark; + color: $gray-900; } diff --git a/source/styles/blocks/product-card.scss b/source/styles/blocks/product-card.scss index ff5919a..e6859f2 100644 --- a/source/styles/blocks/product-card.scss +++ b/source/styles/blocks/product-card.scss @@ -8,20 +8,20 @@ .product-card__title { @include font($secondary-font, 16px, 20px); - color: $darker; + color: $dark; text-transform: uppercase; } .product-card__desc { @include font($primary-font, 12px, 16px); - color: $dark; + color: $gray-900; } .product-card--all .product-card__title { - color: $darkest; + color: $darker; } .product-card--all .product-card__button { background-color: $light; - color: $dark; + color: $gray-900; } diff --git a/source/styles/blocks/programms.scss b/source/styles/blocks/programms.scss index 8f1e85d..d815a08 100644 --- a/source/styles/blocks/programms.scss +++ b/source/styles/blocks/programms.scss @@ -21,7 +21,7 @@ .programms__text { @include font; - color: $dark; + color: $gray-900; } .programms__link { diff --git a/source/styles/blocks/sub-products.scss b/source/styles/blocks/sub-products.scss index 33e2e84..4f47b23 100644 --- a/source/styles/blocks/sub-products.scss +++ b/source/styles/blocks/sub-products.scss @@ -16,11 +16,11 @@ .sub-products__heading { @include font($secondary-font, 16px, 16px); - color: $darker; + color: $dark; text-transform: uppercase; } .sub-products__desc { @include font($primary-font, 14px, 14px); - color: $dark; + color: $gray-900; } diff --git a/source/styles/common/variables.scss b/source/styles/common/variables.scss index e26e531..689f5de 100644 --- a/source/styles/common/variables.scss +++ b/source/styles/common/variables.scss @@ -6,9 +6,8 @@ $primary: #68b738; // Цвет основной темы $primary-lighter: rgba(104, 183, 56, 0.85); //Цвет оверлея над фоновой картинкой $primary-darker: #5eaa2f; // Цвет кнопок при наведении и при нажатии $light: #f2f2f2; // Цвет фона карточек товара, программ, футера, кнопки -$dark: #444444; // Тёмный цвет текста -$darker: #222222; // Более тёмный цвет текста -$darkest: #111111; // Самый тёмный цвет текста +$dark: #222222; // Более тёмный цвет текста +$darker: #111111; // Самый тёмный цвет текста $gray-100: #eaeaea; // Цвет фона блока example $gray-200: #ebebeb; // Цвет разделителя в catalog и фоновый цвет кнопки в состоянии hover и pressed $gray-300: #e7e7e7; // Цвет бордера инпута с именем в обчном состоянии @@ -16,5 +15,6 @@ $gray-400: #e6e6e6; // Цвет разделителя в меню $gray-500: #d9d9d9; // Цвет разделителя в секциях и в программах $gray-600: #d3d3d3; // Цвет плюсика в кнопке показать всё $gray-700: #cdcdcd; // Цвет разделителя в карточках и бордера инпута email -$gray-900: #666666; // Цвет разделителя и кнопка под палец в слайдере и цвет заливки иконок в обычн состоянии -$error: #ff8282; // Цвет input error +$gray-800: #666666; // Цвет разделителя и кнопка под палец в слайдере и цвет заливки иконок в обычн состоянии +$gray-900: #444444; // Тёмный цвет текста +$danger : #ff8282; // Цвет input error