From 3412ed292489bd1cd33bb2966b17915cd1e8b09a Mon Sep 17 00:00:00 2001 From: Thomas Rupprecht Date: Tue, 24 Jan 2023 19:45:48 +0100 Subject: [PATCH] invert input time icon color for chrome based browsers in dark themes (#1060) --- resources/assets/themes/dark.scss | 7 +++++++ resources/views/pages/user-shifts.html | 4 ++-- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/resources/assets/themes/dark.scss b/resources/assets/themes/dark.scss index 5c0c8c9e..cf2d624a 100644 --- a/resources/assets/themes/dark.scss +++ b/resources/assets/themes/dark.scss @@ -6,3 +6,10 @@ $secondary: #222; $table-striped-bg: rgba(#fff, 0.05); $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); +} diff --git a/resources/views/pages/user-shifts.html b/resources/views/pages/user-shifts.html index f76ddefb..e1936efb 100644 --- a/resources/views/pages/user-shifts.html +++ b/resources/views/pages/user-shifts.html @@ -13,7 +13,7 @@ pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%start_time%" > @@ -28,7 +28,7 @@ pattern="^\d{1,2}:\d{2}$" placeholder="HH:MM" maxlength="5" value="%end_time%" >