:root {
    --color-primary-light-4: #fff4d1 !important;
    --color-primary-light-3: #ffeb99 !important;
    --color-primary-light-2: #ffe16b !important;
    --color-primary-light-1: #f9d852 !important;
    --color-primary: #f1c40f !important;
    --color-primary-dark-1: #d4ac0d !important;
    --color-primary-dark-2: #b59000 !important;
    --color-primary-dark-4: #8a6d00 !important;
    --color-primary-contrast: #1a1a1a !important;
    --color-primary-light-5: #fff9e6 !important;
    --color-primary-light-6: #fffcf0 !important;
    --color-primary-light-7: #fffaeb !important;
    --color-body: #111111 !important;
    --color-main-wrapper: #111111 !important;
    --color-secondary: #f9d852 !important;
    --color-secondary-dark-1: #f1c40f !important;
    --color-secondary-bg: #1a1a1a !important;
    --color-primary-hover: #f39c12 !important;
    --color-primary-active: #d4ac0d !important;
    --color-active: rgba(241, 196, 15, 0.25) !important;
    --color-hover: rgba(241, 196, 15, 0.15) !important;
}

#navbar-logo img {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") !important;
    background-image: url("https://i.redd.it/shbguecr5m631.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 30px !important;
    height: 30px !important;
}

.svg.octicon-bell,
.svg.octicon-plus,
.svg.octicon-triangle-down,
.svg.octicon-stopwatch,
.svg.octicon-three-bars,
.svg.octicon-repo,
.svg.octicon-lock,
#mobile-notifications-icon .svg,
.navbar-right .svg,
.navbar-left .svg {
    fill: var(--color-primary) !important;
    color: var(--color-primary) !important;
}

.ui.menu .active.item,
.ui.menu .item:hover,
.ui.secondary.menu .active.item,
.ui.secondary.menu .item:hover {
    color: var(--color-primary) !important;
    background: var(--color-active) !important;
    border-left: 3px solid var(--color-primary) !important;
}

.dashboard .dashboard-repos .repo-owner-name-list .item.active {
    background-color: var(--color-active) !important;
    color: var(--color-primary) !important;
}

.ui.primary.button,
.ui.primary.buttons .button,
.ui.label.primary,
.ui.primary.label,
.ui.accent.label {
    background-color: var(--color-primary) !important;
    color: #000 !important;
}

.user-heatmap .grade-1 {
    fill: var(--color-primary-light-3) !important;
}
.user-heatmap .grade-2 {
    fill: var(--color-primary-light-2) !important;
}
.user-heatmap .grade-3 {
    fill: var(--color-primary-light-1) !important;
}
.user-heatmap .grade-4 {
    fill: var(--color-primary) !important;
}

.ui.pointing.menu .active.item:after {
    background-color: var(--color-primary) !important;
}
.ui.pointing.menu .active.item {
    border-bottom: 2px solid var(--color-primary) !important;
}