Syntax Highlighter.css

body {
    --bg-color:       #222;
    --default-color:  #fff;
    --comment-color:  #888;
    --shift-color:    #00a0bf;
    --edit-color:     #cf0700; /* cf0700 */
    --loop-color:     #fcba03; /* #07cf00 */
    --io-color:       #cf00b6;

    background-color: var(--bg-color);
    margin: 30px;
    font-size: 48px;
}

.brainfuck {
    font-family: Consolas;
    color: var(--default-color);
}

.brainfuck .comment {
    color: var(--comment-color);
    /* font-weight: normal; */
}

.brainfuck .shift {
    color: var(--shift-color);
}

.brainfuck .edit {
    color: var(--edit-color);
}

.brainfuck .loop {
    color: var(--loop-color);
    font-weight: bold;
}

.brainfuck .io {
    color: var(--io-color);
}