Better now

aranroig/app/assets/css/colors.scss

@@ -4,12 +4,14 @@ $themes: (
         background-line: #2e2e2e,
         border-color: #5a5a5a,
         text: #ffffff,
+        link: #ff7d74,
     ),
     light: (
         background: #ffffff,
         background-line: #f0f0f0,
         border-color: #e0e0e0,
         text: #1e1e1e,
+        link: #ff7d74,
     )
 );
 

aranroig/app/assets/css/main.scss

@@ -28,9 +28,19 @@ ul {
   list-style: none; /* Remove default bullets */
 }
 ul > li {padding: 10px 25px} /* Stretching li elements a little so it looks prettier */
+li {
+  position: relative;
+}
 li::before {
     content: "";
-    width: 16px;
-    height: 16px;
-    background-color: #d050ff;
+    width: 8px;
+    height: 8px;
+    background-color: var(--color-text);
+    position: absolute;
+    top: 16px;
+    left: 4px;
+}
+
+a {
+  color: var(--color-link);
 }

aranroig/app/pages/index.vue

@@ -6,7 +6,7 @@
       <p>Hi, I'm Aran!</p>
       <p>Welcome to my website! It is still under construction, so come back later!</p>
       <ul>
-        <li>Hello</li>
+        <li>You can view my resume <a href="https://cv.aranroig.com">here</a></li>
       </ul>
     </Container>
 </template>