LWN Dark Breeze by kajika

/* ==UserStyle==
@name         LWN Dark Breeze
@version      20210831.10.01
@namespace    userstyles.world/user/kajika
@description  Dark theme for lwn.net
@author       kajika
@license      CC BY-SA - Creative Commons Attribution-ShareAlike
==/UserStyle== */

@-moz-document url-prefix("https://lwn.net") {
    /* DARK THEME */
    body {
        --main-bg-color: #21262b;
        --main-fg-color: #bbb;
        --lighter-bg-color: #31363b;
        --lighter-fg-color: #ccc;
        --highlight-bg-color: #41464b;
        --highlight-fg-color: #ddd;
        --link-fg-color: #aac;
        --link-visited-color: #aab;
        --headline-bg-color: hsl(30, 20%, 25%);
        --headline-fg-color: hsl(30, 50%, 76%);
        --span-fg-color: #c8a;
        --subcription-fg-color: #9b8;

        background-color: var(--main-bg-color);
        color: var(--main-fg-color);
    }

    h1 {
        color: var(--highlight-fg-color);
    }

    a:link {
        color: var(--link-fg-color);
    }

    a:visited,
    .navmenu a:visited {
        color: var(--link-visited-color);
    }

    a:visited:hover {
        color: var(--highlight-fg-color);
    }

    a.navmenu,
    h2.SummaryHL a:link,
    h2.SummaryHL a:visited {
        color: var(--lighter-fg-color);
    }
    
    H2.Headline {
        background-color: var(--headline-bg-color);
        color: var(--headline-fg-color);
    }

    a:hover {
        background-color: var(--highlight-bg-color);
        color: var(--highlight-fg-color);
    }

    input[type="submit"] {
        background-color: var(--lighter-bg-color);
		color: var(--lighter-fg-color);
    }

    BLOCKQUOTE.bq
    {
        background-color: var(--lighter-bg-color);
        color: var(--span-fg-color);
    }
    
    q
    {
        background-color: var(--lighter-bg-color);
        color: var(--span-fg-color);
    }

    .navmenu ul,
    #menu,
    div.topnav-container {
        background-color: var(--lighter-bg-color);
    }

    div.Headline {
        background-color: var(--highlight-bg-color);
    }
	
	DIV.tlr {
		background-color: var(--headline-bg-color);
	}

    div.FeatureByline,
    div.GAByline  {
        background-color: var(--highlight-bg-color);
        border-color: var(--lighter-bg-color);
    }

    div.CommentBox P.CommentTitle,
	DIV.CommentBox H3.CommentTitle {
        background-color: var(--headline-bg-color);
        border-color: var(--lighter-bg-color);
    }
	
	input[type="submit"]:hover {
		background-color: var(--highlight-bg-color);
	}

    span,
    div.BigQuote {
        background-color: var(--main-bg-color);
        color: var(--span-fg-color);
    }

    font.Subscription {
        color: var(--subcription-fg-color);
    }

    .Form {
        background-color: var(--lighter-bg-color);
        color: var(--lighter-fg-color);
        border-color: var(--lighter-bg-color);
    }

    table.OddEven tr:nth-child(2n+1),
    table.OddEven th {
        background-color: var(--highlight-bg-color);
        color: var(--lighter-fg-color);
    }

    table.OddEven tr:nth-child(2n) {
        background-color: var(--lighter-bg-color);
        color: var(--lighter-fg-color);
    }

    tr.Even {
        background-color: var(--lighter-bg-color);
        color: var(--lighter-fg-color);
    }

    /* Event Calendar */
    td.CalMName,
    TD.CalMDate {
        background-color: var(--lighter-bg-color);
        color: var(--lighter-fg-color);
    }
    
    TABLE.IndexEntries
    {
        background-color: var(--lighter-bg-color);
    }
}

@-moz-document url-prefix("https://lwn.net/Distributions/"), url-prefix("https://lwn.net/Reviews/"), url-prefix("https://lwn.net/Gallery/") {
/* Distributions */
table:nth-child(2) td:nth-child(1),
p table td:nth-child(1) {
    background-color: var(--lighter-bg-color);
    color: var(--lighter-fg-color);
}

table:nth-child(2) td:nth-child(2),
p table td:nth-child(2) {
    background-color: var(--main-bg-color);
    color: var(--main-fg-color);
}
}