:root {
    /*Standart*/
    --white: #fff;
    --black: #000;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    --bg: aliceblue;
    --username: #0044ff;
    --editor: white;
    --chat: white;
    --text: #000000;
    --link: #000000;
    --border:#000000;
    --selected: lightgreen;
    --active: rgb(0, 216, 216);

    --tag: rgb(0, 17, 173);
    --attribute: rgb(0, 216, 216);
    --string: rgb(216, 148, 0);

    --scrollbartrack: rgb(222,222,222);
    --scrollbarthumb: rgb(170, 170, 170);
}

body.darktheme {
    --bg: #1a1b2e;  
    --username: #ff0000;
    --editor: #16213e;
    --chat: #0f3460;
    --text: #ffffff;
    --link: #4d8fff;
    --border: #4d8fff;
    --selected: lightgreen;
    --active: rgb(0, 17, 173);
    
    --tag: rgb(230, 0, 107);
    --attribute: rgb(241, 204, 36);
    --string: rgb(0, 216, 205);

    --scrollbartrack: #1b4d8b;
    --scrollbarthumb: #2b2d63;
}


body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 24px;
}

.highlight_tag{
    color: var(--tag);
}

.highlight_attribute {
    color: var(--attribute);
}

.highlight_string {
    color: var(--string);
}