Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/danielroe/roe.dev. This is the code and content for my personal website, built in Nuxt. roe.dev
Something went wrong. Try again.
537 B · 20 lines
Vue
at commit e43263a1
123456789101112131415161718192021<script setup lang="ts">const colorMode = useColorMode()</script>
<template> <button aria-label="Change site theme" type="button" class="h-7 w-7 ml-2 items-center justify-center transition-opacity focus:outline-none hover:opacity-70 focus:opacity-70" @click=" colorMode.value === 'dark' ? (colorMode.preference = 'light') : (colorMode.preference = 'dark') " > <span class="block rounded-full h-4 w-4 border-2 border-solid outline-none bg-primary" /> </button></template>