Merge pull request #385 from sparcs-kaist/design/color

Design: color

Author: 000wan

public/index.html

@@ -14,8 +14,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/SmallBoard.vue

@@ -96,6 +96,7 @@ en:
     width: 30px;
     background-color: var(--theme-400);
     margin-bottom: 1em;
+    margin-left: 1.2rem;
     @include breakPoint(mobile) {
       margin: 0 auto;
       margin-bottom: 14px;
@@ -109,6 +110,7 @@ en:
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 0.7em;
+    padding-left: 1rem;
 
     span {
       width: 100%
@@ -193,6 +195,7 @@ en:
   &--sidebar & {
     &__name {
       font-size: 15px;
+      padding-left: 0;
     }
 
     &__post {
@@ -209,5 +212,9 @@ en:
       }
     }
   }
+
+  &--sidebar .red-box {
+    margin-left: 0;
+  }
 }
 </style>

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;