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

// adduse


$speed-dial-action-bg: null !default;
$speed-dial-action-hover-bg: null !default;
$speed-dial-action-active-bg: null !default;
$speed-dial-action-color: $base-text-color !default;
$speed-dial-action-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12) !default;
$speed-dial-action-label-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !default;
$speed-dial-action-shading-color: $overlay-shader-bg !default;


@if $mode == "light" {
  $speed-dial-action-bg: $base-bg !default;
  $speed-dial-action-hover-bg: darken($speed-dial-action-bg, 8%) !default;
  $speed-dial-action-active-bg: darken($speed-dial-action-bg, 36%) !default;
}

@if $mode == "dark" {
  $speed-dial-action-bg: color.change($base-bg, $alpha: 1) !default;
  $speed-dial-action-hover-bg: lighten($speed-dial-action-bg, 8%) !default;
  $speed-dial-action-active-bg: lighten($speed-dial-action-bg, 36%) !default;
}