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.
657 B · 27 lines
Vue
at commit e932840f
12345678910111213141516171819202122232425262728<script setup lang="ts">const colorMode = useColorMode()</script>
<template> <button aria-label="Change site theme" type="button" class="h-7 w-7 ml-2 flex 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="$style.disc" class="block rounded-full h-4 w-4 border-2 border-solid outline-none" /> </button></template>
<style module>.disc { background-color: var(--text-base, theme('colors.gray.800'));}</style>