[data-nav-item] {
  border-radius: 10rem !important;
  --themable-button-bg: var(--text-color);
  --themable-button-text: var(--main-color);
  --themable-button-hover-bg: var(--text-color);
  --themable-button-hover-text: var(--bg-color);
}

[data-nav-item="alerts"],
[data-ui-element="navAvatar"] {
  & [data-ui-element="notificationBubble"] {
    box-shadow: none;
    background: var(--bg-color);
  }
}

[data-ui-element="userLevel"] {
  --themable-flash-color: var(--text-color);
  --themable-bg-color: var(--bg-color);
  --themable-text-color: var(--main-color);
  --themable-hover-bg-color: var(--bg-color);
}

body.crtmode [data-nav-item] {
  box-shadow:
    3px 0 1px var(--crt-text-color-glow),
    -3px 0 var(--crt-text-color-glow),
    0 0 3px;
}

header[data-focused] {
  [data-nav-item="test"],
  [data-nav-item="leaderboards"],
  [data-nav-item="about"],
  [data-nav-item="settings"] {
    /* --themable-button-bg: var(--sub-color); */
    --nav-focus-opacity: 0.5;
  }
}
