Duotrigordle Light Mode by fxzfun

/* ==UserStyle==
@name         Duotrigordle Light Mode
@version      20220607.19.23
@namespace    userstyles.world/user/fxzfun
@description  Converts Duotrigordle to light mode
@author       fxzfun
@license      No License
==/UserStyle== */

@-moz-document domain("duotrigordle.com") {
body {
    background-color: #fafafa;
    color: #212121;
    
    --guess-black: #fafafa;
}

.board {
    border-bottom: 2px solid #212121;
    background-color: #fafafa !important;
}

.board.complete {
    -webkit-filter: none !important;
    filter: none !important;
}

.board.complete .cell {
    
    opacity: .2;
}

.boards {
    border-top: 2px solid #212121;
}

button {
    background-color: #fafafa;
    color: #212121;
    border: 2px solid #212121 !important;
}

.cell {
    border: none !important;
    outline: 2px solid #e0e0e0;
}

.key.enter-1 {
    border-bottom: none !important;
}

.key.enter-2 {
    border-right: none !important;
}

.key.enter-3 {
    border-left: none !important;
    border-top: none !important;
}

.popup {
    background-color: #fafafa !important;
}

.icon img {
        filter: invert(1);
}

a {
    color: #212121;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fafafa;
    border-radius: 20px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
    border-radius: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
}