fix(): update color contrast

Author: Tony133

src/app/homepage/header/header.component.scss

@@ -40,8 +40,8 @@
 
 .new {
   background: #232323;
-  color: #ea2845;
-  border: 1px solid #ea2845;
+  color: var(--label-new);
+  border: 1px solid var(--label-new);
   font-size: 11px;
   padding: 2px 4px;
   border-radius: 2px;

src/app/homepage/menu/menu-item/menu-item.component.scss

@@ -20,7 +20,7 @@ h3 {
 
 .new {
   color: #fff;
-  background: variables.$red-color;
+  background: var(--primary);
   font-size: 11px;
   padding: 2px 4px;
   margin-right: 5px;

src/app/shared/components/toc/toc.component.scss

@@ -38,17 +38,17 @@
     margin-bottom: 6px;
 
     &:hover {
-      color: var(--primary);
+      color: var(--toc-primary-title);
     }
   }
 
   .current {
-    color: var(--primary-3dp);
+    color: var(--toc-primary-title);
     font-weight: 600;
 
     &::before {
-      background: var(--primary);
-      border-color: var(--primary);
+      background: var(--toc-primary-title);
+      border-color: var(--toc-primary-title);
       border-width: 1px;
       left: -3px;
     }
@@ -80,12 +80,12 @@
     color: var(--color);
     font-weight: normal;
     &:hover {
-      color: var(--primary);
+      color: var(--toc-primary-title);
     }
   }
 
   .current a {
     font-weight: 600;
-    color: var(--primary);
+    color: var(--toc-primary-title);
   }
 }

src/scss/theme.scss

@@ -1,8 +1,10 @@
 .light-mode {
-  --primary: #ed2945;
+  --primary: #d1394e;
   --primary-1dp: #d71e38;
   --primary-2dp: #ed2945;
   --primary-3dp:#db2840;
+  --label-new: #ff7285;
+  --toc-primary-title: #ca031f;
 
   --color: #404040;
   --color-1dp: #151515;
@@ -44,6 +46,8 @@
   --primary-1dp: #ff445e;
   --primary-2dp: #f55168;
   --primary-3dp: #ff586f;
+  --label-new: #fe6379;
+  --toc-primary-title: #ff4b64;
 
   --color: rgba(255, 255, 255, 0.9);
   --color-1dp: rgba(255, 255, 255, 0.8);