invert input time icon color for chrome based browsers in dark themes (#1060)

This commit is contained in:
Thomas Rupprecht 2023-01-24 19:45:48 +01:00 committed by GitHub
parent e844c98871
commit 3412ed2924
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 2 deletions

View File

@ -6,3 +6,10 @@ $secondary: #222;
$table-striped-bg: rgba(#fff, 0.05); $table-striped-bg: rgba(#fff, 0.05);
$es-choices-highlight-color: #000; $es-choices-highlight-color: #000;
$invert-color-value: 1 !default;
/* Invert the clock icon color for Chrome */
input[type='time']::-webkit-calendar-picker-indicator {
filter: invert($invert-color-value);
}

View File

@ -13,7 +13,7 @@
pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%" pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%"
> >
<button class="btn btn-secondary" title="Now" type="button"> <button class="btn btn-secondary" title="Now" type="button">
<span class="bi bi-clock"></span> <span class="bi bi-arrow-counterclockwise"></span>
</button> </button>
</div> </div>
</div> </div>
@ -28,7 +28,7 @@
pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%" pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%"
> >
<button class="btn btn-secondary" title="Now" type="button"> <button class="btn btn-secondary" title="Now" type="button">
<span class="bi bi-clock"></span> <span class="bi bi-arrow-counterclockwise"></span>
</button> </button>
</div> </div>
</div> </div>