fix:colors

cd6f9532 · peter_rabbit · 873e7104 · cd6f9532 · cd6f9532 · cd6f9532
Commit cd6f9532 authored 4 years ago by peter_rabbit
--- a/public/index.html
+++ b/public/index.html
@@ -3,6 +3,7 @@
    <head>
        <meta charset="utf-8" />
        <title>Kuadrado Software</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
        <link href="../style/style.css" rel="stylesheet" />
    </head>
    <body>

--- a/src/pages/education/education.scss
+++ b/src/pages/education/education.scss
@@ -74,14 +74,14 @@
            flex-wrap: wrap;
            li.learning-theme {
                position: relative;
-                box-shadow: 3px 3px 5px 1px #0001;
+                box-shadow: 3px 3px 5px 1px #0003;
                display: flex;
                flex-direction: column;
                .title {
                    color: $dark_2;
                    display: block;
                    position: absolute;
-                    background-color: white;
+                    background-color: #fff9;
                    padding: 5px 25px;
                }
                img {
@@ -100,7 +100,7 @@
                    z-index: 1;
                    transition: max-height 0.6s;
                    padding: 20px;
-                    box-shadow: 0 2px 12px 6px #0001;
+                    box-shadow: 0 2px 12px 6px #0003;
                    overflow: hidden;
                    display: flex;
                    flex-direction: column;

--- a/src/theme.scss
+++ b/src/theme.scss
 $dark_1: #35393c;
 $dark_2: #3c4144;
 $dark_3: #555d61;
-$light_0: #eef4f8;
+$light_0: #d8e1e7;
 $light_1: #96a5ae;
 $light_2: #aabbc8;
 $magenta: #ff00ff;

--- a/style/style.css
+++ b/style/style.css
@@ -208,7 +208,7 @@ main #page-container #education-page .section-contents .practical-infos {
  display: flex;
  flex-direction: column;
  gap: 40px;
-  background-color: #eef4f8;
+  background-color: #d8e1e7;
  padding: 30px;
 }
 main #page-container #education-page .section-contents .practical-infos .info-item {
@@ -233,7 +233,7 @@ main #page-container #education-page .section-contents ul.learning-themes {
 }
 main #page-container #education-page .section-contents ul.learning-themes li.learning-theme {
  position: relative;
-  box-shadow: 3px 3px 5px 1px #0001;
+  box-shadow: 3px 3px 5px 1px #0003;
  display: flex;
  flex-direction: column;
 }
@@ -241,7 +241,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
  color: #3c4144;
  display: block;
  position: absolute;
-  background-color: white;
+  background-color: #fff9;
  padding: 5px 25px;
 }
 main #page-container #education-page .section-contents ul.learning-themes li.learning-theme img {
@@ -260,7 +260,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
  z-index: 1;
  transition: max-height 0.6s;
  padding: 20px;
-  box-shadow: 0 2px 12px 6px #0001;
+  box-shadow: 0 2px 12px 6px #0003;
  overflow: hidden;
  display: flex;
  flex-direction: column;
@@ -281,7 +281,7 @@ main #page-container #education-page .section-contents ul.learning-themes li.lea
 main #page-container #education-page .section-contents .infos-inscriptions {
  display: flex;
  gap: 40px;
-  background-color: #eef4f8;
+  background-color: #d8e1e7;
  padding: 30px;
 }
 main #page-container #education-page .section-contents .infos-inscriptions .groups,