diff --git a/assets/css/main.css b/assets/css/main.css index ab5dba2..d3e4976 100755 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -8,6 +8,24 @@ html, body { @apply bg-soft-lavender dark:bg-midnight text-deep-indigo dark:text-white; + scroll-behavior: smooth; +} + +/* make scroll bars dark in dark mode */ +html { + color-scheme: normal; +} + +html.dark { + color-scheme: dark; +} + +button { + @apply hover:dark:bg-[#1E1F1E] hover:bg-[#E5E6E5]/80 flex items-center h-fit p-[2px] rounded; +} + +hr { + @apply text-deep-indigo dark:text-white; } .font-jetbrains { diff --git a/components/MiniBlogCard.vue b/components/MiniBlogCard.vue new file mode 100644 index 0000000..c4d1143 --- /dev/null +++ b/components/MiniBlogCard.vue @@ -0,0 +1,21 @@ + + + diff --git a/components/Nav.vue b/components/Nav.vue index b8327fc..6ef530c 100755 --- a/components/Nav.vue +++ b/components/Nav.vue @@ -2,96 +2,76 @@ let colorMode = useColorMode(); const changeTheme = () => { - if (colorMode.preference === "dark") { - // from dark => light - colorMode.preference = "light" - document.documentElement.classList.remove("dark"); - } else if (colorMode.preference === "light") { - // from light => system - colorMode.preference = "system"; - if (window.matchMedia('(prefers-color-scheme: dark)').matches) { - document.documentElement.classList.add("dark"); - } else { - document.documentElement.classList.remove("dark"); - } - } else { - // from system => dark - colorMode.preference = "dark"; - document.documentElement.classList.add("dark"); - } + if (colorMode.preference === "dark") { + // from dark => light + colorMode.preference = "light" + } else if (colorMode.preference === "light") { + // from light => system + colorMode.preference = "system"; + } else { + // from system => dark + colorMode.preference = "dark"; + } - return; + return; } + + + \ No newline at end of file diff --git a/components/ProjectCard.vue b/components/ProjectCard.vue index a1d715d..e8e79b6 100755 --- a/components/ProjectCard.vue +++ b/components/ProjectCard.vue @@ -6,7 +6,7 @@ export default {