@use '../core/theming/color-utility' as utility;

@mixin theme($theme) {
  .uxg-toolbar {
    background: var(--fds-surface);
    .uxg-toolbar-icon-menu {
      color: var(--fds-on-surface-medium);
    }

    &.mat-primary {
      .mat-mdc-icon-button {
        color: utility.get-color-from-token(on-primary, null, $theme);
      }

      .uxg-toolbar-icon-menu {
        color: utility.get-color-from-token(on-primary, 0.38, $theme);
      }
    }
  }
}