Color, font and metric definitions of SAP themes to be used by application UIs and UI frameworks.
APACHE-2.0 License
Bot releases are hidden (Show)
Published by theming-technical-user over 1 year ago
s_cloudd
, s_cloudu
, s_cloudx
and SAPWeb-icons Cloud
, CloudDownload
and CloudUpload
are available in Bluecrystal againsapContent_ContrastTextThreshold
is adjusted in Evening Horizon, to have all contrast()
-Statements resolve to the expected colorPublished by theming-technical-user over 1 year ago
This is the first release where we properly exercise SemVer. And as there are new (backwards-compatible) features, the version is 11.2.0 (and not 11.1.50).
e17b
(max-container), e17c
(max-interval), e17d
(min-interval), e17e
(cross-order), e17f
(empty-order), e180
(cross-sequence), e181
(empty-sequence), e182
(cross-union), e183
(empty-union) and e184
(cross-target)sapButton_Active_Background
is lightened to no more than 100% lightness in Morning HorizonPublished by theming-technical-user over 1 year ago
helpf4_s
in themes of the Horizon, Quartz, and Belize family, and new icons overflw_l
and overflw_r
in Bluecrystale306
(biometric-thumb), e307
(biometric-face), e308
(select-appointments), e309
(light-mode), e30a
(dark-mode) and e30b
(select-appointments)e173
(monitor-assembly-sequence), e174
(monitor-just-in-time-calls), e175
(manage-charging-stations), e176
(district-heating), e177
(producer-switch), e178
(consumer-switch), e179
(storage-switch) and e17a
(repeatable)de
, en
, en_US_saptrc
, fr
, ja
, pt
, ru
and zh_CH
updatede061
(batch-payments), e065
(favorite), e085
(contacts), e09f
(pushpin-on), e0a0
(pushpin-off), e0a1
(unfavorite), e0a7
(share), e0fe
(step), e114
(crm-sales), and e115
(widgets)sapSlider_Hover_RangeHandleBackground
is mapped to sapSlider_Hover_HandleBackground
in themes of the Horizon and Quartz families, to be consistent with the interaction states of the normal slidersapInformativeTextColor
is darkened a tiny bit in Morning Horizon, to improve the accessibility/contrast against the application backgroundsapContent_Selected_TextColor
, sapContent_Selected_ForegroundColor
and sapShell_Navigation_Selected_TextColor
are darkened a tiny bit in Morning Horizon, to improve the accessibility/contrast against the application backgroundsapContent_Shadow0
is less transparent in Evening Horizon, to improve the visibility on CardssapContent_Illustrative_Color4
, …6
and …8
are updated to improve the accessibility/contrast in illustrationssapButton_Emphasized_TextColor
is lightened in Evening Horizon and Quartz Dark to make it more outstandingsapSlider_Active_HandleBorderColor
is mapped to sapHighlightColor
in Morning and Evening HorizonPublished by theming-technical-user almost 2 years ago
72Blackfull
has its own @font-face
definitionsapChart_OrderedColor_1
, …2
, …3
, …5
, …6
, …10
, …11
, sapChart_Critical
and …Good
satisfy contrast-ratio accessibility requirements in Horizon, Quartz and BelizesapFontBlackFamily
references 72Blackfull
in its font stacksapCriticalTextColor
satisfies contrast-ratio accessibility requirements in Quartz LightPublished by theming-technical-user almost 2 years ago
main
instead of exports
again (so that direct imports of files are allowed again)Published by theming-technical-user almost 2 years ago
${project.version}
)Published by theming-technical-user almost 2 years ago
e1b1
(locate-me), e302
(locate-me-2), e303
(map-2), e304
e075
(flight), e007
(travel-expense), e133
(travel-iternary), e03b
(doc-attachment), e131
(travel-request) and a lot of pixel alignment fixesversion
in package.json to ${project.version}
exports
in package.json (with the intent to provide module/commonjs-specific exports) which prohibited directly importing filesPublished by theming-technical-user almost 2 years ago
e172
(cell-lock)Published by theming-technical-user about 2 years ago
e169
(move-folder), e16a
(remove-folder), e16b
(match-case), e16c
(match-whole-word), e16d
(remove-total), e16e
(after-total), e16f
(before-total), e170
(workbook-filter) and e171
(icon-update-filter)sapContent_Shadow1..3
increased in Morning Horizon to meet contrast criteriade
, en
, en_US_saptrc
, fr
, ja
, pt
, ru
and zh_CN
updatedPublished by theming-technical-user about 2 years ago
e29c
(slider), e29d
(binary), e29e
(female), e29f
(male), e300
(male and female), and e301
(rotate)sapFontUrl_72_*
parameterse0e0
(provision) and e26f
(away)GUIDE_SECTION_MAINBACKGROUNDS
, GUIDE_SECTION_MAINBACKGROUNDS_DESCR
, GUIDE_SECTION_MAINFOREGROUNDS
, and GUIDE_SECTION_MAINFORGROUNDS_DESCR
added to Quartz HC and Horizon HC themesPublished by theming-technical-user over 2 years ago
e168
(icon-layer)@font-face
definitions reference URL parameters first, use local()
only as fallback. With that, we regain control about the font versions used. Set cache-control headers properly to avoid unnecessarily frequent requests.sapPageFooter_BorderColor
is mapped to sapHC_StandardForeground
in Horizon-based High Contrast Black and High Contrast WhitePublished by theming-technical-user over 2 years ago
sapContent_ContrastFocusColor
is #000
in Evening HorizonsapContent_BusyColor
is mapped to sapHighlightColor
in Morning and Evening Horizonfont-variant-numeric: tabular-nums
to stop workingfr
, ja
, pt
, ru
, zh_CN
updatedPublished by theming-technical-user over 2 years ago
font-variant-numeric: tabular-nums
de
, en
, en_US_saptrc
, fr
, ja
, pt
, ru
, zh_CN
updatedsap_fiori_3_set
added to delivery packagesPublished by theming-technical-user over 2 years ago
--sapField_ReadOnly_BackgroundStyle
completes the background style parameters for fields and allows for dashed bottom borders in Morning and Evening Horizon--sapField_ReadOnly_BorderStyle
allows to switch to a dashed four-sided border in Morning and Evening Horizon--sapProgress_*BorderColor
mapped to --sapProgress_BorderColor
in themes older than Horizon--sapField_*BorderStyle
mapped to none
in Morning and Evening Horizonde
, en
, en_US_saptrc
, fr
, ja
, pt
, ru
, zh_CN
updated--sapProgress_Value
states mapped to respective backgrounds--sapShell_Navigation_Selected_TextColor
mapped to --sapHighlightColor
via contrast statement in Morning and Evening Horizon--sapLink
namespace ensure the necessary contrast in Morning Horizon--sapPrimary6
and --sapField_TextColor
ensure the necessary contrast in Morning Horizon--sapIndicationColor_3*
now passes 3:1 contrast in Morning and Evening Horizon--sapField_InformationBackgroundStyle
now uses less parameter interpolation for the color stops instead of incorrect verbatim literals (@{sapField_InformationBackground}
instead of @sapField_InformationBackground
) in Morning HorizonPublished by theming-technical-user over 2 years ago
--sapAvatar*
, --sapButton_Track*
, --sapButton_Handle*
, --sapField_*BackgroundStyle
, --sapField_*BorderStyle
, --sapMessage*
, --sapProgress*
--sapSlider*
, --sapObjectHeader*
and --sapIndicationColor*
--sapContent_ForcedColorAdjust
to toggle an OS high contrast mode overwrite--sapFontSemiboldFamily
and --sapFontSemiboldDuplexFamily
sap_horizon_set
describes the whole SAP Horizon familysap-icon://BusinessSuiteInAppSymbols/icon-unknown-dependency
--sapLegend_NonWorkingBackground
ensures the necessary contrast in all HC themes--sapContent_HeaderShadow
and --sapShell_Shadow
solve an issue with their Y-axis--sapButton_Attention_Active_BorderColor
ensures the necessary contrast in SAP Horizon--sapField_BorderWidth
, --sapField_ReadOnly_BorderColor
and --sapField_SuccessBorderWidth
ensure distinguishability of default, read-only and success fields in Horizon and Quartz HC themes--sapChart_OrderedColor_7
and --sapChart_OrderedColor_8
now ensure a 4.5:1 contrast in HCB themesPublished by theming-technical-user over 2 years ago
With version 11.1.35 we complete the SAP Horizon theme family:
sap_horizon
,sap_horizon_dark
,sap_horizon_hcb
, andsap_horizon_hcw
The SAP Horizon theme family is not released for customers yet and it is not yet possible to created custom themes based on those themes with the SAP UI Theme Designer.
Version 11.1.35 adds values for existing theming parameters. SAP Design plans to introduce new theming parameters for the SAP Horizon theme family. They will be released with version 11.1.36 of the theming-base-content.
Additionally, version 11.1.35 adresses #8 and removes the @font-face
definitions in sap_belize_plus/css_variables.css.
Published by theming-technical-user about 3 years ago
version 11.1.34
Published by theming-technical-user about 3 years ago
Published by theming-technical-user about 3 years ago
version 11.1.31
Published by theming-technical-user over 3 years ago
To simplify code and resource maintenance in theming-base-content framework, following fonts were moved to theme-folder baseTheme/fonts with version 11.1.30:
If you consume fonts from theming-base-content, please make sure to use the fonts parameter and not its location.