@import "../../library/entry.scss";

$red: $color1;
$green: $color2;
$orange: $color3;
$yellow: $color4;

$dim: rgba($background, 0.75);


* {
	font-family: "JetBrainsMono Nerd Font";
	font-weight: bold;
	min-height: 0;
	/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
	font-size: 100%;
	font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';

  border-radius: $border-radius;
}

window {
  background: $background;
  color: $foreground;
  transition-property: background-color;
  transition-duration: 0.5s;
}

window.semi-hidden {
  background-color: transparent;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;

  & > box > box > widget {
    border-radius: $border-radius;

    background-color: $background;
    border: 1px solid $border-color;
    box-shadow: $box-shadow-inner-less;
  }

  .hidden {
    opacity: 0;
  }
}

#taskbar button,
#workspaces button {
  color: $foreground;
}

#taskbar button.active,
#workspaces button.active {
  border-bottom: 1px solid $green;
}

#taskbar button.urgent,
#workspaces button.urgent {
  border-bottom: 2px solid $orange;
}

#submap {
  border-bottom: 1px solid $red;
}

@import "./_modules.scss";
