// https://gitlab.gnome.org/GNOME/gtk/-/blob/gtk-3-24/gtk/theme/Adwaita/_colors-public.scss
@use 'sass:color';

@import "themes/catpuccin.scss";

window.Bar {
    background: transparent;
    color: $ctp-text;

    >centerbox {
        background: $ctp-base;
        border-radius: 5px;
        margin: 8px;
        padding: 8px;
    }
}

.Time {
  background: $ctp-surface-0;
  border-radius: 5px;

  >.icon {
    background: $ctp-red;
    color: $ctp-surface-0;
    padding: 6px 8px;
    font-size: 18px;
  }

  &.icon-left>.icon {
    border-radius: 5px 0 0 5px;
  }
  &.icon-right>.icon {
    border-radius: 0 5px 5px 0;
  }
  >.label {
    padding: 0 8px;
    font-size: 16px;
  }
}

.Workspaces {
  background: $ctp-surface-0;
  border-radius: 5px;

  >.icon {
    background: $ctp-blue;
    color: $ctp-surface-0;
    padding: 6px 8px;
    font-size: 18px;
  }

  &.icon-left>.icon {
    border-radius: 5px 0 0 5px;
  }
  &.icon-right>.icon {
    border-radius: 0 5px 5px 0;
  }

  >.labels {
    padding: 0 8px;
    font-size: 16px;

    button {
      all: unset;

      &.add {
        font-size: 12px;
        margin-left: 4px;
      }
    }
  }
}

.Systray {
  background: $ctp-surface-0;
  border-radius: 5px;

  >.icon {
    background: $ctp-green;
    color: $ctp-surface-0;
    padding: 4px 8px 0 8px;
    font-size: 20px;
    border-radius: 5px 0 0 5px;
  }

  &.icon-left>.icon {
    border-radius: 5px 0 0 5px;
  }
  &.icon-right>.icon {
    border-radius: 0 5px 5px 0;
  }

  >.item {
    all: unset;
    padding: 8px 8px;
  }
}