User:MasDhany/minerva.css: Difference between revisions – Wikipedia

@media (prefers-color-scheme: dark) {

    /* Base */
    body.skin-minerva {
        background-color: #0f0f0f !important;
        color: #e6e6e6 !important;
    }

    /* Core layout containers */
    body.skin-minerva .content,
    body.skin-minerva .mw-body,
    body.skin-minerva .mw-body-content,
    body.skin-minerva .mw-parser-output,
    body.skin-minerva .mw-content-ltr,
    body.skin-minerva .pre-content,
    body.skin-minerva .content-header {
        background-color: #0f0f0f !important;
        color: #e6e6e6 !important;
    }

    /* Section headers */
    body.skin-minerva h1,
    body.skin-minerva h2,
    body.skin-minerva h3,
    body.skin-minerva h4,
    body.skin-minerva h5,
    body.skin-minerva h6 {
        color: #ffffff !important;
        border-bottom-color: #2a2a2a !important;
    }

    /* Top bar / page actions */
    body.skin-minerva header,
    body.skin-minerva .minerva-header,
    body.skin-minerva .page-actions {
        background-color: #161616 !important;
        color: #ffffff !important;
        border-color: #2a2a2a !important;
    }

    /* TOC */
    body.skin-minerva .toc,
    body.skin-minerva .toc-mobile {
        background-color: #161616 !important;
        border-color: #2a2a2a !important;
    }

    /* Infoboxes and tables */
    body.skin-minerva table,
    body.skin-minerva .infobox,
    body.skin-minerva .wikitable {
        background-color: #161616 !important;
        color: #e6e6e6 !important;
        border-color: #2a2a2a !important;
    }

    body.skin-minerva th,
    body.skin-minerva td {
        border-color: #2a2a2a !important;
    }

    /* Links */
    body.skin-minerva a {
        color: #6cb6ff !important;
    }

    body.skin-minerva a:visited {
        color: #9a7fd1 !important;
    }

    /* References & citations */
    body.skin-minerva sup.reference {
        color: #aaaaaa !important;
    }

    /* Forms & inputs */
    body.skin-minerva input,
    body.skin-minerva textarea,
    body.skin-minerva select,
    body.skin-minerva button {
        background-color: #1b1b1b !important;
        color: #e6e6e6 !important;
        border-color: #333333 !important;
    }

    /* Footer */
    body.skin-minerva footer,
    body.skin-minerva .post-content {
        background-color: #0f0f0f !important;
        color: #aaaaaa !important;
        border-top-color: #2a2a2a !important;
    }

    /* Prevent media inversion */
    body.skin-minerva img,
    body.skin-minerva svg {
        filter: none !important;
    }
    
    /* Hatnotes (article disambiguation notes) */
	body.skin-minerva .hatnote,
	body.skin-minerva .dablink,
	body.skin-minerva .rellink {
	    background-color: #161616 !important;
	    color: #d0d0d0 !important;
	    border-left: 4px solid #3a3a3a !important;
	}
	
	/* Hatnote links */
	body.skin-minerva .hatnote a {
	    color: #6cb6ff !important;
	}

	/* Maintenance & metadata boxes (ambox / mbox) */
	body.skin-minerva table.ambox,
	body.skin-minerva table.mbox,
	body.skin-minerva table.metadata,
	body.skin-minerva table.box-Original_research,
	body.skin-minerva .ambox-content {
	    background-color: #202122 !important;
	    color: #eaecef !important;
	    border-color: #54595d !important;
	}
	
	/* Inner cells */
	body.skin-minerva .ambox td,
	body.skin-minerva .mbox-text,
	body.skin-minerva .mbox-image {
	    background-color: #202122 !important;
	    color: #eaecef !important;
	}
	
	/* Strong emphasis text */
	body.skin-minerva .ambox b,
	body.skin-minerva .ambox strong {
	    color: #ffffff !important;
	}
	
	/* Links inside maintenance boxes */
	body.skin-minerva .ambox a {
	    color: #6cb6ff !important;
	}

	/* TOC title icons (bright in dark mode) */
	body.skin-minerva .toc-title-icon,
	body.skin-minerva .toc-title-state-icon {
	    filter: invert(1) brightness(1.6) !important;
	}

	/* ===============================
   Page actions (Codex buttons)
   =============================== */

	/* Base button text */
	body.skin-minerva .page-actions-menu .cdx-button {
	    color: #eaecef !important;
	}

	/* Base icon color (mask-based icons) */
	body.skin-minerva .page-actions-menu .minerva-icon {
	    background-color: #cfd3d7 !important;
	    filter: none !important;
	}

	/* Hover / focus */
	body.skin-minerva .page-actions-menu
	.cdx-button--weight-quiet:hover,
	body.skin-minerva .page-actions-menu
	.cdx-button--weight-quiet:focus-visible {
	    background-color: #2a2a2a !important;
	    color: #ffffff !important;
	}

	/* Hover icon */
	body.skin-minerva .page-actions-menu
	.cdx-button--weight-quiet:hover .minerva-icon,
	body.skin-minerva .page-actions-menu
	.cdx-button--weight-quiet:focus-visible .minerva-icon {
	    background-color: #ffffff !important;
	}

	/* Active (pressed) */
	body.skin-minerva .page-actions-menu
	.cdx-button--weight-quiet:active {
	    background-color: #343434 !important;
	    color: #ffffff !important;
	}

	/* Idle text */
	body.skin-minerva .page-actions-menu
	.cdx-button--weight-quiet {
	    color: #eaecef !important;
	}

	/* Idle icons (mask-based) */
	body.skin-minerva .page-actions-menu
	.cdx-button--weight-quiet .minerva-icon {
	    background-color: #eaecef !important;
	}

	/* Overflow dropdown background */
	body.skin-minerva .toggle-list__list {
	    background-color: #202122 !important;
	    border-color: #54595d !important;
	}
	
	/* Dropdown items */
	body.skin-minerva .toggle-list-item__anchor {
	    color: #eaecef !important;
	}
	
	/* Dropdown hover */
	body.skin-minerva .toggle-list-item__anchor:hover {
	    background-color: #2a2a2a !important;
	}
	
	/* Dropdown icons */
	body.skin-minerva .toggle-list-item__anchor .minerva-icon {
	    filter: invert(1) brightness(1.3) !important;
	}

	/* Overflow dropdown: improve hover contrast */
	body.skin-minerva .toggle-list-item__anchor:hover,
	body.skin-minerva .toggle-list-item__anchor:focus-visible {
	    color: #ffffff !important;
	    background-color: #2a2a2a !important;
	}
	
	/* Invert icons only when hovering */
	body.skin-minerva .toggle-list-item__anchor:hover .minerva-icon,
	body.skin-minerva .toggle-list-item__anchor:focus-visible .minerva-icon {
	    filter: invert(1) brightness(1.4) !important;
	}

	body.skin-minerva .toggle-list-item__anchor:focus-visible {
	    outline: 2px solid #6cb6ff !important;
	    outline-offset: -2px;
	}

	/* Force light text in overflow dropdown (non-hover state) */
	body.skin-minerva .toggle-list-item__anchor,
	body.skin-minerva .toggle-list-item__label {
	    color: #eaecef !important;
	}

}