index.css

.border {
    fill: transparent;
    stroke: rgb(117, 117, 117);
    stroke-width: 6px;
}

.cellUnknown {
    fill: white;
    stroke: rgb(117, 117, 117);
}

.hintUnknown {
    fill: black;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.crossUnknown {
    visibility: hidden;
}

.cellEmpty {
    fill: rgb(240, 240, 240);
    stroke: rgb(117, 117, 117);
}

.hintEmpty {
    fill: black;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.crossEmpty {
    visibility: visible;
    stroke: rgb(200, 200, 200);
}

.cellFull {
    fill: black;
    stroke: rgb(117, 117, 117);
}

.hintFull {
    fill: white;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.crossFull {
    visibility: hidden;
}

.applied {
    fill: rgb(130, 130, 130);
}

.hintError {
    fill: red;
}

.cursor {
    stroke: rgb(201, 30, 34);
    stroke-width: 3px;
    fill: transparent;
}

.cursorHide {
    visibility: hidden;
}

.body {
    background-color: rgb(243, 240, 225);
}

.toolbar {
    padding-left: 20px;
    padding-top: 10px;
}

.tool {
    padding: 5px;
}

.toolDisabled {
    color: rgb(186, 186, 186);
}