CalvinBackup/phishingclub
1
0
Fork 0
mirror of https://github.com/phishingclub/phishingclub.git synced 2026-07-06 04:17:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

revert dark mode for date native date components

Browse Source 
Signed-off-by: Ronni Skansing <rskansing@gmail.com>
This commit is contained in:
Ronni Skansing
2025-10-13 23:01:40 +02:00
parent 8b73c3bb22
commit bcf13101ae
2 changed files with 0 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/components/DateField.svelte
-35
View File
@@ -101,38 +101,3 @@
class:w-60={inputWidth === 'large'}
/>
</div>
<style>
/* Override browser default styling for date inputs */
:global(.date-field-input::-webkit-calendar-picker-indicator) {
background: transparent;
color: inherit;
}
:global(.date-field-input::-webkit-datetime-edit) {
background: transparent !important;
color: inherit;
}
:global(.date-field-input::-webkit-datetime-edit-fields-wrapper) {
background: transparent !important;
}
:global(.date-field-input::-webkit-datetime-edit-text) {
color: inherit;
background: transparent !important;
}
:global(.date-field-input::-webkit-datetime-edit-month-field),
:global(.date-field-input::-webkit-datetime-edit-day-field),
:global(.date-field-input::-webkit-datetime-edit-year-field) {
background: transparent !important;
color: inherit;
}
/* Dark mode specific overrides */
:global(.dark .date-field-input::-webkit-calendar-picker-indicator) {
filter: invert(1);
opacity: 0.7;
}
</style>
frontend/src/lib/components/DateTimeField.svelte
-41
View File
@@ -160,44 +160,3 @@
class:dark:bg-yellow-700={readonly}
/>
</div>
<style>
/* Override browser default styling for date inputs */
:global(.date-input::-webkit-calendar-picker-indicator) {
background: transparent;
color: inherit;
}
:global(.date-input::-webkit-datetime-edit),
:global(.time-input::-webkit-datetime-edit) {
background: transparent !important;
color: inherit;
}
:global(.date-input::-webkit-datetime-edit-fields-wrapper),
:global(.time-input::-webkit-datetime-edit-fields-wrapper) {
background: transparent !important;
}
:global(.date-input::-webkit-datetime-edit-text),
:global(.time-input::-webkit-datetime-edit-text) {
color: inherit;
background: transparent !important;
}
:global(.date-input::-webkit-datetime-edit-month-field),
:global(.date-input::-webkit-datetime-edit-day-field),
:global(.date-input::-webkit-datetime-edit-year-field),
:global(.time-input::-webkit-datetime-edit-hour-field),
:global(.time-input::-webkit-datetime-edit-minute-field),
:global(.time-input::-webkit-datetime-edit-ampm-field) {
background: transparent !important;
color: inherit;
}
/* Dark mode specific overrides */
:global(.dark .date-input::-webkit-calendar-picker-indicator) {
filter: invert(1);
opacity: 0.7;
}
</style>