body {
    --text-color: #fff;
    --bg-1: #5a189a;
    --bg-2: #10002b;
    --color-1: #E0AAFF;
    --color-2: #7B2CBF;
    --color-3: #3C096C;
    --color-4: #240046;
}
body[theme=blackandwhite] {
    --text-color: #fff;
    --bg-1: #504d53;
    --bg-2: #090909;
    --color-1: #bfbfbf;
    --color-2: #8e8e8e;
    --color-3: #5c5c5c;
    --color-4: #000000;
}
body[theme=grass] {
    --text-color: #ffffff;
    --bg-1: #385041;
    --bg-2: #1d3024;
    --color-1: #a8e5a7;
    --color-2: #559b7a;
    --color-3: #3a5c3f;
    --color-4: #242e22;
}
body[theme=evil] {
    --text-color: #ffffff;
    --bg-1: #ba2a2a;
    --bg-2: #591414;
    --color-1: #eb8181;
    --color-2: #ae4141;
    --color-3: #7b3838;
    --color-4: #4f2626;
}
body[theme=sky] {
    --text-color: #ffffff;
    --bg-1: #6aacbe;
    --bg-2: #3e87bb;
    --color-1: #46ccd6;
    --color-2: #337792;
    --color-3: #38617b;
    --color-4: #263b4f;
}