:root {
  --color-primary: #ffffff;
  --color-primary-dark-1: #e6e6e6;
  --color-primary-dark-2: #d6d6d6;
  --color-primary-dark-3: #c8c8c8;
  --color-primary-dark-4: #b8b8b8;
  --color-primary-dark-5: #a8a8a8;
  --color-primary-dark-6: #888888;
  --color-primary-dark-7: #666666;

  --color-primary-light-1: #ffffff;
  --color-primary-light-2: #f2f2f2;
  --color-primary-light-3: #e6e6e6;
  --color-primary-light-4: #d6d6d6;
  --color-primary-light-5: #c8c8c8;
  --color-primary-light-6: #b8b8b8;
  --color-primary-light-7: #a8a8a8;

  --color-body: #000000;
  --color-box-header: #050505;
  --color-box-body: #050505;
  --color-box-body-highlight: #080808;
  --color-text: #ffffff;
  --color-text-light: #d6d6d6;
  --color-text-light-1: #b8b8b8;
  --color-text-light-2: #999999;
  --color-text-light-3: #777777;
  --color-footer: #000000;
  --color-timeline: #1a1a1a;
  --color-input-background: #050505;
  --color-input-border: #1a1a1a;
  --color-input-text: #ffffff;
  --color-navbar: #000000;
  --color-navbar-transparent: #000000;
  --color-header-wrapper: #000000;
  --color-menu: #050505;
  --color-card: #050505;
  --color-markup-table-row: #050505;
  --color-markup-table-row-alt: #080808;
  --color-button: #080808;
  --color-code-bg: #050505;
  --color-code-sidebar-bg: #000000;
  --color-diff-added-row-bg: #071107;
  --color-diff-removed-row-bg: #160707;
  --color-diff-added-word-bg: #0d220d;
  --color-diff-removed-word-bg: #2a0d0d;
  --color-secondary: #111111;
  --color-secondary-dark-1: #1a1a1a;
  --color-secondary-dark-2: #242424;
  --color-secondary-dark-3: #2e2e2e;
  --color-secondary-dark-4: #383838;
  --color-secondary-light-1: #1a1a1a;
  --color-secondary-light-2: #242424;
  --color-secondary-light-3: #2e2e2e;
  --color-secondary-light-4: #383838;
  --color-shadow: #000000;
  --color-label-bg: #0a0a0a;
  --color-label-text: #d6d6d6;
  --color-accent: #ffffff;
}

html,
body {
  background: #000000 !important;
}

body {
  color: #ffffff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

a {
  color: #d6d6d6;
}

a:hover {
  color: #ffffff;
}

.ui.menu,
.ui.vertical.menu,
.ui.secondary.menu,
.ui.tabular.menu,
.ui.attached.header,
.ui.segment,
.ui.segments,
.repository.file.list,
.repository .diff-detail-box,
.repository .header-wrapper,
.page-content .ui.box,
.ui.message,
.ui.table {
  background: #050505 !important;
  border-color: #1a1a1a !important;
  box-shadow: none !important;
}

.ui.header,
.ui.card > .content > .header,
.repository.name,
.repo-title,
.markup h1,
.markup h2,
.markup h3 {
  color: #ffffff !important;
  font-weight: 400 !important;
}

.ui.button,
.ui.basic.button,
.ui.buttons .button {
  background: #080808 !important;
  color: #d6d6d6 !important;
  border: 1px solid #1a1a1a !important;
  box-shadow: none !important;
}

.ui.button:hover,
.ui.basic.button:hover,
.ui.buttons .button:hover {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

input,
textarea,
.ui.input input,
.ui.form input,
.ui.form textarea,
.ui.dropdown,
.ui.selection.dropdown {
  background: #050505 !important;
  color: #ffffff !important;
  border-color: #1a1a1a !important;
}

input:focus,
textarea:focus,
.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
  border-color: #ffffff !important;
}

code,
pre,
.chroma,
.markup code,
.markup pre {
  background: #050505 !important;
  color: #d6d6d6 !important;
  border-color: #1a1a1a !important;
}

.repository.file.list #repo-files-table tbody tr:hover,
.ui.table tbody tr:hover {
  background: #080808 !important;
}

.repository.file.list #repo-files-table .commit-list a,
.commit-summary,
.commit-list .message-wrapper {
  color: #d6d6d6 !important;
}

.label,
.ui.label {
  background: #0a0a0a !important;
  color: #d6d6d6 !important;
  border-color: #1a1a1a !important;
}

footer,
.page-footer {
  background: #000000 !important;
  color: #555555 !important;
  border-color: #111111 !important;
}

::selection {
  background: #ffffff;
  color: #000000;
}
