From 2063837a14ec5989f069115cb2cdc889a22d1ecd Mon Sep 17 00:00:00 2001 From: Stoyan Date: Mon, 16 Feb 2026 15:11:22 +0200 Subject: [PATCH] fix(ui5-calendar): correct focus indicator color in calendar header and day picker --- .../src/themes/sap_horizon/CalendarHeader-parameters.css | 6 +++--- .../main/src/themes/sap_horizon/DayPicker-parameters.css | 6 +++--- .../themes/sap_horizon_dark/CalendarHeader-parameters.css | 4 ++-- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/main/src/themes/sap_horizon/CalendarHeader-parameters.css b/packages/main/src/themes/sap_horizon/CalendarHeader-parameters.css index 19d6a50939c2..643d5e47bf9b 100644 --- a/packages/main/src/themes/sap_horizon/CalendarHeader-parameters.css +++ b/packages/main/src/themes/sap_horizon/CalendarHeader-parameters.css @@ -5,14 +5,14 @@ --_ui5_calendar_header_middle_button_focus_after_height: calc(100% - 0.375rem); --_ui5_calendar_header_middle_button_focus_after_top_offset: 0.125rem; --_ui5_calendar_header_middle_button_focus_after_left_offset: 0.125rem; - --_ui5_calendar_header_arrow_button_border: none; + --_ui5_calendar_header_arrow_button_border: 0.0625rem solid var(--sapList_Hover_Background); --_ui5_calendar_header_arrow_button_border_radius: 0.5rem; --_ui5_calendar_header_arrow_button_box_shadow: 0 0 0.125rem 0 rgb(85 107 130 / 72%); --_ui5_calendar_header_middle_button_focus_border_radius: 0.5rem; --_ui5_calendar_header_middle_button_focus_border: none; --_ui5_calendar_header_middle_button_focus_after_border: none; --_ui5_calendar_header_middle_button_focus_background: transparent; - --_ui5_calendar_header_middle_button_focus_outline: 0.125rem solid var(--sapSelectedColor); - --_ui5_calendar_header_middle_button_focus_active_outline: 0.0625rem solid var(--sapSelectedColor); + --_ui5_calendar_header_middle_button_focus_outline: 0.125rem solid var(--sapContent_FocusColor); + --_ui5_calendar_header_middle_button_focus_active_outline: 0.0625rem solid var(--sapContent_FocusColor); --_ui5_calendar_header_middle_button_focus_active_background: transparent; } \ No newline at end of file diff --git a/packages/main/src/themes/sap_horizon/DayPicker-parameters.css b/packages/main/src/themes/sap_horizon/DayPicker-parameters.css index 77dc46285022..8944ded2fdc8 100644 --- a/packages/main/src/themes/sap_horizon/DayPicker-parameters.css +++ b/packages/main/src/themes/sap_horizon/DayPicker-parameters.css @@ -7,7 +7,7 @@ --_ui5_daypicker_item_selected_focus_color: var(--sapContent_FocusColor); --_ui5_daypicker_item_selected_focus_width: 0.125rem; --_ui5_daypicker_item_no_selected_inset: 0.375rem; - --_ui5_daypicker_item_now_border_focus_after: 0.125rem solid var(--sapList_SelectionBorderColor); + --_ui5_daypicker_item_now_border_focus_after: 0.125rem solid var(--sapContent_FocusColor); --_ui5_daypicker_item_now_border_radius_focus_after: 0.3125rem; --_ui5_day_picker_item_selected_now_border_focus: 0.125rem solid var(--sapContent_FocusColor); --_ui5_day_picker_item_selected_now_border_radius_focus: 0.1875rem; @@ -21,7 +21,7 @@ --_ui5_daypicker_item_selected_between_text_font: var(--sapFontFamily); --_ui5_daypicker_item_selected_text_font: var(--sapFontBoldFamily); --_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.35rem var(--sapList_Background); - --_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapSelectedColor); + --_ui5_daypicker_item_selected_text_outline: 0.0625rem solid var(--sapContent_FocusColor); --_ui5_daypicker_item_now_selected_outline_offset: -0.25rem; --_ui5_daypicker_item_now_selected_between_inset: 0.25rem; --_ui5_daypicker_item_now_selected_between_border: 0.0625rem solid var(--sapContent_Selected_ForegroundColor); @@ -31,7 +31,7 @@ --_ui5_daypicker_item_selected_hover: var(--sapList_Hover_Background); --_ui5_daypicker_item_now_inset: 0.3125rem; --_ui5-dp-item_withsecondtype_border: 0.25rem; - --_ui5_daypicker_item_selected__secondary_type_text_outline: 0.0625rem solid var(--sapSelectedColor); + --_ui5_daypicker_item_selected__secondary_type_text_outline: 0.0625rem solid var(--sapContent_FocusColor); --_ui5_daypicker_two_calendar_item_now_day_text_content: ""; --_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.125rem; --_ui5_daypicker_two_calendar_item_border_radius: 0.5rem; diff --git a/packages/main/src/themes/sap_horizon_dark/CalendarHeader-parameters.css b/packages/main/src/themes/sap_horizon_dark/CalendarHeader-parameters.css index fa7ffaee4aa6..643d5e47bf9b 100644 --- a/packages/main/src/themes/sap_horizon_dark/CalendarHeader-parameters.css +++ b/packages/main/src/themes/sap_horizon_dark/CalendarHeader-parameters.css @@ -12,7 +12,7 @@ --_ui5_calendar_header_middle_button_focus_border: none; --_ui5_calendar_header_middle_button_focus_after_border: none; --_ui5_calendar_header_middle_button_focus_background: transparent; - --_ui5_calendar_header_middle_button_focus_outline: 0.125rem solid var(--sapSelectedColor); - --_ui5_calendar_header_middle_button_focus_active_outline: 0.0625rem solid var(--sapSelectedColor); + --_ui5_calendar_header_middle_button_focus_outline: 0.125rem solid var(--sapContent_FocusColor); + --_ui5_calendar_header_middle_button_focus_active_outline: 0.0625rem solid var(--sapContent_FocusColor); --_ui5_calendar_header_middle_button_focus_active_background: transparent; } \ No newline at end of file