// https://gitlab.gnome.org/GNOME/gtk/-/blob/gtk-3-24/gtk/theme/Adwaita/_colors-public.scss
$fg-color: #{"@theme_fg_color"};
$bg-color: #{"@theme_bg_color"};
$corner-size: 7;
$notch-color: #222;

window.Bar {
  background: transparent;
  color: $fg-color;
  /* font-weight: bold; */
  font-size: 25px;

  >centerbox {
    background: $bg-color;
    border-radius: 10px;
  }

  button {
    border-radius: 8px;
    margin: 2px;
  }

  .AudioSlider {
    min-width: 200px;
  }

  .Workspaces {
    background-color: black;
    margin: 0 60px 10px 60px;
    border-radius: 0 0 20px 20px;

    button {
      all: unset;
      color: white;

      &.focused {
        color: red;
        border-color: blue;
      }

      label {
        transition: 200ms;
        padding: 0 8px;
        margin: 2px;
        border-radius: 10px;
        border: 1pt solid transparent;
      }

      &:hover label {
        background-color: blue;
        border-color: $bg-color;
      }

      &:active label {
        background-color: green;
        border-color: red;
      }

    }
  }
}