.keyboardcontainer {
    --tchmi-border-color: #007acc;
    --tchmi-keyboard-background: #ffffff;
    --tchmi-additional-keys-background: #ffffff;
    --tchmi-key-background: #ffffff;
    --tchmi-text-color: #6495ed;
    --tchmi-key-shadow: none;
    --tchmi-active-key-background: #007acc;
    --tchmi-active-text-color: #ffffff;
    --tchmi-active-key-shadow: none;
}

@media (prefers-color-scheme: dark) {
    .keyboardcontainer {
        --tchmi-border-color: #007acc;
        --tchmi-keyboard-background: #1e1e1e;
        --tchmi-additional-keys-background: #1e1e1e;
        --tchmi-key-background: #1e1e1e;
        --tchmi-text-color: #6495ed;
        --tchmi-key-shadow: none;
        --tchmi-active-key-background: #007acc;
        --tchmi-active-text-color: #ffffff;
        --tchmi-active-key-shadow: none;
    }
}

.tchmi-keyboard-template-key {
    border: 1px solid var(--tchmi-border-color);
}

.tchmi-keyboard-template-key .tchmi-keyboard-template-backdrop {
    border: 1px solid var(--tchmi-border-color);
}