User Styles - Dark X by Saadski

/* ==UserStyle==
@name       User Styles - Dark X
@version    20240122.08.17
@namespace  ?
==/UserStyle== */

@-moz-document domain("userstyles.world") {
/*User Styles - Dark X*/
/*SCROLLBAR*/
/* width */
::-webkit-scrollbar
{
    height: 10px !important;
    width: 10px !important;
}

/* Track */
/* Scrollbar Corner */
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner
{
    background: #141414 !important;
}

/* Handle */
::-webkit-scrollbar-thumb
{
    background: #3A3A3A !important;
    border-radius: 1px !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover
{
    background: #3A3A3A !important;
}

::selection
{
    background: #353535B0 !important;
    color: #000 !important;
}

/* check boxes*/
input[type="checkbox"]
{
    filter: invert(100%)hue-rotate(150deg)saturate(0)brightness(0.5) !important;
}

[class="svg-icon checked"]
{
    filter: invert(0) brightness(0.5) !important;
}

/*Presets*/
:root
{
    --dark0: rgb(33, 33, 33);
    --dark: rgb(28, 28, 28);
    --dark1: rgb(27, 27, 27);
    --darker: rgb(18, 18, 18);
    --darker2: rgb(12, 12, 12);
    --darker3: rgb(8, 8, 8);
    --bw: rgb(67, 67, 67);
    --light: rgb(146, 146, 146);
    --light1: rgb(193, 193, 193);
    --lighter: rgb(233, 233, 233);
    --accent: rgb(95, 95, 95);
    --shadow: rgba(0, 0, 0, 0.07);
    --tp: #fff0;
    --ol: #090909F2;
}

[data-color-scheme="dark"]
{
    --bg-1: var(--darker3);
    --bg-2: var(--darker);
    --bg-3: var(--dark);
    --bg-4: var(--dark);
    --bg-5: #4d4d4d;
    --fg-1: var(--accent);
    --fg-2: var(--bw);
    --fg-3: var(--bw);
    --fg-4: #919191;
    --fg-5: #636363;
    --ac-1: var(--bw);
    --ac-2: #3673af;
    --ac-3: #285580;
    --ac-4: #193652;
    --ac-5: #102133;
    --st-1: #27fffb;
    --st-2: #00c0bc;
    --st-3: #008d8a;
    --st-4: #005a58;
    --st-5: #002726;
    --dg: #f66;
    --sh-m: 0 4px 12px -2px #0006, 0 6px 4px -4px #0002;
    --bg-f: rgba(64, 64, 64, 0.3);
    --ac-f: rgba(40, 85, 128, 0.3);
    --st-f: rgba(0, 141, 138, 0.3);
}

*
{
    border-color: var(--dark0) !important;
}

#navbar
{
    z-index: 2
}

.btn.primary
{
    color: var(--light)
}

div.card-footer.flex.jc\:b.py\:m.px\:m > small:nth-child(2) > span
{
    color: var(--light)
}

[d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"]
{
    stroke: #755900
}

[points="7 10 12 15 17 10"],
small > svg > line
{
    stroke: #620000
}

/* Made the Mascot Grey XD */
[d="M439.49 107.34a173.43 173.43 0 00-24.6-27.06C378 49.53 330 38.46 261.14 39.69S138.14 52 96.32 88.89a127.92 127.92 0 00-24.6 29.52l-2.46 3.69a230 230 0 00-22.14 54.12 330.87 330.87 0 00-8.61 81.18c0 55.35 11.07 83.64 9.84 136.53l1.23 68.88h434.19L480 389c-2.38-46.73 0-66.41-1.15-119.3s-3.69-77.49-11.07-104.55A174.66 174.66 0 00454.25 132c-3.69-8.67-8.61-17.28-14.76-24.66z"]
{
    fill: var(--bw)
}

[d="M96.33 88.88a55 50 0 10-49.2 87.33l11.07-33.21a15.5 15.5 0 1113.53-24.6zm343.16 18.46a15.5 15.5 0 1114.76 24.6l13.53 33.21a55 50 0 10-52.89-84.87z"]
{
    fill: #b56b6b
}
}