theming-base-content

Features

• The CSS skeleton that creates the :root{…} and the .background-image--…{…} CSS rules in css_variables.css is now exposed as a separate importable file skeleton.less; as importing css_variables.less in consuming frameworks leads to unexpected and erroneous build results, it is highly recommended to import the new skeleton.less instead.
• SAP-icons-TNT v3.6 and v2.11 with new icons e110 (business-application-studio), e111 (clone-from-git) and e112 (business-accelerator).

Bug Fixes

• Quartz Dark considered generally available for UI5 >= 1.71.27, see SAP Note 2982978.
• SAP-icons-TNT v3.6 and v2.11 with fixed horizontal alignment issues in some icons.

Features

• SAP-icons v5.8 and v4.20 with new icon e2a6 (in-progress-2), metadata of e03e (decline) including the tag "decline"
• Themes now include an avatar.svg (e.g. Base/baseLib/sap_horizon/avatar.svg) that gives a glimpse on the most prominent theme colors used in their natural environment

Bug Fixes

• SAP-icons v5.8 with metaphors for e019 (pending) and e111 (eam-work-order) following the metaphor of v4

Bug Fixes

• css_variables.less will no longer overwrite @sapCss_… parameters. We reverted the incompatibility introduced with 11.5.0, css_variables.less again uses /*!SAP_POSTPROCESS_REDUCE_START*/ and /*!SAP_POSTPROCESS_REDUCE_END*/, i.e. it is no longer necessary to re-overwrite the @sapCss… parameters after importing css_variables.less.

Bug Fixes

• Design Tokens for shadows without a blur (like @sapContent_HeaderShadow: inset 0 -0.125rem @sapObjectHeader_BorderColor) are exported correctly

Features

• 18 new parameters in the new sapAssistant_… namespace that describe the SAP cross technology digital assistant, currently named Joule
• New parameter sapShell_Assistant_ForegroundColor that describes the foreground color of the SAP assistant within the shell bar

Features

• Font 72 v1.40 with added support for Bulgarian characters. Bulgarian Cyrillic alternates are accessible through the OpenType feature LOCL > Bulgarian

Features

• SAP-icons-TNT v3.5 and v2.10 with new icons e10e (fiori-application) and e10f (build-code)

Bug Fixes

• A light blue sapButton_Selected_Background and a darker blue sapButton_Selecter_Hover_Background in Morning Horizon make unselected Toggle Buttons distinguishable from regular Buttons
• The handle icons of positive (sapButton_Handle_Positive_TextColor) and negative (sapButton_Handle_Negative_TextColor) Switches have an increased contrast by defaulting to sapTextColor in high-contrast themes
• The value and "maximum" dot of Progress elements (sapProgress_Value_Background) have an increased contrast against the bar color in Morning and Evening Horizon
• Morning Horizon is the fallback theme for the Base framework

Features

• SAP-icons-TNT v3.4 and v2.9 with new icon e10d (bound-validation-rule)

Bug Fixes

• SAP-icons-TNT v3.4 and v2.9 with redesigned icon e07c (network)

version 11.8.0

Features

• Icon metadata for the SAP-icons font in Base/baseLib/baseTheme/fonts/SAP-icons.json
• SAP-icons v5.06 and v4.18 with new icons for the Digital Assistant: e2a3 (da) and e2a4 (da-2)
• SAP-icons-TNT v3.3 and v2.8 with new icons for AI: e10b (ai-1) and e10c (ai-2)
• Design Tokens of theming parameters (e.g. sapField_Background, but not _sapField_BackgroundH etc.) now contain the description of the parameter

Bug Fixes

• SAP-icons v5.06 and v4.18 with metaphors in v5 aligned to v4 for e1fd (sort-ascending), e1fc (sort-descending), e080 (database), e0b1 (message-error), e202 (message-information), e203 (message-success) and e201 (message-warning)
• The design-tokens for sapField_…Background, sapField_…HelpBackground and sapField_Hover_…Shadow now have a usable value.

This is the release that brings the updated parameter values for the Horizon theme family that we announced with 11.3.0 (on 2023-04-04). It is synced with the major SAP UI technologies (UI5 WebComponents, SAPUI5, and Unified Rendering) and should not cause breaking changes. Hence, as it fixes design bugs, it is considered a bug fix.

Bug Fixes

• Hundreds of parameters of Morning and Evening Horizon are updated based on one year of customer feedback. See Improvements Coming to the Horizon Visual Theme for SAP Fiori for a detailed explanation. Main changes are:
  • editable Fields are white again, and read-only fields grey (only with @sapField_HorizonNGEnabled: 1, which defaults to 0 for base.less and to 1 for css_variables.less)
  • shadows with a spread are no longer used
  • Hover states are more visible
  • standard Buttons look more enabled now and a light blue (secondary information) Button is introduced

Bug Fixes

• @font-face definitions of "commonly used subset" fonts (e.g. "72", not "72full") no longer contain Combining Characters (like U+30C, the "Combining Caron") in a followup of https://crbug.com/1444391
• A fixed build of BusinessSuiteInAppSymbols v2.084 with updated glyphs of e0e3 (business-partner), e08a (face-astonished), e087 (face-bad) and e086 (face-very-bad)
• Chart colors (sapChart_…) have an increased contrast against sapBackgroundColor in Morning and Evening Horizon
• sapIndicationColor_1 is #fd4444 in Evening Horizon as an accessibility enhancement
• Tags and Types of some parameters are adapted, to improve the parameter visualization in the Theme Designer UI; e.g. actual images like sapCompanyLogo have the type image, the sapShell_Category_…_TextShadow parameters now have the type boxShadow, or the sapField_…BorderStyle parameters have the type borderStyle
• Design Tokens more closely reflect the less version of the theming-base-content, especially where fade(…) and contrast(…) is used in less

Bug Fixes

• sapHC_HighlightBackground has been slightly darkened in Quartz HCB, Belize HCB, and HCB (to the value used in Horizon HCB) to achieve an AAA (7:1) contrast against white

Bug Fixes

• Font URLs always "go out one folder and back in again" (e.g. ./../sap_horizon/fonts instead of ./fonts) so that rewriting font URLs in custom themes always references the SAP theme

Bug Fixes

• SAP-icons v5.05 and v4.17 with e1f0 (slim-arrow-up) pointing up again
• Updated de translation of sapField_InvalidShadow

Features

• SAP-icons-TNT v3.2 (Horizon-family) and v2.7 (non-Horizon) with new icons: e107 (indicator), e108 (indicator-active), e109 (task-optional) and e10A (task-done)

Features

• SAP-icons v5.04 and v4.16 with new icons, xe30d: add-calendar, xe30e: currency, xe2a0: bell-2 (filled bell), xe2a1: accessibility, xe2a2: high-priority
• SAP-internal parameters sapCss_72, sapCss_SAP-icons and sapCss_SvgIconBase (and other, more detailed versions) allow to switch off the generation of css (e.g. @font-face-definitions)

Bug Fixes

• sapCriticalTextColor is slightly darkened in Morning Horizon, to enhance accessibility
• the change to sapButton_BorderColor from 11.4.1 is reverted, it will come at some later point in time, in sync with other changes
• Adjustment and alignment for size and pixel-perfect of all 689 icons, plus new ones.

Bug Fixes

• Illustration Colors (sapContent_Illustrative_Color…) are updated in all high-contrast themes to better highlight foreground elements and enhance accessibility
• @font-face definitions of "commonly used subset" fonts (e.g. "72", not "72full") specify their supported unicode-range to deal with https://crbug.com/1444391
• sapButton_BorderColor is slightly darker/lighter in Horizon to increase the visibility of Buttons

Features

• Additional parameters are considered "Badge Parameters" (i.e. they can be used in theme previews in the UI Theme Designer without actually loading the theme): sapContent_Selected_TextColor, sapContent_Shadow0, sapField_Background, sapShell_Background, sapShell_TextColor, sapShell_InteractiveTextColor, sapShell_GroupTitleTextColor, sapShell_Shadow, sapShell_Navigation_Background, sapShell_Navigation_TextColor, sapTile_Background, sapTile_TextColor, and sapTile_TitleTextColor

Bug Fixes

• Translations for de, fr, ja, pt, ru and zh_CH updated

Features

• New shadow parameters for fields: sapField_Shadow, sapField_InvalidShadow, sapField_WarningShadow, sapField_SuccessShadow, sapField_InformationShadow, sapField_Hover_Shadow, sapField_Hover_InvalidShadow, sapField_Hover_WarningShadow, sapField_Hover_SuccessShadow, and sapField_Hover_InformationShadow
• New text-decoration parameters for links: sapLink_TextDecoration, sapLink_Hover_TextDecoration and sapLink_Active_TextDecoration
• New generic hover parameter sapHoverColor
• Completion of the sapIndicationColor set: two new indication colors 9 and 10, and 8 new parameters per indication color: sapIndicationColor_X_Active_BorderColor, sapIndicationColor_X_Active_TextColor, sapIndicationColor_X_Selected_Background, sapIndicationColor_X_Selected_BorderColor, sapIndicationColor_X_Selected_TextColor, sapIndicationColor_Xb (b being a "less prominent" shade of the color), sapIndicationColor_Xb_BorderColor and sapIndicationColor_Xb_Hover_Background
• SAP-icons-TNT v3.1 (Horizon-family) and v2.6 (non-Horizon) with new icons e104 (build-apps), e105 (build-work-zone) and e106 (build-process-automation)