From 27cf9eaed5e7b73b845987a493197c24129473fd Mon Sep 17 00:00:00 2001
From: "Nickolay.Vinokurov" <nikolay.vinokurov@ics-it.ru>
Date: Mon, 6 Nov 2023 03:09:15 +0300
Subject: [PATCH] Iteration #2 fix #2

---
 styles/dark.css      | 10 ++++++++++
 styles/light.css     | 15 +++++++++++++++
 styles/style.css     | 12 ++++++++----
 styles/variables.css |  4 ++--
 4 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/styles/dark.css b/styles/dark.css
index 41c1784..a322de8 100644
--- a/styles/dark.css
+++ b/styles/dark.css
@@ -9,4 +9,14 @@
     Так стили написанные ниже будут иметь больший вес,
     чем стили в медиазапросе предпочтений пользователя
   */
+  --decore-text-color: rgb(0, 0, 40);
+  --title-shade-color: var(--accent-color);
+  --background_image: url(../images/cover-image-dark.png);
+  --background-color: #000028;
+  --text-color: #F1B2CE;
+  --accent-color: rgb(255, 0, 112);
+  --accent-color-alpha: rgba(255, 0, 112, 0.4);
+  --title-color: rgb(219, 0, 255);
+  --section-title-color: var(--accent-color);
+  --header-items-color: var(--accent-color);
 }
\ No newline at end of file
diff --git a/styles/light.css b/styles/light.css
index 6f99a9d..4002a01 100644
--- a/styles/light.css
+++ b/styles/light.css
@@ -20,3 +20,18 @@
     --header-items-color: var(--text-color);
     --rec-visibitity: hidden;
 }
+
+@media (prefers-color-scheme: light) {
+  .page {
+    --background_image: url(../images/cover-image-light.png);
+    --background-color: #F5F5F5;
+    --text-color:rgb(53, 52, 48);
+    --accent-color: rgb(255, 141, 203);
+    --accent-color-alpha: rgba(53, 52, 48, 0.4);
+    --title-color: #FFC2E6;
+    --title-shade-color: var(--accent-color);
+    --section-title-color: var(--text-color);
+    --header-items-color: var(--text-color);
+    --rec-visibitity: hidden;
+  }
+}
\ No newline at end of file
diff --git a/styles/style.css b/styles/style.css
index f09b13a..537caf1 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -69,15 +69,15 @@
   border-bottom: 1px solid var(--header-items-color);
 }
 
+.header__theme-menu-button:hover {
+  border: 1px solid var(--accent-color-alpha);
+}
+
 .header__theme-menu-button_active {
   border: 1px solid var(--header-items-color);
   pointer-events: none;
 }
 
-.header__theme-menu-button:hover {
-  border-color: var(--accent-color-alpha);
-}
-
 .rec {
   display: flex;
   visibility: var(--rec-visibitity);
@@ -210,6 +210,10 @@
   color: var(--text-color);
 }
 
+.article-text + .article-text {
+  margin-block-start: 1em;
+}
+
 .upside-title {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
diff --git a/styles/variables.css b/styles/variables.css
index 2d243ee..e5569ae 100644
--- a/styles/variables.css
+++ b/styles/variables.css
@@ -3,6 +3,8 @@
   и их переопределение под различные устройства
 */
 :root {
+    --decore-text-color: rgb(0, 0, 40);
+    --title-shade-color: var(--accent-color);
     --background_image: url(../images/cover-image-dark.png);
     --background-color: #000028;
     --text-color: #F1B2CE;
@@ -12,7 +14,5 @@
     --section-title-color: var(--accent-color);
     --header-items-color: var(--accent-color);
     --rec-visibitity: visible;
-    --decore-text-color: rgb(0, 0, 40);
-    --title-shade-color: var(--accent-color);
     --header-title-size: clamp(7.25rem, 7.0115rem + 1.0178vw, 7.5rem);
 }
\ No newline at end of file