/* 1. Import the built-in dark mode foundation so NO white is left */
/* @import url('theme-gitea-dark.css'); */

/* 2. Apply your custom minimalist aesthetic on top */
:root {
    /* Core Backgrounds (Deep Black/Gray) */
    --color-body: #000000 !important;
    --color-box-body: #000000 !important;
    --color-box-header: #000001 !important;
    --color-footer: #000000 !important;
    
    /* Top Navigation Bar Fix */
    --color-nav-bg: #161b22 !important;
    --color-nav-hover-bg: #30363d !important;
    
    /* Your Signature Light Green Accents */
    --color-primary: #90ee90 !important;
    --color-primary-dark-1: #7ccd7c !important;
    --color-primary-active: #b1ffb1 !important;
    --color-primary-hover: #a8f0a8 !important;
    
    /* Text Colors */
    --color-text: #c9d1d9 !important;
    --color-text-light: #8b949e !important;
}

/* 3. Button and Link Styling */
.ui.primary.button, 
.ui.primary.label, 
.ui.primary.buttons .button {
    background-color: var(--color-primary) !important;
    color: #000000 !important; /* Black text on green */
    font-weight: bold !important;
}

a, .ui.breadcrumb a {
    color: var(--color-primary) !important;
}
a:hover, .ui.breadcrumb a:hover {
    color: var(--color-primary-active) !important;
}

/* Fix stubborn white input boxes and text areas */
:root {
    --color-input-background: #000000 !important;
    --color-input-text: #c9d1d9 !important;
    --color-input-border: #30363d !important;
    --color-input-border-hover: #90ee90 !important; /* Light Green glow on click */
}

/* Hard override for all Fomantic UI inputs */
.ui.input > input,
.ui.form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
textarea,
.ui.selection.dropdown {
    background-color: var(--color-input-background) !important;
    color: var(--color-input-text) !important;
    border: 1px solid var(--color-input-border) !important;
}

/* Make the border glow light green when you are typing! */
.ui.input > input:focus,
.ui.form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
.ui.selection.dropdown:focus {
    border-color: var(--color-input-border-hover) !important;
    box-shadow: none !important;
}

/* Fix white table rows and settings menu items */
.ui.table, 
.ui.attached.table,
.ui.menu .item,
.ui.secondary.menu .item,
.ui.tabular.menu .item,
.ui.segment,
.ui.attached.segment {
    background-color: #000000 !important;
    color: var(--color-text) !important;
    border-color: var(--color-border) !important;
}

/* Fix the 'active' or 'hover' states in the menu so they aren't white */
.ui.menu .active.item,
.ui.menu .item:hover,
.ui.tabular.menu .active.item {
    background-color: #161b22 !important; /* Slightly lighter black for contrast */
    color: var(--color-primary) !important;
}

/* Fix the background of the User Settings headers */
.user.settings .ui.header {
    background-color: #000000 !important;
    color: var(--color-primary) !important;
}

/* Final cleanup for dropdowns and dashboard switchers */
.ui.dropdown .menu,
.ui.dropdown .menu > .item,
.ui.dropdown .menu > .header,
.ui.secondary.menu .dropdown.item > .menu,
.dashboard-context-menu {
    background-color: #000000 !important;
    color: var(--color-text) !important;
    border: 1px solid var(--color-border) !important;
}

/* Fix the 'Switch Dashboard Context' text color */
.ui.dropdown .menu > .header {
    color: var(--color-primary) !important;
}

/* Hover effect for items in the dropdown */
.ui.dropdown .menu > .item:hover {
    background-color: #161b22 !important; /* Slight gray so you can see the selection */
    color: var(--color-primary) !important;
}

/* Fix for the white divider lines in menus */
.ui.dropdown .menu > .divider {
    border-top: 1px solid var(--color-border) !important;
}

/* Force the entire Top Bar and its buttons to blend into #000000 */
.ui.menu, 
.ui.top.menu, 
.full.height .following.bar,
#navbar,
.item.active,
.ui.menu .item {
    background-color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Remove the grey 'clickable area' boxes around the icons */
.ui.menu .item:before {
    display: none !important; /* Removes the vertical divider lines */
}

/* Make the buttons (Bell, Menu, etc.) blend perfectly */
.ui.menu .item > i.icon,
.ui.menu .item > .svg {
    background-color: transparent !important;
}

/* Only show a subtle change when hovering, so it still feels functional */
.ui.menu .item:hover,
.ui.menu .dropdown.item:hover {
    background-color: #111111 !important; /* Almost black, just enough to see the click */
    color: #90ee90 !important;
}