worble.fun.dark.colorblind.user.css

body {
    background-color: rgb(18, 18, 19);
    color: rgb(230, 230, 230);
}

svg circle, svg rect, svg path{
    fill: currentColor;
}

.h-full > div {
    background-color: rgb(18, 18, 19);
}

.bg-green {
    background-color: rgb(245, 121, 58) !important;
}
.text-green {
    color: rgb(245, 121, 58) !important;
}

.bg-yellow {
    background-color: rgb(133, 192, 249) !important;
}
.text-yellow {
    color: rgb(133, 192, 249) !important;
}

.bg-neutral-300 {
    background-color: rgb(58, 58, 60) !important;
}
.text-neutral-300 {
    color: rgb(58, 58, 60) !important;
}

.rounded-full {
    color: black;
}

.word {
    text-shadow: 1px 1px 2px rgb(150, 150, 150)
}

.bottom-0 {
    background-color: inherit !important;
}

.react-simple-keyboard {
    background: rgb(50, 50, 50);
    color: rgb(50, 50, 50);
}

.hg-button-backspace {
    background-color: rgb(230, 230, 230);
}

.hg-button-enter.bg-transparent {
    background-color: rgb(255, 255, 255) !important;
    color: grey !important;
}

.hg-button-enter.bg-black {
    background-color: black;
}

.hg-standardBtn.bg-neutral-300 {
    color: rgb(230, 230, 230);
}

.ReactModal__Content {
    background-color: rgb(18, 18, 18) !important;
}