colorscheme-template.css

.dark-theme {
    --color-background-1: #525568;
    --color-background-2: #44475A;
    --color-background-3: #353747;
    --color-background-4: #282A36;
    --color-background-5: #21222C;

    --color-foreground-1: #F8F8F2;
    --color-foreground-2: #E3E3E2;
    --color-foreground-3: #C6C7CC;

    --color-shadow-1: #353747;
    --color-shadow-2: #21222C;
    --color-shadow-3: #1A1C24;
}

.light-theme {
    --color-background-1: #F3F4F6;
    --color-background-2: #E8E8EE;
    --color-background-3: #DCDDE5;
    --color-background-4: #D0D2DC;
    --color-background-5: #C4C7D4;

    --color-foreground-1: #44475A;
    --color-foreground-2: #353747;
    --color-foreground-3: #282A36;

    --color-shadow-1: #DCDDE5;
    --color-shadow-2: #C4C7D4;
    --color-shadow-3: #B2B5C2;
}

.colorscheme {
    --color-comment: #6272A4;

    --color-red-1:#FF6E6E;
    --color-red-2: #FF5555;
    --color-red-3: #E63C3C;
    --color-orange-1: #FFD185;
    --color-orange-2: #FFB86C;
    --color-orange-3: #E69F53;
    --color-yellow-1: #FFFFA5;
    --color-yellow-2: #F1FA8C;
    --color-yellow-3: #D8E173;
    --color-green-1: #69FF94;
    --color-green-2: #50FA7B;
    --color-green-3: #37EB62; 
    --color-cyan-1: #A4FFFF;
    --color-cyan-2: #8BE9FD;
    --color-cyan-3: #72D0E4;
    --color-blue-1: #6DCCFF;
    --color-blue-2: #54B3FF;
    --color-blue-3: #3B9AE6;
    --color-purple-1: #D6ACFF;
    --color-purple-2: #BD93F9;
    --color-purple-3: #A47AE0;
    --color-pink-1: #FF92DF;
    --color-pink-2: #FF79C6;
    --color-pink-3: #E660AD;
}