Объявляю переменную для более светлого цвета текста и применяю

htmlacademy-adaptive · Dec 6, 2024 · a621298 · a621298
1 parent 3abf0b2
commit a621298
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 11 deletions.
diff --git a/source/styles/blocks/contacts.scss b/source/styles/blocks/contacts.scss
@@ -15,5 +15,5 @@
 .contacts__address {
   @include font($primary-font, 14px, 20px);
   font-style: normal;
-  color: $fifth-color;
+  color: $secondary-color;
 }
diff --git 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: $fifth-color;
+  color: $secondary-color;
 }
 
 .example__info-row .example__desc {

diff --git a/source/styles/blocks/features.scss b/source/styles/blocks/features.scss
@@ -16,5 +16,5 @@
 
 .features__desc {
   @include font;
-  color: $fifth-color;
+  color: $secondary-color;
 }
diff --git 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: $fifth-color;
+  color: $secondary-color;
 }
diff --git a/source/styles/blocks/product-card.scss b/source/styles/blocks/product-card.scss
@@ -14,7 +14,7 @@
 
 .product-card__desc {
   @include font($primary-font, 12px, 16px);
-  color: $fifth-color;
+  color: $secondary-color;
 }
 
 .product-card--all .product-card__title {
@@ -23,5 +23,5 @@
 
 .product-card--all .product-card__button {
   background-color: $eleventh-color;
-  color: $fifth-color;
+  color: $secondary-color;
 }
diff --git a/source/styles/blocks/programms.scss b/source/styles/blocks/programms.scss
@@ -21,7 +21,7 @@
 
 .programms__text {
   @include font;
-  color: $fifth-color;
+  color: $secondary-color;
 }
 
 .programms__link {

diff --git a/source/styles/blocks/sub-products.scss b/source/styles/blocks/sub-products.scss
@@ -22,5 +22,5 @@
 
 .sub-products__desc {
   @include font($primary-font, 14px, 14px);
-  color: $fifth-color;
+  color: $secondary-color;
 }
diff --git a/source/styles/common/variables.scss b/source/styles/common/variables.scss
@@ -1,10 +1,10 @@
 /* здесь используйте глобальные переменные */
 /* цвета */
-$body-color: #000000;
-$body-bg: #ffffff;
+$body-color: #000000; // Передний план (цвет) по умолчанию, включая компоненты
+$body-bg: #ffffff; // Фон(цвет) по умолчанию, включая компоненты
+$secondary-color: #444444; // Цвет более светлого текста
 $third-color: #111111;
 $fourth-color: #222222;
-$fifth-color: #444444;
 $sixth-color: #666666;
 $seventh-color: #cdcdcd;
 $eighth-color: #d3d3d3;