Some colour refactoring and changes

ClementTsang · Nov 24, 2019 · 280a9a3 · 280a9a3
1 parent 00bb6c3
commit 280a9a3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -109,14 +109,15 @@ export default {
 @import url("https://fonts.googleapis.com/css?family=Quicksand|Raleway&display=swap");
 
 :root {
-  --main-background: #f5f5f5;
+  --main-background: #fefefe;
   --dark-text-colour: #1c1b20;
   --accent-1: #e98074;
   --accent-2: #e85a4f;
   --accent-3: #383542;
-  --accent-4: #8e8d8a;
-  --accent-5: #c874e9;
-  --main-background-two: #f3f2ec;
+  --url-hover: #5e81ac;
+  --url-visited: #b48ead;
+  --url-not-visited: #bf616a;
+  --main-background-two: #eceff4;
 }
 
 .navbar,
@@ -229,15 +230,15 @@ h3 {
 }
 
 a {
-  color: var(--accent-1);
+  color: var(--url-not-visited);
 }
 
 a:visited {
-  color: var(--accent-4);
+  color: var(--url-visited);
 }
 
 a:hover {
-  color: var(--accent-3);
+  color: var(--url-hover);
   text-decoration: underline;
 }
 

diff --git a/src/components/ProjectInfo.vue b/src/components/ProjectInfo.vue
@@ -185,6 +185,6 @@ a:visited {
 }
 
 a:hover {
-  color: var(--accent-4);
+  color: var(--url-hover);
 }
 </style>