Fix2

aranroig/app/app.vue

@@ -11,6 +11,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue';
+onMounted(() => {
   const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
 
   if (isDarkMode) {
@@ -18,6 +20,8 @@ if (isDarkMode) {
   } else {
     document.documentElement.setAttribute("data-theme", "light");
   }
+});
+
 </script>
 
 <style lang="scss" scoped>

aranroig/app/assets/css/main.scss

@@ -23,3 +23,14 @@ body {
   image-rendering: crisp-edges;
   pointer-events: none;
 }
+
+ul {
+  list-style: none; /* Remove default bullets */
+}
+ul > li {padding: 10px 25px} /* Stretching li elements a little so it looks prettier */
+li::before {
+    content: "";
+    width: 16px;
+    height: 16px;
+    background-color: #d050ff;
+}