FreshMint-dark by SebastJava

/* ==UserStyle==

@name           FreshMint-dark
@namespace      https://github.com/SebastJava
@version        4.5.5
@description    Linux Mint Forums, completely redesigned
@author         SebastJava (https://raw.githubusercontent.com/SebastJava/FreshMint/main/COPYRIGHT)
@homepageURL    https://github.com/SebastJava/FreshMint
@supportURL     https://github.com/SebastJava/FreshMint/issues
@license        GPL-2.0-or-later

@preprocessor   default

@var color body-background "body BG" #202020
@var color body-text "body text" #C4C4C4
@var color body-titles "body titles" #D3D3D3
@var color content "content" #FFF
@var color content-dim "content-dimmed" #C1C1C1

@var color anchor "links & titles" #B1FFC5
@var color anchor-hover "links & titles hover" #FFF
@var color postlink "postlink" #65BEE9
@var color postlink-visited "postlink:visited" #C47FE6
@var color postlink-hover "postlink:hover" #FFF

@var color ul-forums "forums lists BG" #333
@var color li-row-hover "list row BG hover" #3B3B3B
@var color ul-topiclist-li "list text" #EEE
@var color list-borders "list borders" #4B4B4B
@var color bg1 "BG 1 (rows, posts, etc)" #25363E
@var color bg2 "BG 2 (rows, posts, etc)" #333
@var color bg3 "BG 3 (control panel, etc)" #006554
@var color tab-bg "inactive tab BG" #003D33

@var color dropdown-header-bg "dropdown header BG" #006554
@var color dropdown-header-text "dropdown header text" #FFF
@var color dropdown-contents-bg "dropdown BG" #333
@var color dropdown-extended-hover "dropdown hover" #3B3B3B
@var text dropdown-contents-shadow "dropdown box shadow" "0px 0px 6px 3px #FFF"
@var color notification-time "notification time" #A3A3A3

@var color username-coloured "team username" #8ED500

@var text page-header "page header BG" "linear-gradient(180deg, #4DB21A 33%, #008570 83%)"
@var text forumbg "forum BG" "#008570"
@var text navbar-bg "navbar BG" "#595959"

@var text button-bg "button BG" "linear-gradient(180deg, #888 20%, #444 80%)"
@var text button-bg-hover "button BG hover" "linear-gradient(0deg, #666 20%, #444 80%)"
@var text button-bg-active "button BG active" "#008570"
@var color button-bd "button border" #888
@var color button-fg "button FG" #FFF
@var color button-hover-fg "button hover FG" #FFF
@var color button-icon-fg "button icon FG" #EEE
@var color button-icon-hover-fg "button icon hover FG" #FFF
@var color button-icon-active-fg "button icon active FG" #FFF

@var text rules-bg "rules BG" "#670034"
@var color rules-fg "rules text" #FFF
@var color rules-bd "rules border" #F00D59
@var color rules-anchor "rules links" #99DCFF
@var color rules-anchor-hover "rules links hover" #FFF

@var color blockquote-bg1 "blockquote BG 1" #204060
@var color blockquote-bg2 "blockquote BG 2" #404040
@var color blockquote-border "blockquote border" #0066CB

@var color codebox-bg "codebox BG" #404040
@var color inline-code-bg "inline code BG" #004080
@var color codebox-bd "codebox border" #004080
@var color inline-code-bd "inline code border" #0074E7
@var color codebox-fg "codebox text" #FFF
@var color inline-code-fg "inline code text" #FFF

@var color input-bg "input background" #444
@var color input-bd "input border" #AAA
@var color input-fg "input text" #FFF

==/UserStyle== */

@-moz-document domain("forums.linuxmint.com") {
/* THIS PAIR OF CURLY BRACKETS ({}) ENCOMPASS THIS ENTIRE DOCUMENT! */

/*_____________________________________________________________________________________________________*/
/*_____________________________________________________________________________________________________*/

/* COLOURS.USER.CSS____________________________________________________________________________________*/

/* This very long section (approx. 1200 lines) is based on a duplicate of prosilver/theme/colours.css
These are only color values. Only a few got changed or added. The core FRESHMINT.USER.CSS is just a
small section at the bottom of this file...*/

/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
	color: var(--body-text);
	background-color: var(--body-background);
}

h1 {
	color: #FFFFFF;
}

h2 {
	color: var(--body-titles);
}

h3 {
	border-bottom-color: #7C7C7C;
	color: var(--body-titles);
}

h3.alert_title, p.alert_text {
	border-bottom-color: #7C7C7C;
	color: #333333;
}

hr {
	border-color: #7C7C7C;
	border-top-color: #7C7C7C;
}

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a, a:focus, a:active { color: var(--anchor); } /* Fix for values from styles/prosilver/theme/base.css */
a:hover { color: var(--anchor-hover); }

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a {
	color: #FFFFFF;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #FFFFFF;
}

/* Notification mark read link */
.dropdown-extended a.mark_read {
	background-color: #FFFFFF;
}

/* Post body links */
.postlink {
	color: var(--postlink); background-color: transparent; border-bottom-color: transparent;
}

.postlink:visited {
	color: var(--postlink-visited); background-color: transparent; border-bottom-color: transparent;
}

.postlink:hover {
	color: var(--postlink-hover); background-color: transparent; border-bottom-color: transparent;
}

.signature a, .signature a:hover {
	background-color: transparent;
}

/* Back to top of page */
.top i {
	color: #999999;
}

/* Arrow links  */
.arrow-left:hover, .arrow-right:hover {
	color: var(--anchor-hover);
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.wrap {
	background-color: transparent;
	border-color: transparent;
}

.headerbar {
	color: #FFFFFF;
}

.headerbar {
	background-color: transparent;
	background-image: none;
}

.forumbg {
	background: var(--forumbg);
}

.forabg {
	background: var(--forumbg);
}

.navbar {
	background: var(--navbar-bg);
}

.panel {
	background-color: var(--bg3);
	color: var(--content);
}

.post:target .content {
	color: var(--content);
}

.post h3 a.first-unread,
.post:target h3 a {
	color: var(--anchor);
}

.post h3 a.first-unread,
.post:target h3 a:hover {
	color: var(--anchor-hover);
}

.bg1 {
	background-color: var(--bg1);
}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background-color: var(--bg1);
}

.bg2 {
	background-color: var(--bg2);
}

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background-color: #E1EBF2;
}

.bg3 {
	background-color: var(--bg3);
}

.ucprowbg {
	background-color: #DCDEE2;
}

.fieldsbg {
	background-color: #E7E8EA;
}

.site_logo {
	background-image: url("https://raw.githubusercontent.com/SebastJava/FreshMint/main/images/logo-Exo2-03-dark-95.svg");
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-top-color: #FFFFFF80;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
	color: #FFFFFF;
}

table.table1 tbody tr {
	border-color: #808080;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: var(--li-row-hover);
	color: #000;
}

table.table1 td {
	color: var(--content);
}

table.table1 tbody td {
	border-top-color: #FAFAFA;
}

table.table1 tbody th {
	border-bottom-color: #808080;
	color: var(--content);
	background-color: var(--bg1);
}

table.info tbody th {
	color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
	color: var(--contents); font-weight: bold;
}

dl.details dd {
	color: var(--content);
}

.sep {
	color: #1198D9;
}

/* Icon styles
---------------------------------------- */
.icon.icon-blue, a:hover .icon.icon-blue {
	color: #196db5;
}

.icon.icon-green, a:hover .icon.icon-green {
	color: #1b9A1B;
}

.icon.icon-red, a:hover .icon.icon-red {
	color: #60F685; /* same green as in icons directory */
}

.icon.icon-orange, a:hover .icon.icon-orange {
	color: #FF6600;
}

.icon.icon-bluegray, a:hover .icon.icon-bluegray {
	color: var(--content);
}

.icon.icon-gray, a:hover .icon.icon-gray {
	color: #777777;
}

.icon.icon-lightgray, a:hover .icon.icon-lightgray {
	color: #999999;
}

.icon.icon-black, a:hover .icon.icon-black {
	color: var(--body-text);
}

.alert_close .icon:before {
	background-color: #FFFFFF;
}

/* Jumpbox */
.jumpbox .dropdown li {
	border-top-color: #80808080;
}

.jumpbox-cat-link {
	background-color: var(--dropdown-header-bg);
	border-top-color: var(--dropdown-header-bg);
	color: var(--dropdown-header-text);
}

.jumpbox-cat-link:hover {
	background-color: var(--dropdown-extended-hover);
	border-top-color: var(--dropdown-extended-hover);
	color: var(--dropdown-header-text);
}

.jumpbox-forum-link {
	background-color: var(--dropdown-contents-bg);
}

.jumpbox-forum-link:hover {
	background-color: var(--dropdown-extended-hover);
}

.jumpbox .dropdown .pointer-inner {
	border-color: var(--dropdown-contents-bg) transparent;
}

.jumpbox-sub-link {
	background-color: var(--dropdown-contents-bg);
}

.jumpbox-sub-link:hover {
	background-color: var(--dropdown-extended-hover);
}

/* Miscellaneous styles
---------------------------------------- */

.copyright {
	color: var(--body-text);
}

.error {
	color: #E60026;
}

.reported {
	background-color: #F7ECEF;
}

li.reported:hover {
	background-color: #ECD5D8 !important;
}
.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

div.rules {
	background: var(--rules-bg);
	color: var(--rules-fg);
}

div.rules a, div.rules a:visite...