Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: theme switcher current colors (#198)

Browse Source 
* fix border color

* match bg color closer to border

* fix tooltip bg color
This commit is contained in:
Josh Larsen 2023-12-01 21:45:11 -05:00 committed by GitHub
parent 3778a51feb
commit c38624cb50
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/www/.vitepress/theme/layout/ThemingLayout.vue
View File

@ -98,14 +98,14 @@ watch(radius, (radius) => {
class="flex h-9 w-9 items-center justify-center rounded-full border-2 border-border text-xs" class="flex h-9 w-9 items-center justify-center rounded-full border-2 border-border text-xs"
:class=" :class="
color === theme color === theme
? 'border-foreground' ? 'border-primary'
: 'border-transparent' : 'border-transparent'
" "
@click="setTheme(color)" @click="setTheme(color)"
> >
<span <span
class="flex h-6 w-6 items-center justify-center rounded-full" class="flex h-6 w-6 items-center justify-center rounded-full"
:style="{ backgroundColor: colors[color][7].rgb }" :style="{ backgroundColor: colors[color][6].rgb }"
> >
<RadixIconsCheck <RadixIconsCheck
v-if="color === theme" v-if="color === theme"
@ -117,7 +117,7 @@ watch(radius, (radius) => {
<TooltipContent <TooltipContent
align="center" align="center"
:side-offset="1" :side-offset="1"
class="capitalize" class="capitalize bg-zinc-900"
> >
{{ allColors[index] }} {{ allColors[index] }}
</TooltipContent> </TooltipContent>