:root {
    --browser-theme-color: #3c83f6;
    --ui-color-background1: #000000;
    --ui-color-background2: #2f2f50;
    --ui-color-accent1: #3c83f6;
    --ui-color-accent2: #f64f3c;
    --ui-color-form-background: #393840;
    --ui-color-form-highlighted: #4d4d1b;
    --flowchart-Assign-color1: #808020;
    --flowchart-Assign-color2: #ffff40;
    --flowchart-Assign-color3: #ffffa0;
    --flowchart-Output-color1: #208020;
    --flowchart-Output-color2: #40ff40;
    --flowchart-Output-color3: #a0ffa0;
    --flowchart-Input-color1: #204080;
    --flowchart-Input-color2: #40a0ff;
    --flowchart-Input-color3: #90c0ff;
    --flowchart-If-color1: #804040;
    --flowchart-If-color2: #ffc0c0;
    --flowchart-If-color3: #ffe0e0;
    --flowchart-DoWhile-color1: #804020;
    --flowchart-DoWhile-color2: #ff8000;
    --flowchart-DoWhile-color3: #ffc040;
    --flowchart-While-color1: #804020;
    --flowchart-While-color2: #ff8000;
    --flowchart-While-color3: #ffc040;
    --flowchart-For-color1: #804020;
    --flowchart-For-color2: #ff8000;
    --flowchart-For-color3: #ffc040;
    --flowchart-Breakpoint-color1: #801010;
    --flowchart-Breakpoint-color2: #ff2020;
    --flowchart-Comment-dashLength: 12;
    --flowchart-Turtle-Move-color1: #1e3c78;
    --flowchart-Turtle-Move-color2: #346ed2;
    --flowchart-Turtle-Move-color3: #73abff;
    --flowchart-Turtle-Turn-color1: #491e78;
    --flowchart-Turtle-Turn-color2: #8334d2;
    --flowchart-Turtle-Turn-color3: #b973ff;
    --flowchart-Turtle-Home-color1: #491e78;
    --flowchart-Turtle-Home-color2: #8334d2;
    --flowchart-Turtle-Home-color3: #b973ff;
    --flowchart-Error-color2: #be4a24;
    --flowchart-Round-color1: #804080;
    --flowchart-Round-color2: #e0a0e0;
    --flowchart-Round-color3: #ffb0f0;
    --flowchart-Font-family: "Noto Sans";
    --flowchart-Font-svgEmbeddableFile: "fonts/NotoSans-Regular.woff2";
    --flowchart-Block-font-size: 13.25;
    --flowchart-Block-text-maxWidth: 25;
    --flowchart-Block-wrapMode: old;
    --flowchart-Block-outline-thickness: 1.5;
    --flowchart-Block-highlight-color1: #3c83f6;
    --flowchart-Block-highlight-color2: #ffffff;
    --flowchart-Block-highlight-color3: #ffffff;
    --flowchart-Line-thickness: 2;
    --flowchart-Line-color: #c0c0c0;
    --flowchart-Line-arrow-size: 5;
    --flowchart-Line-font-size: 11;
    --flowchart-Line-selected-color: #ffc040;
    --flowchart-Padding-base: 8;
    --flowchart-Padding-spaceBetweenInstructions: 22;
    --turtle-color-cursor: #ffff40;
    --turtle-color-background: #222e46;
    --turtle-color-foreground: #ffffff;
}

#variablesArea *[contenteditable] {
    background: #393840;
}

div.popup {
    background: #202020;
    border-radius: 0;
}

#variablesArea,
#consoleArea {
    background: #000000;
}
