keycloak-theme/common/resources/scss/header.scss

.ps-header {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;

  &--title {
    font-size: 1.5rem;
    padding: 0 1rem;
    margin: 0;
    border-bottom: 0.5rem solid var(--foreground);
    background-color: var(--background);
    border-right: 0.5rem solid var(--foreground);
    pointer-events: all;
  }

  &--nav {
    margin-left: auto;
    display: flex;
    border-bottom: 0.5rem solid var(--foreground);
    border-left: 0.5rem solid var(--foreground);
    background-color: var(--background);
    padding-left: 1rem;
    pointer-events: all;
  }

  &--nav-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  &--nav-item {
    margin: 0;
    margin-right: 1rem;
    &-action {
      color: var(--foreground);
      text-decoration: none;
   
      &:hover {
        color: var(--accent);
      }
    }
  }
}