.menu-items-container.energy * {
  font-size: $font-size * $bar-menus-menu-battery-scaling * 0.01;
}

.menu-items.energy {
  background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-battery-background-color);
  border-color: if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-battery-border-color);
  opacity: $bar-menus-opacity * 0.01;
  font-size: $font-size * $bar-menus-menu-battery-scaling * 0.01;
}

@import "./menu.scss";

.menu-items-container.energy {
  min-width: 18em * $bar-menus-menu-battery-scaling * 0.01;

  .menu-label {
    color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-battery-label-color);
  }

  .menu-label-container {
    background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-battery-card-color);
  }


  .menu-items-section {
    background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-battery-card-color);
  }

  .power-profile-item {
    color: if($bar-menus-monochrome, $bar-menus-listitems-passive, $bar-menus-menu-battery-listitems-passive);
    margin-bottom: 0.5em;

    label {
      margin-left: 1em;
    }

    image {
      font-size: 1.3em;
      min-width: 1em;
      min-height: 1em;
      color: if($bar-menus-monochrome, $bar-menus-icons-passive, $bar-menus-menu-battery-icons-passive);
    }

    &:hover {
      color: if($bar-menus-monochrome, $bar-menus-listitems-active, $bar-menus-menu-battery-listitems-active);

      label {
        color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-battery-icons-active);
      }

      image {
        color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-battery-icons-active);
      }
    }

    &.active {
      color: if($bar-menus-monochrome, $bar-menus-listitems-active, $bar-menus-menu-battery-listitems-active);

      image {
        color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-battery-icons-active);
      }
    }
  }

  .brightness-container {
    padding-bottom: 1em;
  }

  .brightness-slider-icon {
    font-size: 1.4em;
    min-width: 1em;
    min-height: 1em;
    color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-battery-icons-active);
  }

  .brightness-slider-label {
    color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-battery-text);
    font-size: 0.9em;
    min-width: 2.5em;
    font-weight: bold;
    margin-bottom: 0.2em;
  }

  .menu-slider.brightness {
    trough {
      background: if($bar-menus-monochrome, $bar-menus-slider-background, $bar-menus-menu-battery-slider-background);

      highlight,
      progress {
        background: if($bar-menus-monochrome, $bar-menus-slider-primary, $bar-menus-menu-battery-slider-primary);
      }
    }

    &:hover {
      trough {
        background: if($bar-menus-monochrome, $bar-menus-slider-backgroundhover, $bar-menus-menu-battery-slider-backgroundhover);
      }

      slider {
        background: if($bar-menus-monochrome, $bar-menus-slider-puck, $bar-menus-menu-battery-slider-puck);
      }
    }
  }
}
