feat: use remix icon

Author: HigherOrderLogic

app/components/navbar.vue

@@ -4,16 +4,16 @@
       <img
         src="https://github.com/HigherOrderLogic.png"
         alt="Logo"
-        class="h-a w-12 border-rd-full dark:(outline-white outline-solid)"
+        class="h-a w-12 border-rd-full dark:(outline-white outline-solid outline-width-2)"
       >
     </nuxt-link>
     <div class="w-full" />
     <nav class="flex gap-4 flex-items-center text-[--un-prose-links]">
-      <nuxt-link to="/blogs">
+      <nuxt-link class="font-medium" to="/blogs">
         Blogs
       </nuxt-link>
       <nuxt-link to="https://github.com/HigherOrderLogic">
-        <div class="i-mdi-github font-size-[24px]" />
+        <div class="i-ri-github-line font-size-[24px]" />
       </nuxt-link>
       <theme-toggle />
     </nav>

app/components/theme-toggle.vue

@@ -16,11 +16,11 @@ function changePreference() {
   <color-scheme>
     <button
       class="font-size-[24px]"
-      :class="[$colorMode.preference === 'system' ? 'i-mdi-monitor' : 'i-mdi-weather-sunny dark:i-mdi-weather-night']"
+      :class="[$colorMode.preference === 'system' ? 'i-ri-macbook-line' : 'i-ri-sun-line dark:i-ri-moon-line']"
       @click="changePreference"
     />
     <template #placeholder>
-      <div class="i-mdi-weather-sunny font-size-[24px]" />
+      <div class="i-ri-sun-line font-size-[24px]" />
     </template>
   </color-scheme>
 </template>

app/layouts/default.vue

@@ -2,7 +2,7 @@
   <div class="font-normal font-[Inter_Variable] prose-neutral dark:prose-invert">
     <div>
       <navbar />
-      <div class="mx-a lt-md:px-4 md:prose" :class="[$style.dashedLink, $style.noHeaderUnderline]">
+      <div class="mx-a lt-md:px-4 md:prose" :class="[$style.linkUnderline, $style.noHeaderUnderline]">
         <slot />
         <div class="h-8" />
         <cd />
@@ -12,9 +12,9 @@
 </template>
 
 <style lang="scss" module>
-.dashedLink {
+.linkUnderline {
   a {
-    --at-apply: 'underline-dashed underline-offset-3';
+    --at-apply: 'underline-dotted underline-offset-3';
   }
 }