/* Antergos NeXT dark theme */
:root {
  --antergos-bg: #20252B;
  --antergos-surface: #2a3038;
  --antergos-border: #3a4048;
  --antergos-text: #e0e0e0;
  --antergos-text-secondary: #a0a8b0;
  --antergos-accent: #4A9EFF;
  --antergos-accent-dark: #213F85;
  --antergos-hover: #343c44;

  --color-menu: #20252B;
  --color-text: #e0e0e0;
  --color-text-dark: #ffffff;
  --color-text-light: #c0c0c0;
  --color-text-light-1: #a0a8b0;
  --color-text-light-2: #a0a8b0;
  --color-text-light-3: #80858f;
  --color-hover: #343c44;
  --color-active: #2a3038;
  --color-shadow: rgba(0,0,0,0.5);
  --color-secondary: #3a4048;
  --color-nav-text: #e0e0e0;
  --color-label-text: #e0e0e0;
  --color-placeholder-text: #80858f;
  --color-caret: #ffffff;
  --color-input-text: #e0e0e0;
  --color-input-background: #2a3038;
  --color-input-border: #3a4048;
  --color-nav-bg: #20252B;
  --color-body: #20252B;
  --color-box-header: #2a3038;
  --color-box-body: #20252B;
  --color-box-body-highlight: #2a3038;
  --color-card: #2a3038;
  --color-code-bg: #161718;
  --color-tooltip-bg: #2a3038;
  --color-tooltip-text: #e0e0e0;
}

body {
  background: var(--antergos-bg) !important;
  color: var(--antergos-text) !important;
}

/* Top navbar */
#navbar {
  background: var(--antergos-bg) !important;
  border-bottom: 1px solid var(--antergos-border) !important;
}

#navbar .navbar-left,
#navbar .navbar-right {
  background: transparent !important;
}

#navbar .item {
  color: var(--antergos-text-secondary) !important;
}

#navbar .item:hover {
  background: var(--antergos-hover) !important;
  color: var(--antergos-text) !important;
}

#navbar .item.active {
  background: var(--antergos-surface) !important;
  color: var(--antergos-accent) !important;
}

/* All menus opaque */
.ui.menu,
.ui.vertical.menu,
.ui.pointing.menu,
.ui.dropdown .menu,
.ui.compact.menu,
.ui.inverted.menu {
  background: var(--antergos-bg) !important;
  border-color: var(--antergos-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ui.menu .item,
.ui.vertical.menu .item,
.ui.pointing.menu .item,
.ui.dropdown .menu .item {
  color: var(--antergos-text-secondary) !important;
  border-color: var(--antergos-border) !important;
  background: transparent !important;
}

.ui.menu .item:hover,
.ui.vertical.menu .item:hover,
.ui.dropdown .menu .item:hover {
  background: var(--antergos-hover) !important;
  color: var(--antergos-text) !important;
}

.ui.menu .active.item,
.ui.vertical.menu .active.item {
  background: var(--antergos-surface) !important;
  color: var(--antergos-accent) !important;
  border-color: var(--antergos-accent-dark) !important;
}

/* Dropdown menus */
.ui.dropdown .menu {
  background: var(--antergos-surface) !important;
  border: 1px solid var(--antergos-border) !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
}

.ui.dropdown .menu .item {
  color: var(--antergos-text) !important;
}

.ui.dropdown .menu .item:hover {
  background: var(--antergos-hover) !important;
}

/* Sidebar */
.ui.vertical.menu {
  background: var(--antergos-bg) !important;
  border-right: 1px solid var(--antergos-border) !important;
}

/* Header / page header menus */
.ui.tabular.menu {
  background: var(--antergos-bg) !important;
  border-bottom: 1px solid var(--antergos-border) !important;
}

.ui.tabular.menu .item {
  color: var(--antergos-text-secondary) !important;
  border-color: var(--antergos-border) !important;
}

.ui.tabular.menu .active.item {
  color: var(--antergos-accent) !important;
  border-color: var(--antergos-accent) !important;
  background: transparent !important;
}

/* Links */
a {
  color: var(--antergos-accent) !important;
}

a:hover {
  color: var(--antergos-accent-dark) !important;
}

/* Cards / panels */
.ui.card,
.ui.segment,
.ui.raised.segment {
  background: var(--antergos-surface) !important;
  border-color: var(--antergos-border) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}

/* Navbar logo size */
#navbar-logo img {
  width: 40px !important;
  height: 40px !important;
}

/* Footer */
.ui.footer.segment {
  background: var(--antergos-bg) !important;
  border-top: 1px solid var(--antergos-border) !important;
  color: var(--antergos-text-secondary) !important;
}

/* Dropdown icon fix */
.ui.dropdown .dropdown.icon {
  color: var(--antergos-text-secondary) !important;
}

/* Search */
.ui.search > .input {
  background: var(--antergos-surface) !important;
  border-color: var(--antergos-border) !important;
  color: var(--antergos-text) !important;
}

/* Buttons */
.ui.button.primary,
.ui.primary.button,
.ui.buttons .primary.button {
  background: var(--antergos-accent) !important;
  color: #fff !important;
}

.ui.button.primary:hover,
.ui.primary.button:hover {
  background: var(--antergos-accent-dark) !important;
}

.ui.basic.button {
  color: var(--antergos-accent) !important;
  border-color: var(--antergos-border) !important;
}

/* Tables */
.ui.table {
  background: var(--antergos-bg) !important;
  border-color: var(--antergos-border) !important;
}

.ui.table thead th {
  background: var(--antergos-surface) !important;
  color: var(--antergos-text-secondary) !important;
}

.ui.table tbody tr {
  border-color: var(--antergos-border) !important;
}

.ui.table tbody tr:hover {
  background: var(--antergos-hover) !important;
}

/* Forms */
.ui.form input,
.ui.form textarea,
.ui.form select {
  background: var(--antergos-surface) !important;
  border-color: var(--antergos-border) !important;
  color: var(--antergos-text) !important;
}

/* Repo list / explore */
.repo-list .repo-name,
.repository-list .repo-name,
.explore-repo .repo-name {
  color: var(--antergos-accent) !important;
}

/* Issue / PR labels */
.ui.label {
  background: var(--antergos-surface) !important;
  border-color: var(--antergos-border) !important;
  color: var(--antergos-text-secondary) !important;
}

/* Markdown content */
.markdown,
.ui.message {
  background: var(--antergos-bg) !important;
  color: var(--antergos-text) !important;
}

/* Pagination */
.ui.pagination.menu {
  background: transparent !important;
}

/* Avatar borders */
.ui.avatar.image {
  border: 2px solid var(--antergos-border) !important;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: var(--antergos-bg);
}
::-webkit-scrollbar-thumb {
  background: var(--antergos-border);
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--antergos-hover);
}