@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
@forward 'ej2-base/styles/definition/bootstrap5-dark';

//Layout Variables Start
$splitpane-font-size: $text-sm !default;
$splitpane-font-weight: $font-weight-normal !default;
$splitpane-font-family: $font-family !default;
$splitbar-icon-size: 14px !default;
$splitbar-icon-gap: 18px !default;
$splitbar-icon-height: 18px !default;
$bigger-splitbar-icon-gap: 20px !default;
$bigger-splitbar-icon-height: 20px !default;
$bigger-splitpane-font-size: $text-base !default;
$bigger-splitbar-icon-size: 16px !default;
$splitbar-border-width: 1px !default;
$splitbar-arrow-border-radius: 50% !default;
$splitbar-resizable-height: 100% !default;
$splitbar-arrow-height: 26px !default;
$splitbar-arrow-segment-radius: 16px !default;
$splitbar-arrow-segment-height: 8px !default;
$splitbar-vertical-resizable-height: 16px !default;
$splitbar-vertical-handler-height: 1px !default;
$splitter-border-none: 0 !default;
$split-bar-vertical-navigate-arrow-margin-top: -2px !default;
$split-bar-vertical-navigate-arrow-down-margin-top: 2px !default;
$split-bar-horizontal-navigate-arrow-padding: 1px 12px !default;
$splitbar-horizontal-last-bar-margin: 0 3px !default;
$splitbar-horizontal-bar-margin: 0 0 0 3px !default;
$split-bar-vertical-navigate-arrow-padding: 10px 3px 10px 18px !default;
$split-bar-horizontal-navigate-arrow-left-margin-left: -26px !default;
$splitbar-vertical-last-bar-margin: 3px 0 !default;
$splitbar-vertical-bar-margin: 3px 0 0 !default;
$splitter-navigate-arrow-left: 5px !default;
$splitter-navigate-arrow-right: 5px !default;
$splitter-horizontal-navigate-arrow-right: 8px !default;
$splitter-navigate-arrow-transform-origin-before: 1px 7px 0 !default;
$splitter-navigate-arrow-top-before: 5px !default;
$splitter-navigate-arrow-transform-origin-after: 1px 1px 0 !default;
$splitter-navigate-arrow-top-after: 11px !default;
$splitter-navigate-arrow-width: 2px !default;
$splitter-navigate-right-arrow-left: 8px !default;
$splitter-navigate-right-arrow-right: 3px !default;
$splitter-vertical-navigate-arrow-topbottom: 20px !default;
$splitter-vertical-navigate-arrow-left: 22px !default;
$splitter-vertical-navigate-arrow-up-top-before: 3px !default;
$splitter-vertical-navigate-arrow-up-transform-origin-before: 2px 7px 0 !default;
$splitter-vertical-navigate-arrow-up-top-after: 8px !default;
$splitter-vertical-navigate-arrow-up-transform-origin-after: 1px 1px 0 !default;
$splitter-vertical-navarrow-up-left: 10px !default;
$splitter-vertical-navarrow-up-left-after: 11px !default;
$splitter-vertical-navigate-arrow-down-left-after: 10px !default;
$splitter-vertical-navigate-arrow-down-top-after: 12px !default;
$splitter-vertical-navarrow-transform-origin-after: 1px 2px 0 !default;
$splitter-vertical-navigate-arrow-down-left-before: 12px !default;
$splitter-vertical-navigate-arrow-down-top-before: 8px !default;
$splitter-vertical-navarrow-transform-origin-before: 1px 6px 0 !default;
$splitter-vertical-nav-arrow-width: 26px !default;

//Layout Variables End

//Theme Variables Start
$navigation-arrow-background: $transparent !default;
$navigation-icon-background-hover: $primary !default;
$navigation-icon-border-hover: $primary !default;
$splitter-border-color: $border-light !default;
$splitter-background-color: $primary-text-color !default;
$splitpane-font-color: $content-text-color !default;
$splitbar-border-color: $border-light !default;
$splitbar-hover-border-color: $primary !default;
$resize-icon-hover-color: $splitbar-hover-border-color !default;
$splitbar-icon-color: $icon-color !default;
$collapse-icon-bg-color: $primary-text-color !default;
$resize-icon-bg-color: $content-bg-color !default;
$split-bar-border-left: none !default;
$split-bar-border-right: none !default;
$split-bar-hover-border-left: none !default;
$split-bar-hover-border-right: none !default;

//Theme Variables End