@use "sass:map";

@use "../../../mixins" as *;
@use "../../../utils" as *;
@use "../../palette" as *;
@use "../../text" as *;

$toggle-default-accent: (
  "dark": (
    "border": rgba(#000, 0.36),
    "icon-fg": rgba(#fff, 1),
    "fg": fg(muted, dark),
    "bg": (
      "active": pcolor(blue, 3),
      "inactive": #bebebe,
    ),
  ),
  "light": (
    "border": rgba(#000, 0.36),
    "icon-fg": rgba(#fff, 1),
    "fg": fg(muted, light),
    "bg": (
      "active": pcolor(blue, 3),
      "inactive": #bebebe,
    ),
  ),
) !default;

@function map-to-toggle($theme, $accent, $colors) {
  $bg: map.get($colors, "bg");

  @return (
    "bg": (
      "inactive": #bebebe,
      "active": $bg,
    )
  );
}
