Iteration #2 fix #2

NickoVin · Nov 6, 2023 · 27cf9ea · 27cf9ea
1 parent 4add8f1
commit 27cf9ea
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 6 deletions.
diff --git 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);
 }
diff --git 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;
+  }
+}
diff --git 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
@@ -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);
 }