.nexus-git-theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border-radius: 8px;
  border: 1px solid var(--ng-toggle-rim, #30363d);
  background: var(--ng-toggle-bg, #21262d);
}

.nexus-git-theme-btn {
  appearance: none;
  border: none;
  background: transparent;
  color: var(--ng-toggle-fg, #8b949e);
  font-size: 15px;
  line-height: 1;
  width: 32px;
  height: 28px;
  border-radius: 6px;
  cursor: pointer;
  padding: 0;
}

.nexus-git-theme-btn:hover {
  color: var(--ng-toggle-fg-hover, #e6edf3);
  background: var(--ng-toggle-hover, #30363d);
}

.nexus-git-theme-btn.is-active {
  color: var(--ng-toggle-active-fg, #fff);
  background: var(--ng-toggle-active, #388bfd);
}

html[data-theme="nexus-light"] .nexus-git-theme-toggle {
  --ng-toggle-rim: #d0d7de;
  --ng-toggle-bg: #f6f8fa;
  --ng-toggle-fg: #656d76;
  --ng-toggle-fg-hover: #1f2328;
  --ng-toggle-hover: #eaeef2;
  --ng-toggle-active: #0969da;
  --ng-toggle-active-fg: #fff;
}

.nexus-git-login-page .nexus-git-theme-slot {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 1000;
}

.ng-land-header-actions .nexus-git-theme-toggle {
  margin-left: 8px;
}

#navbar .navbar-right .nexus-git-theme-slot {
  display: flex;
  align-items: center;
  padding: 0 8px;
}