Global.DarkMode B.W by wenijinew

/* ==UserStyle==
@name         Global.DarkMode B.W
@version      20220204.15.21
@namespace    userstyles.world/user/wenijinew
@description  Global.DarkMode B.W
@author       wenijinew
@license      No License
==/UserStyle== */

@-moz-document regexp("https://lesscss.org/(.*)"), domain("git-scm.com"), domain("wikipedia.org") {
	/*
	CSS file to provide common style variables, classes).
	v0.1
	2022-01-13
	*/
	@charset "UTF-8";
	/**********************************************************
	common part:
	global variables and basic common classes
	**********************************************************/
	/*global variables:
	define reusable variables and reuse for specific scenarios
	*/
	:root {
		/*definition of color codes*/
		--gray_05:#0C0C0C;
		--gray_09:#181818;
		--gray_14:#242424;
		--gray_15:#292929;
		--gray_21:#313131;
		--gray_37:#5f5f5f;
		--gray_64:#a4a4a4;
		--gray_68:#acacac;
		--gray_76:#bdcbde;
		--gray_80:#e6e6e6;
		--gray_95:#F2F2F2;

		--blue_30: #005499;
		--blue_40: #0062b3;
		--blue_50: #008CFF;
		--blue_51: #1e90ff;
		--blue_52: #2d3743;
		--blue_60: #9ad1ff;

		/*red 10-60 are for bg color, red 110-160 are for fg color*/
		--red_5: #3f0000; /*very dark red*/
		--red_10: #580000; /*very dark red*/
		--red_20: #710000; /*dark moderate red*/
		--red_30: #8b0000;
		--red_40: #a1571b;
		--red_50: #cd6f23;
		--red_60: #df8943;
		--red_110: #cf4222;
		--red_120: #dd4e2d;
		--red_130: #e06143;
		--red_132: #e06e43;
		--red_140: #e47359;
		--red_150: #eb9885;
		--red_160: #f2bdb1; /*light red*/

		--green_20: #0c4a19;
		--green_30: #106020;
		--green_70: #2e8b57;

		--orange_50: #E66E19;
		--orange_60: #eb8b47;
		--orange_65: #ee9a5e;
		--orange_90: #ffe4b5;

		--yellow_50: #808000;

		--cyan_20: #5f9ea0;
		--cyan_30: #00ced1;
		--cyan_60: #28ddee;

		--purple_48: #8E45B0;

		/*definition of color usage scenarios*/
		--default_font_size: 15px;
		--code_font_size: 16px;

		--fg_default: var(--gray_80);
		--fg_gray: var(--gray_68);
		--fg_head: var(--blue_50);
		--fg_code: var(--gray_95);
		--fg_failed: var(--red_110);
		--fg_assert: var(--red_120);
		--fg_error: var(--red_130);
		--fg_exception: var(--red_132);
		--fg_warning: var(--red_140);
		--fg_skipped: var(--red_150);
		--fg_excluded: var(--red_160);
		--fg_link: var(--blue_50);
		--fg_link_visited: var(--orange_50);

		--color_input_hover: var(--purple_48);

		--default_padding: 3px;
		--padding_5: 5px;
		--padding_8: 8px;
		--padding_10: 10px;

		--default_margin: 5px;
		--margin_3: 3px;
		--margin_8: 8px;
		--margin_10: 10px;
		--margin_15: 15px;

		--bg_sysbar: var(--gray_05);
		--bg_bold: var(--gray_09);
		--bg_default: var(--gray_14);
		--bg_code: var(--gray_21);
		--bg_gray: var(--gray_21);

		--bg_passed:var(--green_30);
		--bg_passed_hover:var(--green_20);
		--bg_failed: var(--red_10);
		--bg_failed_hover:var(--red_5);
		--bg_assert: var(--red_20);
		--bg_error: var(--red_30);
		--bg_warning: var(--red_40);
		--bg_skipped: var(--red_50);
		--bg_excluded: var(--red_60);

		--fg_highlight_msg: #ccbd65;
		--fg_head_msg: #8fcf96;
		--fg_skip: #f6f511;
		--fg_passed:#7cfc00;
		--bg_highlight: #cdcd08;
		--height_tr_head:45px;
		--height_tr_special:50px;

		--color_border: var(--gray_37);
		--color_border_button: var(--blue_50);
		--color_border_button_selected: var(--orange_50);
		--default_border_radius: 6px;
		--default_border_size: 0.5px;

		--default_font_family: "Ericsson Hilda", Arial, Helvetica, Sans-serif, Courier, Courier-New;
		--font_family_code: courier,courier-new;
		--footbar_height: 35px;
		--foot_padding: 15px;

		--tr_height: 35px;
		--tr_height_45: 45px;

		--search_box_height: 32px;

		--button_font_size: 14px;
		--fg_button: var(--fg_default);
		--bg_button: var(--blue_50);
		--bg_button_selected: var(--orange_50);
		--button_border_radius: 3px;
		--button_height: 20px;
		--button_min_width: 60px;
		--button_padding: 5px 12px;
		--button_padding_top: 5px;
		--button_padding_bottom: 5px;
		--button_padding_left: 12px;
		--button_padding_right: 12px;
		--button_decoration: "none";

		--h1: 45px;
		--h2: 35px;
		--h3: 25px;
		--h4: 18px;
		--h5: 16px;
		--h6: 14px;
	}

	/* -------------------------------------------------------------------
	SECTION: Body and Paragraph and Blocks
	 -------------------------------------------------------------------*/
	* {
		font-family:var(--default_font_family);
		font-size: var(--default_font_size);
		font-weight: 400 !important;
	}	
	body{
		color: var(--fg_default);
		background-color: var(--bg_default);
		width:100%;
		font-family:var(--default_font_family);
	}
	pre{
		display: inline-block;
		width: auto;
		white-space: pre-wrap;
		color: var(--fg_gray);
		background-color: var(--bg_gray);
	}
	/* -------------------------------------------------------------------
	SECTION: Div
	 -------------------------------------------------------------------*/
	div {
		color: var(--fg_default);
		background-color: var(--bg_default);
	}
	/* -------------------------------------------------------------------
	SECTION: Table
	 -------------------------------------------------------------------*/
	table{
		color: var(--fg_default);
		width: 100%;
		margin: 0 auto;
		border-spacing: 0px;
		left: 0px;
		position: relative;
	}
	caption {
		margin: 5px;
	}
	th, td{
		padding: 3px;
		text-align: left;
		overflow-wrap:break-word;
		border-left: solid var(--default_border_size) var(--color_border);
		border-top: solid var(--default_border_size) var(--color_border);
		margin: 0px;
	}
	table tr {
		color: var(--fg_default);
		background-color: var(--bg_default);
	}
	table thead tr {
		color: var(--fg_default);
		background-color: var(--bg_bold);
	}
	table thead tr:first-child th:first-child {
		border-top-left-radius: var(--default_border_radius);
	}
	table thead tr:first-child th:last-child {
		border-top-right-radius: var(--default_border_radius);
	}
	table tbody tr:first-child th:first-child {
		border-top-left-radius: var(--default_border_radius);
	}
	table tbody tr:first-child th:last-child {
		border-top-right-radius: var(--default_border_radius);
	}
	table tr:first-child th:first-child {
		border-top-left-radius: var(--default_border_radius);
	}
	table tr:first-child td:first-child {
		border-top-left-radius: var(--default_border_radius);
	}
	table tr:first-child td:last-child {
		border-top-right-radius: var(--default_border_radius);
	}
	table tr:last-child td:first-child {
		border-bottom-left-radius: var(--default_border_radius);
	}
	table tr:last-child th:first-child {
		border-bottom-left-radius: var(--default_border_radius);
	}
	table tr:last-child td:last-child {
		border-bottom-right-radius: var(--default_border_radius);
	}
	table th:last-child{
		border-right: solid var(--default_border_size) var(--color_border);
	}
	table td:last-child{
		border-right: solid var(--default_border_size) var(--color_border);
	}
	table tr:last-child td, table tr:last-child th{
		border-top: solid var(--default_border_size) var(--color_border);
		border-bottom: solid var(--default_border_size) var(--color_border);
	}
	/* -------------------------------------------------------------------
	SECTION: Links
	 -------------------------------------------------------------------*/	
	a, a:link {
		color: var(--blue_51) !important;
	}
	a:visited {
		color: var(--orange_50);
	}
	/* -------------------------------------------------------------------
	SECTION: Span
	 -------------------------------------------------------------------*/
	h1,h2,h3,h4 {
		color: var(--default);
	}
	span.h1, h1{
		font-size:40px !important;
	}
	span.h2, h2{
		font-size:35px !important;
	}
	span.h3, h3{
		font-size:30px !important;
	}
	span.h4, h4{
		font-size:25px !important;
	}
	/* -------------------------------------------------------------------
	SECTION: Button
	 -------------------------------------------------------------------*/
	[class*="button"] {
		color: var(--fg_default) !important;
		background: var(--bg_button) !important;
		background-color: var(--bg_button) !important;
		background-image: unset !important;
		border: solid var(--default_border_size) var(--color_border_button) !important;
		border-radius: var(--button_border_radius) !important;
		min-width: var(--button_min_width) !important;		
		padding-top: var(--button_padding_top) !important;
		padding-bottom: var(--button_padding_bottom) !important;
		padding-left: var(--button_padding_left) !important;
		padding-right: var(--button_padding_right) !important;
		height: var(--button_height) !important;
		box-shadow: unset !important; 
		-webkit-box-shadow: unset !important; 
	}
	[class*="button.selected"] {
		color: var(--fg_default) !important;		
		background: var(--bg_button_selected) !important;
		background-color: var(--bg_button_selected) !important;
		background-image: unset !important;
		border: solid var(--default_border_size) var(--color_border_button_selected) !important;
		border-radius: var(--button_border_radius) !important;
		min-width: var(--button_min_width) !important;		
		padding-top: var(--button_padding_top) !important;
		padding-bottom: var(--button_padding_bottom) !important;
		padding-left: var(--button_padding_left) !important;
		padding-right: var(--button_padding_right) !important;
		height: var(--button_height) !important;
	}	
	/* -------------------------------------------------------------------
	SECTION: Select, Input, Textarea
	 -------------------------------------------------------------------*/
	select {
		height: var(--gerrit_select_height) !important;
		color: var(--fg_default);
		padding: var(--default_padding);
		background-color: var(--bg_default) !important;
		border: solid var(--default_border_size) var(--color_border) !important;
		border-radius: 0px !important;
		margin:auto !important;
	}
	select:hover{
		border: solid var(--default_border_size) var(--color_input_hover) !important;
	}
	input {
		height: var(--gerrit_input_height) !important;
		color: var(--fg_default) !important;
		padding: var(--default_padding);
		background-color:...