correct contrast (in light & dark mode) for DateCalendarIcon - Issue #1781

This commit is contained in:
Laurent GAY
2025-06-18 15:20:47 +02:00
parent efc950ad91
commit add4291e6f
2 changed files with 3 additions and 4 deletions

2
package-lock.json generated
View File

@@ -6,7 +6,7 @@
"packages": { "packages": {
"": { "": {
"name": "mobilizon", "name": "mobilizon",
"version": "5.1.0", "version": "5.1.4",
"hasInstallScript": true, "hasInstallScript": true,
"dependencies": { "dependencies": {
"@apollo/client": "^3.3.16", "@apollo/client": "^3.3.16",

View File

@@ -1,10 +1,10 @@
<template> <template>
<div <div
class="datetime-container flex flex-col rounded-lg text-center justify-center overflow-hidden items-stretch bg-white dark:bg-gray-700 text-violet-3 dark:text-white" class="datetime-container flex flex-col rounded-lg text-center justify-center overflow-hidden items-stretch bg-white dark:bg-gray-700 text-black dark:text-white"
:class="{ small }" :class="{ small }"
:style="`--small: ${smallStyle}`" :style="`--small: ${smallStyle}`"
> >
<div class="datetime-container-header"> <div class="datetime-container-header bg-red-500 dark:bg-red-900">
<time :datetime="dateObj.toISOString()" class="weekday">{{ <time :datetime="dateObj.toISOString()" class="weekday">{{
weekday weekday
}}</time> }}</time>
@@ -62,7 +62,6 @@ div.datetime-container {
.datetime-container-header { .datetime-container-header {
height: calc(10px * var(--small)); height: calc(10px * var(--small));
background: #f3425f;
} }
.datetime-container-header .weekday { .datetime-container-header .weekday {
font-size: calc(9px * var(--small)); font-size: calc(9px * var(--small));