fix: link color

This commit is contained in:
Anthony Fu 2022-11-23 22:21:18 +08:00
parent 8c1721f1c0
commit 1771291c08
6 changed files with 9 additions and 8 deletions

View file

@ -1,5 +1,5 @@
# Elk # Elk
A Mastodon web client made with 💚. A Mastodon web client made with 💛.
> Very WIP. > Very WIP.

View file

@ -8,7 +8,7 @@ const buildTimeAgo = useTimeAgo(buildTime)
<template> <template>
<div p4 text-sm op25 flex="~ col"> <div p4 text-sm op25 flex="~ col">
<button i-ri-sun-line dark:i-ri-moon-line text-lg mb4 @click="toggleDark()" /> <button i-ri-sun-line dark:i-ri-moon-line text-lg mb4 @click="toggleDark()" />
<div>A Mastodon client made with 💚</div> <div>A Mastodon client made with 💛</div>
<div>Built <span :title="buildTime">{{ buildTimeAgo }}</span> · <a href="https://github.com/antfu/elk" target="_blank">GitHub</a></div> <div>Built <span :title="buildTime">{{ buildTimeAgo }}</span> · <a href="https://github.com/antfu/elk" target="_blank">GitHub</a></div>
</div> </div>
</template> </template>

View file

@ -1,6 +1,6 @@
<template> <template>
<NuxtLink flex text-2xl gap-2 to="/"> <NuxtLink flex items-center text-2xl gap-2 to="/">
<img aria-label="Elk Logo" src="/logo.svg" width="25" height="25"> <img aria-label="Elk Logo" src="/logo.svg" w-10 h-10>
<div> <div>
Elk <sup text-sm italic op50 mt-1>alpha</sup> Elk <sup text-sm italic op50 mt-1>alpha</sup>
</div> </div>

View file

@ -38,7 +38,7 @@ html {
.rich-content { .rich-content {
a { a {
--at-apply: text-primary hover:underline; --at-apply: text-primary hover:underline hover:text-primary-active;
.invisible { .invisible {
--at-apply: hidden; --at-apply: hidden;
} }

View file

@ -9,8 +9,6 @@
} }
.dark { .dark {
--c-primary: #C16929;
--c-primary-active: #EA9E44;
--c-bg-base: #111; --c-bg-base: #111;
--c-bg-active: #151515; --c-bg-active: #151515;
--c-text-base: #fff; --c-text-base: #fff;

View file

@ -46,7 +46,10 @@ export default defineConfig({
], ],
theme: { theme: {
colors: { colors: {
primary: 'var(--c-primary)', primary: {
DEFAULT: 'var(--c-primary)',
active: 'var(--c-primary-active)',
},
}, },
}, },
}) })