mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-18 02:34:08 +00:00
88adfe0e50
Define 13 semantic color tokens (surface, text, border, hover) with light/dark values in themes.css. Register with Tailwind via @theme inline. Migrate all 335 Vue files from hardcoded gray/white classes to semantic tokens. Add theme toggle (sun/moon/system) in user avatar dropdown. Replace @tailwindcss/forms with custom form reset using theme vars. Add status badge and alert tokens for dark mode. Theme-aware chart grid/labels, skeleton placeholders, and editor. Inline script in <head> prevents flash of wrong theme on load. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
28 lines
400 B
Vue
28 lines
400 B
Vue
<template>
|
|
<footer
|
|
class="
|
|
fixed
|
|
bottom-0
|
|
flex
|
|
items-center
|
|
justify-end
|
|
w-full
|
|
h-10
|
|
py-2
|
|
pr-8
|
|
text-sm
|
|
font-normal
|
|
text-body
|
|
bg-surface
|
|
"
|
|
>
|
|
Powered by
|
|
<a
|
|
href="http://bytefury.com/"
|
|
target="_blank"
|
|
class="pl-1 font-normal text-heading"
|
|
>Bytefury
|
|
</a>
|
|
</footer>
|
|
</template>
|