.receipt_index {
    width:     2em;
    max-width: 2em;
}
.receipt_vendor_id {
    width:     5em;
    max-width: 5em;
}
.receipt_item {
    width: auto;
}
.receipt_code {
    width:     8em;
    max-width: 8em;
    text-align: center;
}
td.receipt_code {
    font-family: monospace;
}
.receipt_price {
    width:     5em;
    max-width: 5em;
    white-space: nowrap;
}
.receipt_status {
    width: 0;
    white-space: nowrap;
}
#counter_receipt > tr:first-child td {
    font-size: larger;
    font-weight: bold;
}
.color-CounterMode {
    background-color: #eeeeff;
}
.color-ItemCheckInMode {
    background-color: #eeffee;
}
.color-VendorCheckoutMode {
    background-color: #ffeeee;
}
.color-VendorFindMode {
    background-color: #ffffee;
}
.color-ReceiptPrintMode {
    background-color: #ffeeff;
}

@media print {

    @page
    {
        /* this affects the margin in the printer settings */
        margin: 1cm 1cm;
    }

    body
    {
        /* this affects the margin on the content before sending to printer */
        margin: 0px;
        padding: 0px;
    }

}

.receipt_index {
    width:     2em;
    max-width: 2em;
}
.receipt_vendor_id {
    width:     5em;
    max-width: 5em;
}
.receipt_item {
    width: auto;
}
.receipt_code {
    width:     8em;
    max-width: 8em;
    text-align: center;
}
td.receipt_code {
    font-family: monospace;
}
.receipt_price {
    width:     5em;
    max-width: 5em;
    white-space: nowrap;
}
.receipt_status {
    width: 0;
    white-space: nowrap;
}
#counter_receipt > tr:first-child td {
    font-size: larger;
    font-weight: bold;
}
.color-CounterMode {
    background-color: #ccccff;
}
.color-ItemCheckInMode {
    background-color: #ccffcc;
}
.color-VendorCheckoutMode {
    background-color: #ffcccc;
}
.color-VendorFindMode {
    background-color: #ffffcc;
}
.color-ReceiptPrintMode {
    background-color: #ffccff;
}

@media print {

    @page
    {
        /* this affects the margin in the printer settings */
        margin: 1cm 1cm;
    }

    body
    {
        /* this affects the margin on the content before sending to printer */
        margin: 0px;
        padding: 0px;
    }

}

Make the mode colors darker.
Make the mode colors darker.

- The darker colors can be seen better from oblique angles.
