[minesweeper.online] Dark Theme Extreme by fitebone

/* ==UserStyle==
@name         [minesweeper.online] Dark Theme Extreme
@version      20220303.13.18
@namespace    userstyles.world/user/fitebone
@description  Complete dark theme with added experimental dark board with custom colors.

Most extreme dark theme, very clean, never before seen, beautiful sheen, used by the queen, be peachy keen and put it on your screen, can you glean what I mean?
@author       fitebone
@license      MIT
==/UserStyle== */

@-moz-document domain("minesweeper.online") {
/* ==UserStyle==
@name           Minesweeper.online Dark Theme Extreme
@namespace      minesweeper.online
@version        1.0.2
@description    Deliciously dark
@author         fitebone
==/UserStyle== */

:root {
  --b0: #121212;
  --b1: #171717;
  --b2: #1c1c1c;
  --b3: #202224;/*#242424;*/
  --b4: #3b4042;/*#3d3d3d;*/
}

/* User-Agent Style */
html {
    background-color: var(--b0) !important;
}
html, body, input, textarea, select, button {
    background-color: var(--b0);
}
html, body, input, textarea, select, button {
    border-color: #736b5e;
    color: #e8e6e3;
}
a {
    color: #3391ff;
}
table {
    border-color: #545b5e;
}
::placeholder {
    color: #b2aba1;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #555b00 !important;
    color: #e8e6e3 !important;
}
::-webkit-scrollbar {
    background-color: #202324;
    color: #aba499;
}
::-webkit-scrollbar-thumb {
    background-color: #454a4d;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #575e62;
}
::-webkit-scrollbar-thumb:active {
    background-color: #484e51;
}
::-webkit-scrollbar-corner {
    background-color: var(--b0);
}
* {
    scrollbar-color: #454a4d #202324;
}
::selection {
    background-color: #004daa !important;
    color: #e8e6e3 !important;
}
::-moz-selection {
    background-color: #004daa !important;
    color: #e8e6e3 !important;
}

/* Modified CSS */
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline-color: currentcolor;
}
abbr[title] {
    border-bottom-color: currentcolor;
}
mark {
    background-color: rgb(204, 204, 0);
    background-image: none;
    color: rgb(232, 230, 227);
}
img {
    border-color: currentcolor;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border-color: currentcolor;
}
fieldset {
    border-color: rgb(66, 71, 74);
}
legend {
    border-color: currentcolor;
}
body {
    color: rgb(200, 195, 188);
    background-color: var(--b2);
}
a {
    color: rgb(105, 166, 213);
    text-decoration-color: currentcolor;
}
a:focus,
a:hover {
    color: rgb(141, 187, 223);
    text-decoration-color: currentcolor;
}
.img-thumbnail {
    background-color: var(--b2);
    border-color: rgb(58, 62, 65);
}
hr {
    border-color: rgb(53, 57, 59) currentcolor currentcolor;
}
.sr-only {
    border-color: currentcolor;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    color: rgb(157, 148, 136);
}
.mark,
mark {
    background-color: rgb(63, 54, 7);
}
.text-muted {
    color: rgb(157, 148, 136);
}
.text-primary {
    color: rgb(105, 166, 213);
}
a.text-primary:focus,
a.text-primary:hover {
    color: rgb(129, 180, 220);
}
.text-success {
    color: rgb(139, 196, 140);
}
a.text-success:focus,
a.text-success:hover {
    color: rgb(162, 208, 164);
}
.text-info {
    color: rgb(117, 178, 208);
}
a.text-info:focus,
a.text-info:hover {
    color: rgb(144, 192, 217);
}
.text-warning {
    color: rgb(198, 171, 123);
}
a.text-warning:focus,
a.text-warning:hover {
    color: rgb(209, 187, 148);
}
.text-danger {
    color: rgb(194, 102, 100);
}
a.text-danger:focus,
a.text-danger:hover {
    color: rgb(204, 127, 126);
}
.bg-primary {
    color: rgb(232, 230, 227);
    background-color: rgb(41, 98, 146);
}
a.bg-primary:focus,
a.bg-primary:hover {
    background-color: rgb(32, 77, 115);
}
.bg-success {
    background-color: rgb(41, 60, 23);
}
a.bg-success:focus,
a.bg-success:hover {
    background-color: rgb(56, 83, 31);
}
.bg-info {
    background-color: rgb(14, 48, 65);
}
a.bg-info:focus,
a.bg-info:hover {
    background-color: rgb(19, 66, 90);
}
.bg-warning {
    background-color: var(--b3);
}
a.bg-warning:focus,
a.bg-warning:hover {
    background-color: var(--b4);
}
.bg-danger {
    background-color: rgb(56, 22, 22);
}
a.bg-danger:focus,
a.bg-danger:hover {
    background-color: rgb(79, 30, 30);
}
.page-header {
    border-bottom-color: rgb(53, 57, 59);
}
.list-unstyled {
    list-style-image: none;
}
.list-inline {
    list-style-image: none;
}
abbr[data-original-title],
abbr[title] {
    border-bottom-color: rgb(101, 94, 83);
}
blockquote {
    border-left-color: rgb(53, 57, 59);
}
blockquote .small,
blockquote footer,
blockquote small {
    color: rgb(157, 148, 136);
}
.blockquote-reverse,
blockquote.pull-right {
    border-right-color: rgb(53, 57, 59);
    border-left-color: currentcolor;
}
code {
    color: rgb(221, 73, 110);
    background-color: rgb(43, 20, 26);
}
kbd {
    color: rgb(232, 230, 227);
    background-color: rgb(38, 42, 43);
    box-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px inset;
}
kbd kbd {
    box-shadow: none;
}
pre {
    color: rgb(200, 195, 188);
    background-color: rgb(30, 32, 33);
    border-color: rgb(62, 68, 70);
}
pre code {
    color: inherit;
    background-color: transparent;
}
table {
    background-color: transparent;
}
caption {
    color: rgb(157, 148, 136);
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top-color: rgb(58, 62, 65);
}
.table > thead > tr > th {
    border-bottom-color: rgb(58, 62, 65);
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
    border-top-color: currentcolor;
}
.table > tbody + tbody {
    border-top-color: rgb(58, 62, 65);
}
.table .table {
    background-color: rgb(24, 26, 27);
}
.table-bordered {
    border-color: rgb(58, 62, 65);
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border-color: rgb(58, 62, 65);
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: rgb(27, 30, 31);
}
.table-hover > tbody > tr:hover {
    background-color: rgb(30, 32, 33);
}
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
    background-color: rgb(30, 32, 33);
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
    background-color: rgb(37, 40, 42);
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
    background-color: rgb(41, 60, 23);
}
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
    background-color: rgb(48, 71, 27);
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
    background-color: rgb(14, 48, 65);
}
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
    background-color: rgb(44, 48, 50);
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
    background-color: rgb(63, 54, 7);
}
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:h...