Global.DarkMode B.W
Supported Sites:
Global.DarkMode B.W by wenijinew
Details
Authorwenijinew
LicenseMIT
Categoryuserstyles, global, dark
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Global.DarkMode B.W
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==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:...