feat(styles): splitter with horizon 2023 [ci visual] (#4488)

SAP · May 1, 2023 · cca9d8b · cca9d8b
1 parent afc2950
commit cca9d8b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/packages/styles/src/splitter.scss b/packages/styles/src/splitter.scss
@@ -167,7 +167,7 @@ $block: #{$fd-namespace}-splitter;
     @include fd-flex-center();
     @include fd-fiori-focus(-0.125rem);
 
-    background: var(--sapShell_Background);
+    background: var(--sapContent_ForegroundColor);
     border: var(--fdSplitter_Resizer_Border);
 
     @include fd-splitter-resizer-decoration() {

diff --git a/packages/styles/src/theming/common/splitter/_sap_horizon.scss b/packages/styles/src/theming/common/splitter/_sap_horizon.scss
@@ -1,5 +1,5 @@
 :root {
-  --fdSplitter_Resizer_Border: none;
+  --fdSplitter_Resizer_Border: 0.0625rem solid var(--sapGroup_ContentBorderColor);
   --fdSplitter_Resizer_Grip_Border_Width: 0;
   --fdSplitter_Resizer_Decoration_Background: var(--sapGroup_ContentBorderColor);
 

diff --git a/packages/styles/src/theming/common/splitter/_sap_horizon_hc.scss b/packages/styles/src/theming/common/splitter/_sap_horizon_hc.scss
@@ -3,4 +3,5 @@
 :root {
   --fdSplitter_Resizer_Border: 0.0625rem solid var(--sapGroup_ContentBorderColor);
   --fdSplitter_Resizer_Grip_Border_Width: var(--sapButton_BorderWidth);
+  --fdSplitter_Resizer_Decoration_Background: var(--sapGroup_ContentBorderColor);
 }