@openui5/themelib_sap_horizon 1.98.0 → 1.101.0

package/src/sap/ui/commons/themes/sap_horizon_hcb/TabStrip.less

@@ -0,0 +1,135 @@
+/* ======================================== */
+/* CSS for control sap.ui.commons/TabStrip  */
+/* Horizon High Contrast Black theme        */
+/* ======================================== */
+
+.sapUiTabStrip {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiTabBar {
+	background-image: url(img/tabstrip/tab-bar.png);
+	background-repeat: repeat-x;
+	background-position: left bottom;
+	padding: 4px 0 2px 0;
+	height: 18px;
+}
+
+.sapUiTab,
+.sapUiTabSel,
+.sapUiTabDsbl {
+	line-height: 18px;
+	-webkit-background-origin: padding, padding, content;
+	background-origin: padding-box, padding-box, content-box;
+	-webkit-background-size: auto auto, auto auto, 100% 28px;
+	background-size: auto auto, auto auto, 100% 28px;
+	background-repeat: no-repeat, no-repeat, no-repeat;
+	background-position:top left, top right, left top;
+	padding-right: 13px;
+	padding-left: 16px;
+	height: 18px;
+	outline-offset: -2px;
+}
+
+.sapUiTab,
+.sapUiTabDsbl {
+	background-image:url(img/tabstrip/tab-left.png), url(img/tabstrip/tab-right.png),url(img/tabstrip/tab.png);
+}
+
+.sapUiTabSel {
+	background-image:url(img/tabstrip/tab-left-first-sel.png), url(img/tabstrip/tab-right-sel.png),url(img/tabstrip/tab-sel.png);
+	font-weight: bold;
+	margin-left: -9px;
+	padding-left: 25px;
+}
+
+.sapUiTab:first-child,
+.sapUiTabDsbl:first-child {
+	background-image:url(img/tabstrip/tab-left-first.png), url(img/tabstrip/tab-right.png),url(img/tabstrip/tab.png);
+	padding-left: 25px;
+}
+
+.sapUiTabSel:first-child {
+	margin-left: 0;
+}
+
+.sapUiTabClose {
+	background-image:url(img/tabstrip/tab-close.gif);
+	background-repeat:no-repeat;
+	background-positon:top right;
+	width: 13px;
+	height: 13px;
+	margin-top: 3px;
+	position: relative;
+	left: 4px;
+}
+
+.sapUiTabSel .sapUiTabClose {
+	background-image:url(img/tabstrip/tab-close.gif);
+}
+
+.sapUiTabClose:hover {
+	background-image:url(img/tabstrip/tab-close-hov.gif);
+}
+
+.sapUiTabIco {
+	margin-right: 4px;
+	margin-top: 2px;
+}
+
+.sapUiTabBar .sapUiTabMenu {
+	background-image: url(img/tabstrip/tab-menu.png);
+	width: 16px;
+	height: 16px;
+	margin-right: 1px;
+}
+
+.sapUiTabPanel {
+	top: 24px;
+}
+
+.sapUiTabSel:focus,
+.sapUiTab:focus,
+.sapUiTabDsbl:focus {
+  outline: none;
+}
+
+.sapUiTabSel,
+.sapUiTab,
+.sapUiTabDsbl {
+  &:focus::before {
+	border: 0.1875rem solid @sapUiContentFocusColor;
+	position: absolute;
+	content: "";
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	z-index: 1;
+	pointer-events: none;
+  }
+}
+
+.sapUiTabBar .sapUiTabStripScrollIcon {
+	padding-top: 3px;
+	margin-top: 0;
+	height: 19px;
+}
+
+.sapUiTabDsbl:focus::before {
+  border-color: @sapUiContentDisabledTextColor;
+}
+
+.sapUiTabStripScrollIcon {
+	color: @sapUiContentIconColor;
+	background: @sapUiGroupContentBackground;
+	border: 1px solid @sapUiGroupContentBorderColor;
+}
+
+.sapUiTabStripScrollIcon:hover {
+	background: @sapUiHighlight;
+}
+
+.sapUiTabStripScrollIcon:active {
+	background: @sapUiHcHighlightAltBackground;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/TextArea.less

@@ -0,0 +1,12 @@
+/* ======================================== */
+/* CSS for control sap.ui.commons/TextArea  */
+/* Horizon High Contrast Black theme        */
+/* ======================================== */
+
+.sapUiTxtA{
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiTf.sapUiTxtA{
+	padding-top: 3px;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/TextField.less

@@ -0,0 +1,51 @@
+/* ========================================= */
+/* CSS for control sap.ui.commons/TextField  */
+/* Horizon High Contrast Black theme         */
+/* ========================================= */
+
+@_sap_ui_commons_TextField_Height: 18px;
+
+.sapUiTf {
+	outline: none; /* remove Safari glow effect */
+	font-size: @sapUiDesktopFontSize;
+	padding-left: 3px;
+	padding-top: 1px;
+}
+
+.sapUiTf:not(.sapUiTfInner) {
+	height: @_sap_ui_commons_TextField_Height;
+}
+
+.sapUiTfBrd.sapUiTfDsbl,
+.sapUiTfBrd.sapUiTfRo {
+	border-color: @sapUiFieldReadOnlyBorderColor;
+}
+
+.sapUiTfBrd.sapUiTfFoc {
+	outline:1px solid @sapUiContentFocusColor;
+	border-color: @sapUiContentFocusColor;
+}
+
+.sapUiTfErr {
+	font-style: italic;
+	font-weight: bold;
+	border-style: dashed;
+}
+
+.sapUiTfErr.sapUiTfStd {
+	border-color: @sapUiFieldBorderColor;
+	background-color: @sapUiHighlight;
+}
+
+.sapUiTfErr.sapUiTfFoc {
+	border-color: @sapUiContentFocusColor;
+}
+
+.sapUiTfWarn {
+	font-style: italic;
+	border-style: dashed;
+}
+
+.sapUiTfWarn.sapUiTfStd {
+	background-color: @sapUiFieldBackground;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/TextView.less

@@ -0,0 +1,66 @@
+/* ======================================== */
+/* CSS for control sap.ui.commons/TextView  */
+/* Horizon High Contrast Black theme        */
+/* ======================================== */
+
+.sapUiTv {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiTvH1 { /* be careful - used in other controls with title too */
+	font-size: @sapUiFontHeader1Size;
+}
+
+.sapUiTvH2 {
+	font-size: @sapUiFontHeader2Size;
+}
+
+.sapUiTvH3 {
+	font-size: @sapUiFontHeader3Size;
+}
+
+.sapUiTvH4 {
+	font-size: @sapUiFontHeader4Size;
+}
+
+.sapUiTvH5 {
+	font-size: @sapUiFontHeader5Size;
+}
+
+.sapUiTvH6 {
+	font-size: @sapUiFontHeader6Size;
+}
+
+.sapUiTvSmall {
+	font-size: @sapUiFontSmallSize;
+}
+
+/* as in HCB inverted popups are black too - no inverted text color */
+.sapUiInverted-CTX .sapUiTv {
+	color: @sapUiBaseText;
+}
+
+/* invalid state */
+.sapUiTvErr {
+	color: @sapUiNegativeText;
+	border-color: transparent;
+	background-color: transparent;
+}
+
+/* warning state */
+.sapUiTvWarn,
+.sapUiInverted-CTX .sapUiTvWarn {
+	color: @sapUiCriticalText;
+	background-color: transparent;
+}
+
+/* success state */
+.sapUiTvSucc {
+	color: @sapUiPositiveText;
+	background-color: transparent;
+}
+
+/* Designs */
+.sapUiTvMono {
+	font-family: Lucida Console, monospace;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/ToggleButton.less

@@ -0,0 +1,215 @@
+/* ============================================ */
+/* CSS for control sap.ui.commons/ToggleButton  */
+/* Horizon High Contrast Black theme            */
+/* ============================================ */
+
+.sapUiBtnS{
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn,
+.sapUiBtnS.sapUiBtnLite.sapUiToggleBtn {
+	background-color: @sapUiButtonBackground;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn.sapUiToggleBtnPressed:before,
+.sapUiBtnS.sapUiBtnLite.sapUiToggleBtn.sapUiToggleBtnPressed:before,
+.sapUiBtnS.sapUiBtnDsbl.sapUiToggleBtn.sapUiToggleBtnPressed:before,
+.sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn.sapUiToggleBtnPressed:active:before,
+.sapUiBtnS.sapUiBtnLite.sapUiToggleBtn.sapUiToggleBtnPressed:active:before,
+.sapUiBtnS.sapUiBtnDsbl.sapUiToggleBtn.sapUiToggleBtnPressed:hover:before,
+.sapUiBtnS.sapUiBtnDsbl.sapUiToggleBtn.sapUiToggleBtnPressed:active:before {
+	content: url("img/toggleButton/arrow_down_hover.png");
+	display: inline-block;
+	height: 18px;
+	vertical-align: middle;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn:before,
+.sapUiBtnS.sapUiBtnLite.sapUiToggleBtn:before,
+.sapUiBtnS.sapUiBtnDsbl.sapUiToggleBtn:before,
+.sapUiBtnS.sapUiBtnDsbl.sapUiToggleBtn:hover:before,
+.sapUiBtnS.sapUiBtnDsbl.sapUiToggleBtn:active:before {
+	content: url("img/toggleButton/arrow_right_hover.png");
+	display: inline-block;
+	height: 18px;
+	vertical-align: middle;
+}
+
+.sapUiBtnS.sapUiBtnDsbl.sapUiToggleBtn,
+.sapUiBtnS.sapUiBtnDsbl.sapUiToggleBtn.sapUiToggleBtnPressed,
+.sapUiBtnS.sapUiBtnDsbl.sapUiToggleBtn:focus {
+	opacity: 0.35;
+	color: @sapUiButtonTextColor;
+	filter: alpha(opacity=35);
+	border-color: @sapUiButtonBorderColor;
+}
+
+.sapUiBtnS.sapUiBtnDsbl.sapUiToggleBtn > .sapUiBtnIco {
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn.sapUiToggleBtnPressed:active,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnDsbl.sapUiToggleBtn:active,
+.sapUiBtnS.sapUiBtnLite.sapUiToggleBtn,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnEmph.sapUiToggleBtn:hover,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAccept.sapUiToggleBtn:hover,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject.sapUiToggleBtn:hover,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnEmph.sapUiToggleBtn:focus,
+.sapUiBtnS.sapUiBtnAccept.sapUiToggleBtn:focus,
+.sapUiBtnS.sapUiBtnReject.sapUiToggleBtn:focus {
+	background-color: @sapUiButtonBackground;
+}
+
+.sapUiBtnS.sapUiBtnLite.sapUiBtnDsbl.sapUiToggleBtn.sapUiToggleBtnPressed,
+.sapUiBtnS.sapUiBtnLite.sapUiBtnDsbl.sapUiToggleBtn.sapUiToggleBtnPressed:hover,
+.sapUiBtnS.sapUiBtnLite.sapUiBtnDsbl.sapUiToggleBtn.sapUiToggleBtnPressed:active,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnDsbl.sapUiToggleBtn.sapUiToggleBtnPressed,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnDsbl.sapUiToggleBtn.sapUiToggleBtnPressed:hover,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnDsbl.sapUiToggleBtn.sapUiToggleBtnPressed:active {
+	background-color: @sapUiToggleButtonPressedDisabledBackground;
+}
+
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn:active,
+html[data-sap-ui-browser^="cr"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn,
+html[data-sap-ui-browser^="cr"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn:active {
+	padding-top: 1px;
+}
+
+html[data-sap-ui-browser^="ie"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn {
+	padding-top: 1px;
+}
+
+html[data-sap-ui-browser^="ie"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn:active {
+	padding-top: 0px;
+	padding-right: 5px;
+	padding-left: 4px;
+}
+
+html[dir=rtl][data-sap-ui-browser^="ie"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn {
+	padding-top: 0px;
+}
+
+html[dir=rtl][data-sap-ui-browser^="ie"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn:active {
+	padding-top: 0px;
+	padding-right: 5px;
+	padding-left: 4px;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn > .sapUiBtnIcoL,
+.sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn > .sapUiBtnIcoR,
+.sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn:active > .sapUiBtnIcoL,
+.sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn:active > .sapUiBtnIcoR,
+.sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn.sapUiToggleBtnPressed:active > .sapUiBtnIcoL,
+.sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn.sapUiToggleBtnPressed:active > .sapUiBtnIcoR {
+	margin-top: -3px;
+	margin-left: -1px;
+	margin-right: 1px;
+}
+
+html[data-sap-ui-browser^='ie'] .sapUiBtnS.sapUiBtnNorm.sapUiBtnIconOnly.sapUiToggleBtn:active > .sapUiBtnIco,
+html[data-sap-ui-browser^='ie'] .sapUiBtnS.sapUiBtnNorm.sapUiBtnIconOnly.sapUiToggleBtn.sapUiToggleBtnPressed:active > .sapUiBtnIco,
+html[data-sap-ui-browser^='ie'] .sapUiBtnS.sapUiBtnLite.sapUiBtnIconOnly.sapUiToggleBtn:active > .sapUiBtnIco,
+html[data-sap-ui-browser^='ie'] .sapUiBtnS.sapUiBtnLite.sapUiBtnIconOnly.sapUiToggleBtn.sapUiToggleBtnPressed:active > .sapUiBtnIco {
+	margin-top: -3px;
+	margin-left: 0px;
+	margin-right: 1px;
+}
+
+html[data-sap-ui-browser^='ie'] .sapUiBtnS.sapUiBtnNorm.sapUiBtnIconOnly.sapUiToggleBtn > .sapUiBtnIco,
+html[data-sap-ui-browser^='ie'] .sapUiBtnS.sapUiBtnNorm.sapUiBtnIconOnly.sapUiToggleBtn.sapUiToggleBtnPressed > .sapUiBtnIco,
+html[data-sap-ui-browser^='ie'] .sapUiBtnS.sapUiBtnLite.sapUiBtnIconOnly.sapUiToggleBtn > .sapUiBtnIco,
+html[data-sap-ui-browser^='ie'] .sapUiBtnS.sapUiBtnLite.sapUiBtnIconOnly.sapUiToggleBtn.sapUiToggleBtnPressed > .sapUiBtnIco {
+	margin-top: -3px;
+	margin-left: 0px;
+}
+
+html[data-sap-ui-browser^="ie"] .sapUiBtnS.sapUiBtnLite.sapUiToggleBtn {
+	padding-top: 1px;
+}
+
+html[data-sap-ui-browser^="ie"] .sapUiBtnS.sapUiBtnLite.sapUiToggleBtn:active {
+	padding-left: 4px;
+	padding-right: 5px;
+	padding-top: 0px;
+}
+
+html[data-sap-ui-browser^="cr"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn > .sapUiBtnTxt,
+html[data-sap-ui-browser^="cr"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn > .sapUiBtnIcoL,
+html[data-sap-ui-browser^="cr"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn > .sapUiBtnIcoR,
+html[data-sap-ui-browser^="cr"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn:active > .sapUiBtnIcoL,
+html[data-sap-ui-browser^="cr"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn:active > .sapUiBtnIcoR,
+html[data-sap-ui-browser^="cr"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn.sapUiToggleBtnPressed:active > .sapUiBtnIcoL,
+html[data-sap-ui-browser^="cr"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn.sapUiToggleBtnPressed:active > .sapUiBtnIcoR {
+	margin-top: -4px;
+}
+
+html[data-sap-ui-browser^='sf'] .sapUiBtnS.sapUiBtnLite.sapUiBtnIconOnly.sapUiToggleBtn > .sapUiBtnIco,
+html[data-sap-ui-browser^='sf'] .sapUiBtnS.sapUiBtnLite.sapUiBtnIconOnly.sapUiToggleBtn.sapUiToggleBtnPressed > .sapUiBtnIco {
+	margin-top: -3px;
+}
+
+html[data-sap-ui-browser^='sf'] .sapUiBtnS.sapUiBtnNorm.sapUiBtnIconOnly.sapUiToggleBtn > .sapUiBtnIco,
+html[data-sap-ui-browser^='sf'] .sapUiBtnS.sapUiBtnNorm.sapUiBtnIconOnly.sapUiToggleBtn.sapUiToggleBtnPressed > .sapUiBtnIco,
+html[data-sap-ui-browser^='cr'] .sapUiBtnS.sapUiBtnNorm.sapUiBtnIconOnly.sapUiToggleBtn > .sapUiBtnIco,
+html[data-sap-ui-browser^='cr'] .sapUiBtnS.sapUiBtnNorm.sapUiBtnIconOnly.sapUiToggleBtn.sapUiToggleBtnPressed > .sapUiBtnIco {
+	margin-top: -5px;
+}
+
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnLite.sapUiToggleBtn {
+	vertical-align: middle;
+	padding-top: 1px;
+}
+
+html[data-sap-ui-browser^="cr"] .sapUiBtnS.sapUiBtnLite.sapUiToggleBtn {
+	vertical-align: middle;
+}
+
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn > .sapUiBtnTxt,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn > .sapUiBtnIcoL,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn > .sapUiBtnIcoR,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn:active > .sapUiBtnIcoL,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn:active > .sapUiBtnIcoR,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn.sapUiToggleBtnPressed:active > .sapUiBtnIcoL,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn.sapUiToggleBtnPressed:active > .sapUiBtnIcoR {
+	margin-top: -5px;
+}
+
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnLite.sapUiToggleBtn > .sapUiBtnTxt,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnLite.sapUiToggleBtn > .sapUiBtnIcoL,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnLite.sapUiToggleBtn > .sapUiBtnIcoR,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnLite.sapUiToggleBtn:active > .sapUiBtnIcoL,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnLite.sapUiToggleBtn:active > .sapUiBtnIcoR,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnLite.sapUiToggleBtn.sapUiToggleBtnPressed:active > .sapUiBtnIcoL,
+html[data-sap-ui-browser^="sf"] .sapUiBtnS.sapUiBtnLite.sapUiToggleBtn.sapUiToggleBtnPressed:active > .sapUiBtnIcoR {
+	margin-top: -2px;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd.sapUiBtnEmph.sapUiToggleBtn.sapUiToggleBtnPressed,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd.sapUiBtnEmph.sapUiToggleBtn.sapUiToggleBtnPressed:hover,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnStd.sapUiBtnAccept.sapUiToggleBtn.sapUiToggleBtnPressed,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject.sapUiToggleBtn.sapUiToggleBtnPressed,
+.sapUiBtnS.sapUiBtnNorm.sapUiToggleBtn:active,
+.sapUiBtnS.sapUiBtnLite.sapUiToggleBtn.sapUiToggleBtnPressed {
+	background-color: @sapUiToggleButtonPressedBackground;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAccept.sapUiToggleBtn,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnAccept.sapUiToggleBtn.sapUiToggleBtnPressed,
+.sapUiBtnS.sapUiBtnAccept.sapUiToggleBtn,
+.sapUiBtnS.sapUiBtnAccept.sapUiToggleBtn.sapUiToggleBtnPressed,
+.sapUiBtnS.sapUiBtnAccept.sapUiToggleBtn:active,
+.sapUiBtnS.sapUiBtnAccept.sapUiToggleBtn.sapUiToggleBtnPressed:active {
+	color: @sapUiFieldSuccessColor;
+}
+
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject.sapUiToggleBtn,
+.sapUiBtnS.sapUiBtnNorm.sapUiBtnReject.sapUiToggleBtn.sapUiToggleBtnPressed,
+.sapUiBtnS.sapUiBtnReject.sapUiToggleBtn,
+.sapUiBtnS.sapUiBtnReject.sapUiToggleBtn.sapUiToggleBtnPressed,
+.sapUiBtnS.sapUiBtnReject.sapUiToggleBtn:active,
+.sapUiBtnS.sapUiBtnReject.sapUiToggleBtn.sapUiToggleBtnPressed:active {
+	color: @sapUiFieldInvalidColor;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/Toolbar.less

@@ -0,0 +1,72 @@
+/* ======================================= */
+/* CSS for control sap.ui.commons/Toolbar  */
+/* Horizon High Contrast Black theme       */
+/* ======================================= */
+
+.sapUiTb {
+	height: 27px;
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiTb.sapUiTbStandalone {
+	height: 29px;
+}
+
+.sapUiTbDesignStandard {
+	background-color: @sapUiGroupContentBackground;
+}
+
+.sapUiTbCont {
+	height: 23px;
+}
+
+.sapUiTbOB {
+	background-image: url(img/toolbar/arrow.gif);
+}
+
+.sapUiTbDD > div {
+	background-color:  @sapUiGroupContentBackground;
+}
+
+.sapUiTbContLeft.sapUiTbCont {
+	padding: 4px 0px 4px 10px;
+	height: 29px;
+}
+
+.sapUiTbInner > * , .sapUiTbInnerRight > * {
+	margin-right: 8px;
+}
+
+.sapUiTbInnerRight {
+	padding: 5px 0px 3px 10px;
+	height: 22px;
+}
+
+/* Toolbar inside of Form as Form- and Container- header */
+.sapUiGrid.sapUiFormToolbar .sapUiGridTitle > th > .sapUiTb,
+.sapUiFormToolbar > div:first-child.sapUiTb{
+	border-bottom-width: 3px;
+	padding-top: 10px;
+}
+
+.sapUiGridTitle > th > .sapUiTb > .sapUiTbInnerRight > *:last-child,
+.sapUiFormToolbar > .sapUiTb > .sapUiTbInnerRight > *:last-child,
+.sapUiFormContainerToolbar > .sapUiTb > .sapUiTbInnerRight > *:last-child{
+	margin-right: 0;
+}
+
+.sapUiRGLContainer.sapUiFormContainerToolbar > .sapUiTb > .sapUiTbInnerRight > *:last-child{
+	margin-right: 0.25rem;
+}
+
+.sapUiGridTitle > th > .sapUiTb > .sapUiTbCont,
+.sapUiFormToolbar > .sapUiTb > .sapUiTbCont,
+.sapUiFormContainerToolbar > .sapUiTb > .sapUiTbCont{
+	border-color: transparent;
+	padding-left: 0;
+}
+
+.sapUiFormResLayout.sapUiFormToolbar > .sapUiTb > .sapUiTbInnerRight,
+.sapUiFormResGrid.sapUiFormToolbar > .sapUiTb > .sapUiTbInnerRight{
+	right: 1rem;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/Tree.less

@@ -0,0 +1,49 @@
+/* ==================================== */
+/* CSS for control sap.ui.commons/Tree  */
+/* Horizon High Contrast Black theme    */
+/* ==================================== */
+
+.sapUiTreeNode {
+	background-image: url(img/tree/TreeNode.gif);
+}
+
+.sapUiTreeNodeExpanded {
+	background-image: url(img/tree/TreeNode_Exp.gif);
+}
+
+.sapUiTreeNodeCollapsed {
+	background-image: url(img/tree/TreeNode_Coll.gif);
+}
+
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite{
+	width: 30px;
+}
+
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite,
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiBtnAct,
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite:hover,
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite:focus{
+	background-repeat: no-repeat;
+	background-position: center center;
+	margin-top: 1px;
+}
+
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiTreeCol,
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiBtnAct.sapUiTreeCol,
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiTreeCol:focus{
+	background-image: url(img/tree/CollapseAll.png);
+  	background-color: @sapUiGroupContentBackground;
+}
+
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiTreeExp,
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiBtnAct.sapUiTreeExp,
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiTreeExp:focus{
+	background-image: url(img/tree/ExpandAll.png);
+  	background-color: @sapUiGroupContentBackground;
+}
+
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite > .sapUiBtnIco,
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite.sapUiBtnAct > .sapUiBtnIco,
+.sapUiTreeTbCont > .sapUiBtn.sapUiBtnS.sapUiBtnLite:focus > .sapUiBtnIco{
+	display: none;
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/TriStateCheckBox.less

@@ -0,0 +1,17 @@
+/* ================================================ */
+/* CSS for control sap.ui.commons/TriStateCheckBox  */
+/* Horizon High Contrast Black theme                */
+/* ================================================ */
+
+.sapUiTriCb {
+	font-size: @sapUiDesktopFontSize;
+}
+
+.sapUiInverted-CTX .sapUiTriCb {
+	color: @sapUiBaseText;
+}
+
+.sapUiTriCbInner.sapUiTriCbCheck,
+.sapUiTriCbInner.sapUiTriCbMix {
+	background-image: url(img/TriStateCheckBox.png);
+}

package/src/sap/ui/commons/themes/sap_horizon_hcb/ValueHelpField.less

@@ -0,0 +1,47 @@
+/* ============================================== */
+/* CSS for control sap.ui.commons/ValueHelpField  */
+/* Horizon High Contrast Black theme              */
+/* ============================================== */
+
+/* High Contrast Black */
+
+.sapUiTfCombo {
+	font-size: @sapUiDesktopFontSize;
+}
+
+/* textField icon */
+.sapUiTfCombo > .sapUiTfValueHelpIcon {
+	height: 16px;
+	width: 16px;
+}
+
+.sapUiTfCombo > span.sapUiTfValueHelpIcon {
+	font-size: 12px;
+	color: @sapUiText;
+	padding-top: 2px;
+	height: 14px;
+}
+
+/* textField icon */
+.sapUiTfCombo > .sapUiTfValueHelpRegularIcon:hover,
+.sapUiTfCombo > span.sapUiTfValueHelpIcon:hover {
+	border-left: 1px solid @sapUiFieldHoverBorderColor;
+	color: @sapUiBaseText;
+	background-color: @sapUiButtonLiteHoverBackground;
+}
+
+.sapUiTfCombo.sapUiTfDsbl > span.sapUiTfValueHelpIcon:hover,
+.sapUiTfCombo.sapUiTfRo > span.sapUiTfValueHelpIcon:hover {
+	border-left: none;
+	background-color: transparent;
+}
+
+.sapUiTfCombo.sapUiTfDsbl > span.sapUiTfValueHelpIcon,
+.sapUiTfCombo.sapUiTfDsbl > span.sapUiTfValueHelpIcon:hover {
+	color: @sapUiBaseText;
+}
+
+.sapUiTfCombo.sapUiTfRo > span.sapUiTfValueHelpIcon,
+.sapUiTfCombo.sapUiTfRo > span.sapUiTfValueHelpIcon:hover {
+	color: darken(@sapUiBaseText, 17.2);
+}