adjust bg-mbz-yellow to bg-fomo-card-1 in several occasions; PageFooter to black

This commit is contained in:
xcexec 2024-10-22 11:26:30 +02:00
parent 90762fd7f4
commit 89202c2a1d
8 changed files with 13 additions and 13 deletions

View file

@ -1,9 +1,9 @@
<template> <template>
<article <article
class="bg-white dark:bg-mbz-purple dark:hover:bg-mbz-purple-400 mb-5 mt-4 pb-2 md:p-0 rounded-t-lg" class="bg-white dark:bg-mbz-purple dark:hover:bg-mbz-purple-400 mb-5 mt-4 pb-2 md:p-0"
> >
<div <div
class="bg-mbz-yellow-alt-100 flex p-2 text-black-title rounded-t-lg" class="bg-fomo-card-1 flex p-2 text-black-title"
dir="auto" dir="auto"
> >
<figure <figure

View file

@ -74,11 +74,11 @@ const calendarOptions = computed((): object => {
}, },
nextDayThreshold: "09:00:00", nextDayThreshold: "09:00:00",
dayMaxEventRows: 5, dayMaxEventRows: 5,
moreLinkClassNames: "bg-mbz-yellow dark:bg-mbz-purple dark:text-white p-2", moreLinkClassNames: "bg-fomo-card-1 dark:bg-mbz-purple dark:text-white p-2",
moreLinkContent: (arg: { num: number; text: string }) => { moreLinkContent: (arg: { num: number; text: string }) => {
return "+" + arg.num.toString(); return "+" + arg.num.toString();
}, },
eventClassNames: "line-clamp-3 bg-mbz-yellow dark:bg-mbz-purple", eventClassNames: "line-clamp-3 bg-fomo-card-1 dark:bg-mbz-purple",
headerToolbar: { headerToolbar: {
left: "prev,next,today", left: "prev,next,today",
center: "title", center: "title",

View file

@ -1,7 +1,7 @@
<template> <template>
<div class="rounded shadow-lg bg-white dark:bg-mbz-purple dark:text-white"> <div class="shadow-lg bg-white dark:bg-mbz-purple dark:text-white">
<div <div
class="bg-mbz-yellow-alt-50 text-black flex items-center gap-1 p-2 rounded-t-lg" class="bg-fomo-card-1 text-black flex items-center gap-1 p-2"
dir="auto" dir="auto"
> >
<figure class="" v-if="member.actor.avatar"> <figure class="" v-if="member.actor.avatar">

View file

@ -6,7 +6,7 @@
'border-yellow-1': !privateSection, 'border-yellow-1': !privateSection,
}" }"
> >
<div class="flex items-stretch py-3 px-1 bg-yellow-1 text-black-title"> <div class="flex items-stretch py-3 px-1 bg-fomo-card-1 text-black-title">
<div class="flex flex-1 gap-1"> <div class="flex flex-1 gap-1">
<o-icon :icon="icon" custom-size="36" /> <o-icon :icon="icon" custom-size="36" />
<h2 class="text-2xl font-medium mt-0">{{ title }}</h2> <h2 class="text-2xl font-medium mt-0">{{ title }}</h2>

View file

@ -1,6 +1,6 @@
<template> <template>
<footer <footer
class="bg-zinc-900 color-secondary flex flex-col items-center py-2 px-3" class="bg-black color-secondary flex flex-col items-center py-2 px-3"
ref="footer" ref="footer"
> >
<ul <ul

View file

@ -2,8 +2,8 @@
<li <li
class="setting-menu-item" class="setting-menu-item"
:class="{ :class="{
'cursor-pointer bg-mbz-yellow-alt-500 dark:bg-mbz-purple-600': isActive, 'cursor-pointer bg-mbz-purple-600': isActive,
'bg-mbz-yellow-alt-100 hover:bg-mbz-yellow-alt-200 dark:bg-mbz-purple-500 dark:hover:bg-mbz-purple-600 dark:text-white': 'bg-mbz-purple-500 hover:bg-mbz-purple-600 text-white':
!isActive, !isActive,
}" }"
> >

View file

@ -1,6 +1,6 @@
<template> <template>
<li <li
class="bg-mbz-yellow-alt-300 text-violet-2 dark:bg-mbz-purple-700 dark:text-zinc-100 text-xl" class="bg-mbz-purple-700 text-zinc-100 text-xl"
> >
<router-link <router-link
class="cursor-pointer my-2 mx-0 py-2 px-3 font-medium block no-underline" class="cursor-pointer my-2 mx-0 py-2 px-3 font-medium block no-underline"

View file

@ -2,7 +2,7 @@
exports[`GroupSection > renders group section with basic informations 1`] = ` exports[`GroupSection > renders group section with basic informations 1`] = `
"<section class=\\"flex flex-col mb-3 border-2 border-mbz-purple\\"> "<section class=\\"flex flex-col mb-3 border-2 border-mbz-purple\\">
<div class=\\"flex items-stretch py-3 px-1 bg-yellow-1 text-black-title\\"> <div class=\\"flex items-stretch py-3 px-1 bg-fomo-card-1 text-black-title\\">
<div class=\\"flex flex-1 gap-1\\"><span class=\\"o-icon\\"><i class=\\"mdi mdi-bullhorn 36\\"></i></span> <div class=\\"flex flex-1 gap-1\\"><span class=\\"o-icon\\"><i class=\\"mdi mdi-bullhorn 36\\"></i></span>
<h2 class=\\"text-2xl font-medium mt-0\\">My group section</h2> <h2 class=\\"text-2xl font-medium mt-0\\">My group section</h2>
</div><a href=\\"/@my_group@remotedomain.net/p\\" class=\\"self-center\\">View all</a> </div><a href=\\"/@my_group@remotedomain.net/p\\" class=\\"self-center\\">View all</a>
@ -16,7 +16,7 @@ exports[`GroupSection > renders group section with basic informations 1`] = `
exports[`GroupSection > renders public group section 1`] = ` exports[`GroupSection > renders public group section 1`] = `
"<section class=\\"flex flex-col mb-3 border-2 border-yellow-1\\"> "<section class=\\"flex flex-col mb-3 border-2 border-yellow-1\\">
<div class=\\"flex items-stretch py-3 px-1 bg-yellow-1 text-black-title\\"> <div class=\\"flex items-stretch py-3 px-1 bg-fomo-card-1 text-black-title\\">
<div class=\\"flex flex-1 gap-1\\"><span class=\\"o-icon\\"><i class=\\"mdi mdi-bullhorn 36\\"></i></span> <div class=\\"flex flex-1 gap-1\\"><span class=\\"o-icon\\"><i class=\\"mdi mdi-bullhorn 36\\"></i></span>
<h2 class=\\"text-2xl font-medium mt-0\\">My group section</h2> <h2 class=\\"text-2xl font-medium mt-0\\">My group section</h2>
</div><a href=\\"/@my_group@remotedomain.net/p\\" class=\\"self-center\\">View all</a> </div><a href=\\"/@my_group@remotedomain.net/p\\" class=\\"self-center\\">View all</a>