:root {
    --is-dark-theme: true;
    --color-primary: #00d4ff; 
    --color-primary-contrast: #000000;
    --color-primary-dark-1: #00b8e6;
    --color-primary-dark-2: #0099bf;
    --color-primary-alpha-10: rgba(0, 212, 255, 0.1);
    --color-primary-alpha-20: rgba(0, 212, 255, 0.2);
    --color-primary-alpha-40: rgba(0, 212, 255, 0.4);
    --color-secondary: #7f007f;
    --color-secondary-dark-1: #660066;
    --color-red: #ff0000;
    --color-orange: #ff9900;
    --color-yellow: #00d4ff;
    --color-green: #00ff00;
    --color-purple: #7f007f;
    --color-body: #000000;
    --color-box-header: #050505;
    --color-box-body: #000000;
    --color-footer: #000000;
    --color-navbar: #000000;
    --color-nav-bg: #000000;
    --color-nav-hover-bg: #0a0a0a;
    --color-menu: #050505;
    --color-card: #050505;
    --color-text: #ffffff;
    --color-text-light: #cccccc;
    --color-input-background: #020202;
    --color-input-border: #7f007f;
    --color-input-border-hover: #00d4ff;
    --color-border: #bf00ff !important; 
    --color-shadow: #000000;
    color-scheme: dark;
}

.ui.action.input, 
.ui.input.search,
.repository .ui.segment.control, 
.repository.pulls .ui.segments .segment,
.ui.segment.explore-search,
.ui.segment.milestone-search,
.ui.segment.repository-search {
    border: 2px solid #bf00ff !important;
    background: #050505 !important;
    box-shadow: 0 0 10px rgba(191, 0, 255, 0.3) !important;
    border-radius: 4px !important;
    overflow: hidden;
}

.ui.action.input input, .ui.input.search input, .ui.form .field input {
    border: none !important;
    background: transparent !important;
}

.ui.segments {
    border: none !important;
}

.ui.segments > .segment,
.ui.segments > .header {
    border: 2px solid #bf00ff !important;
    border-radius: 4px;
}

.dashboard .right.stackable.secondary.menu,
.ui.vertical.menu.filter-menu {
    border: 3px solid #bf00ff !important;
    background: #050505 !important;
    border-radius: 6px;
    box-shadow: 0 0 15px rgba(191, 0, 255, 0.4) !important;
}

.ui.vertical.menu .item {
    border-bottom: 1px solid rgba(191, 0, 255, 0.6) !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.ui.vertical.menu .item:hover {
    background: rgba(0, 212, 255, 0.1) !important;
    color: #00d4ff !important;
}

.ui.vertical.menu .active.item {
    border-left: 5px solid #00d4ff !important;
    background: rgba(0, 212, 255, 0.2) !important;
    text-shadow: 0 0 8px rgba(0, 212, 255, 0.6);
}

.ui.primary.button {
    background-color: #00d4ff !important;
    color: #000000 !important;
}

.ui.primary.button:hover {
    background-color: #bf00ff !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(191, 0, 255, 0.6) !important;
}

a { color: #00d4ff !important; }
a:hover { color: #bf00ff !important; }

::-webkit-scrollbar-thumb { background: #00d4ff; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #bf00ff; }

.chroma .k { color: #bf00ff; }
.chroma .s { color: #00d4ff; }

.ui.footer .right.floated.icon {
    color: #00d4ff !important;
}