change main color

Author: KoYejune0302

public/index.html

@@ -4,8 +4,8 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <meta name="theme-color" content="#e15858">
-    <meta name="apple-mobile-web-app-status-bar-style" content="#e15858">
+    <meta name="theme-color" content="#ed3a3a">
+    <meta name="apple-mobile-web-app-status-bar-style" content="#ed3a3a">
     <link href="./img/icons/ara-pwa-192.png" rel="icon" sizes="192x192">
     <link href="./img/icons/ara-pwa-512.png" rel="icon" sizes="512x512">
     <link rel="apple-touch-icon" href="./img/icons/ara-pwa-512-wb.png">

public/manifest.json

@@ -17,5 +17,5 @@
   "scope": "/",
   "display": "standalone",
   "background_color": "#000000",
-  "theme_color": "#e15858"
+  "theme_color": "#ed3a3a"
 }

src/components/TheOrganizations.vue

@@ -71,7 +71,7 @@ export default {
     return {
       organizations: [
         { name: 'portal-notice', id: 'KAIST', backgroundColor: '#dbdbdb' },
-        { name: 'all-posts', id: 'all', icon: 'dashboard', backgroundColor: '#e15858' },
+        { name: 'all-posts', id: 'all', icon: 'dashboard', backgroundColor: '#ed3a3a' },
         { name: 'clubs-union', id: 'UA', slug: 'clubs-union' },
         { name: 'dormitory-council', id: 'GSDC', slug: 'dorm-council' },
         { name: 'welfare-committee', id: 'SWF', slug: 'welfare-cmte' },

src/theme.scss

@@ -1,5 +1,5 @@
-$theme-red: #e15858;
-$theme-red-dark: rgb(204, 59, 59);
+$theme-red: #ed3a3a;
+$theme-red-dark: #c62626;
 $dark: #333333;
 $gray: #666666;
 $family-sans-serif: var(--font);
@@ -8,8 +8,8 @@ $body-rendering: auto;
 
 :root {
   // global theme variables
-  --theme-500: rgb(204, 59, 59);
-  --theme-400: #e15858;
+  --theme-500: #c62626;
+  --theme-400: #ed3a3a;
   --theme-300: #f9c7c7;
   --theme-100: #fdf0f0;