fix(): update color contrast dark/light mode

Author: Tony133

src/app/homepage/footer/footer.component.scss

@@ -35,10 +35,10 @@ footer {
 
   a {
     @extend .transition;
-    color: var(--primary);
+    color: var(--primary-5dp);
     font-weight: 600;
     &:hover {
-      color: var(--primary);
+      color: var(--primary-5dp);
     }
   }
 

src/app/homepage/homepage.component.scss

@@ -215,8 +215,8 @@
   }
 
   .btn-primary {
-    border: 2px solid var(--primary);
-    color: var(--primary);
+    border: 2px solid var(--primary-4dp);
+    color: var(--primary-4dp);
     padding: 12px 20px;
     display: inline-block;
 

src/app/homepage/newsletter/newsletter.component.scss

@@ -61,7 +61,8 @@
   font-size: 13px;
   height: 40px;
   padding: 10px 20px;
-  background: #fdfdfd;
+  background: var(--background);
+  color: var(--color);
   width: calc(100% - 70px);
   // box-shadow: -2px 2px 3px var(--background);
   border-radius: 3px;

src/scss/theme.scss

@@ -3,6 +3,9 @@
   --primary-1dp: #d71e38;
   --primary-2dp: #ed2945;
   --primary-3dp:#db2840;
+  --primary-4dp: #e40020;
+  --primary-5dp: #ff0023;
+
   --label-new: #ff7285;
   --toc-primary-title: #ca031f;
 
@@ -46,6 +49,8 @@
   --primary-1dp: #ff445e;
   --primary-2dp: #f55168;
   --primary-3dp: #ff586f;
+  --primary-4dp: #ff4c65;
+  --primary-5dp: #ff0023;
   --label-new: #fe6379;
   --toc-primary-title: #ff4b64;