feat(ui5-fcl): implement Horizon theme (#5071)

dobrinyonkov · web-flow · commit 7a2a568c4583 · 2022-04-19T14:10:06.000+03:00
Related to: #5008
diff --git a/packages/fiori/src/themes/base/FlexibleColumnLayout-parameters.css b/packages/fiori/src/themes/base/FlexibleColumnLayout-parameters.css
@@ -1,6 +1,6 @@
 :root {
 	--_ui5_fcl_solid_bg: var(--sapShell_Background);
 	--_ui5_fcl_column_border: none;
-	--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), #f3f4f5);
-	--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), #f3f4f5);
+	--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);
+	--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);
 }
diff --git a/packages/fiori/src/themes/sap_fiori_3_dark/FlexibleColumnLayout-parameters.css b/packages/fiori/src/themes/sap_fiori_3_dark/FlexibleColumnLayout-parameters.css
diff --git a/packages/fiori/src/themes/sap_fiori_3_dark/parameters-bundle.css b/packages/fiori/src/themes/sap_fiori_3_dark/parameters-bundle.css
@@ -1,5 +1,5 @@
 @import "../base/Bar-parameters.css";
-@import "./FlexibleColumnLayout-parameters.css";
+@import "../base/FlexibleColumnLayout-parameters.css";
 @import "../base/IllustratedMessage-parameters.css";
 @import "../base/MediaGallery-parameters.css";
 @import "../base/MediaGalleryItem-parameters.css";

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`:root {`
`2`	`2`	`--_ui5_fcl_solid_bg: var(--sapShell_Background);`
`3`	`3`	`--_ui5_fcl_column_border: none;`
`4`		`- --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), #f3f4f5);`
`5`		`- --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), #f3f4f5);`
	`4`	`+ --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);`
	`5`	`+ --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);`
`6`	`6`	`}`