Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed accent colors

Browse Source
This commit is contained in:
Alexis
2024-08-29 18:26:40 +02:00
parent 67aefb8bd9
commit e71a810acd
5 changed files with 15 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
assets/main.css
View File

@@ -19,8 +19,8 @@
--border: 214.3 31.8% 91.4%; --border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%;
--primary: 222.2 47.4% 11.2%; --primary: 245 58% 51%;
--primary-foreground: 210 40% 98%; --primary-foreground: 0 0% 100%;
--secondary: 210 40% 96.1%; --secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%; --secondary-foreground: 222.2 47.4% 11.2%;
@@ -40,7 +40,7 @@
--background: 180 0 4.9%; --background: 180 0 4.9%;
--foreground: 210 40% 98%; --foreground: 210 40% 98%;
--muted: 250 40% 17.5%; --muted: 244 47% 20%;
--muted-foreground: 215 20.2% 65.1%; --muted-foreground: 215 20.2% 65.1%;
--popover: 180 0 4.9%; --popover: 180 0 4.9%;
@@ -50,15 +50,15 @@
--card-foreground: 210 40% 98%; --card-foreground: 210 40% 98%;
--border: 217 0 10%; --border: 217 0 10%;
--input: 250 40% 17.5%; --input: 244 47% 20%;
--primary: 210 40% 98%; --primary: 245 58% 51%;
--primary-foreground: 180 47.4% 11.2%; --primary-foreground: 0 0% 100%;
--secondary: 250 40% 17.5%; --secondary: 244 47% 20%;
--secondary-foreground: 210 40% 98%; --secondary-foreground: 210 40% 98%;
--accent: 250 40% 17.5%; --accent: 244 47% 20%;
--accent-foreground: 210 40% 98%; --accent-foreground: 210 40% 98%;
--destructive: 0 62.8% 30.6%; --destructive: 0 62.8% 30.6%;

2
components/global/sidebar/Sidebar.vue
View File

@@ -15,7 +15,7 @@ function handleMenuItemAction(actionType: SidebarMenuActionType) {
</script> </script>
<template> <template>
<nav class="w-16 py-6 border-r-[1px] bg-indigo-700 dark:bg-black text-white dark:border-r-indigo-950 grid grid-rows-[1fr_auto] justify-center transition-colors"> <nav class="w-16 py-6 border-r-[1px] bg-indigo-700 dark:bg-black text-white border-r-indigo-700 dark:border-r-indigo-950 grid grid-rows-[1fr_auto] justify-center transition-colors">
<menu class="flex flex-col gap-4"> <menu class="flex flex-col gap-4">
<li class="mb-12"> <li class="mb-12">
<UiButton variant="ghost" size="icon" class="rounded-full" @click="console.log"> <UiButton variant="ghost" size="icon" class="rounded-full" @click="console.log">

8
components/global/user/CTA.vue
View File

@@ -83,8 +83,8 @@ function pushRoute(to: AvailableRoutes) {
<UiDropdownMenuSeparator /> <UiDropdownMenuSeparator />
<UiDropdownMenuSub> <UiDropdownMenuSub>
<UiDropdownMenuSubTrigger class="p-0"> <UiDropdownMenuSubTrigger class="p-0 rounded-none">
<UiDropdownMenuItem class="flex gap-[.5ch] items-center rounded-none pointer-events-none"> <UiDropdownMenuItem class="flex gap-[.5ch] items-center pointer-events-none">
<PhPalette size="20" weight="fill" /> <PhPalette size="20" weight="fill" />
<span>Apparence</span> <span>Apparence</span>
</UiDropdownMenuItem> </UiDropdownMenuItem>
@@ -123,8 +123,8 @@ function pushRoute(to: AvailableRoutes) {
</UiDropdownMenuSub> </UiDropdownMenuSub>
<UiDropdownMenuSub> <UiDropdownMenuSub>
<UiDropdownMenuSubTrigger class="p-0"> <UiDropdownMenuSubTrigger class="p-0 rounded-none">
<UiDropdownMenuItem class="flex gap-[.5ch] items-center rounded-none pointer-events-none"> <UiDropdownMenuItem class="flex gap-[.5ch] items-center pointer-events-none">
<PhTranslate size="20" /> <PhTranslate size="20" />
<span>Langage</span> <span>Langage</span>
</UiDropdownMenuItem> </UiDropdownMenuItem>

2
components/ui/button/index.ts
View File

@@ -3,7 +3,7 @@ import { type VariantProps, cva } from "class-variance-authority"
export { default as Button } from "./Button.vue" export { default as Button } from "./Button.vue"
export const buttonVariants = cva( export const buttonVariants = cva(
"inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-30",
{ {
variants: { variants: {
variant: { variant: {

3
pages/my/worlds/[id].vue
View File

@@ -149,8 +149,7 @@ function hideDeleteModal() {
<ul v-if="world.calendars && world.calendars?.length > 0" class="grid md:grid-cols-3 gap-2"> <ul v-if="world.calendars && world.calendars?.length > 0" class="grid md:grid-cols-3 gap-2">
<li v-for="calendar in world.calendars" :key="calendar.id"> <li v-for="calendar in world.calendars" :key="calendar.id">
<UiCard <UiCard
v-if="calendar" class="w-full transition-all hover:bg-slate-50 dark:bg-gray-950 dark:hover:bg-indigo-950 dark:focus-within:outline-gray-900"
class="w-full transition-all text-slate-100 bg-slate-900 border-slate-700 hover:bg-slate-700 dark:hover:bg-slate-800 dark:border-slate-900 dark:focus-within:outline-slate-900"
:link="`/my/calendars/${calendar.id}`" :link="`/my/calendars/${calendar.id}`"
> >
<UiCardHeader> <UiCardHeader>