.codeflask {
    background: var(--mud-background-color);
    color: var(--mud-palette-text-primary);
}

.codeflask__lines {
    background: var(--mud-palette-background-grey);
}

.codeflask.codeflask--has-line-numbers::before {
    background: var(--mud-palette-background-grey) !important;
}

.codeflask__lines__line {
    color: var(--mud-palette-text-primary);
}

.codeflask .token.punctuation {
    color: var(--mud-palette-primary);
}

.codeflask .token.keyword {
    color: var(--mud-palette-info);
}

.codeflask .token.operator {
    color: var(--mud-palette-secondary);
}

.codeflask .token.string {
    color: var(--mud-palette-error);
}

.codeflask .token.comment {
    color: var(--mud-palette-success-darken);
}

.codeflask .token.function {
    color: var(--mud-palette-info);
}

.codeflask .token.boolean {
    color: var(--mud-palette-info);
}

.codeflask .token.number {
    color: var(--mud-palette-tertiary-darken);
}

.codeflask .token.selector {
    color: var(--mud-palette-info);
}

.codeflask .token.property {
    color: var(--mud-palette-info);
}

.codeflask .token.tag {
    color: var(--mud-palette-info);
}

.codeflask .token.attr-value {
    color: var(--mud-palette-info);
}