$splitter-resize-handle-color: getCustomVar(("$splitter-resize-handle-color")) !default;
$splitter-resize-handle-bg: getCustomVar(("$splitter-resize-handle-bg")) !default;
$splitter-resize-handle-bg-hover: getCustomVar(("$splitter-resize-handle-bg-hover")) !default;
$splitter-resize-handle-bg-focused: getCustomVar(("$splitter-resize-handle-bg-focused")) !default;
$splitter-resize-handle-color-hover: getCustomVar(("$splitter-resize-handle-color-hover")) !default;
$splitter-resize-handle-color-focused: getCustomVar(("$splitter-resize-handle-color-focused")) !default;

@use "sass:color";
@use "../sizes" as *;
@use "../colors" as *;

// adduse
$splitter-resize-handle-color: null !default;
$splitter-resize-handle-bg: null !default;
$splitter-resize-handle-bg-hover: null !default;
$splitter-resize-handle-bg-focused: $base-accent !default;

@if $mode == 'light' {
  $splitter-resize-handle-color: $base-text-color !default;

  $splitter-resize-handle-bg: $base-hover-bg !default;
  $splitter-resize-handle-bg-hover: color.change($base-inverted-bg, $alpha: 0.12) !default;
}

@if $mode == 'dark' {
  $splitter-resize-handle-color: color.change($base-text-color, $alpha: 0.87) !default;

  $splitter-resize-handle-bg: color.change($base-text-color, $alpha: 0.04) !default;
  $splitter-resize-handle-bg-hover: color.change($base-text-color, $alpha: 0.12) !default;
}
$splitter-resize-handle-color-hover: $splitter-resize-handle-color !default;
$splitter-resize-handle-color-focused: $base-inverted-text-color !default;
$never-used: collector((
"$splitter-resize-handle-color": $splitter-resize-handle-color,
"$splitter-resize-handle-bg": $splitter-resize-handle-bg,
"$splitter-resize-handle-bg-hover": $splitter-resize-handle-bg-hover,
"$splitter-resize-handle-bg-focused": $splitter-resize-handle-bg-focused,
"$splitter-resize-handle-color-hover": $splitter-resize-handle-color-hover,
"$splitter-resize-handle-color-focused": $splitter-resize-handle-color-focused,
));