🗻 Nord Theme CSS

July 29, 2023 00:00 • Category: Code Bytes

Nord is one of my favorite themes right now and is the base color palette for ascii.monster. I'm still a gruvbox dark user in my IDE, but I do switch to Nord every now and then when my eyes need some new candy to look at while I'm coding.

I've taken each of the colors listed on the Nord Theme page and placed them into a css snippet for easy copy & pasting below. I also wanted to showcase each color on this page as well.

Polar Night 1
Polar Night 2
Polar Night 3
Polar Night 4
Snow Storm 1
Snow Storm 2
Snow Storm 3
Frost 1
Frost 2
Frost 3
Frost 4
Aurora Red
Aurora Orange
Aurora Yellow
Aurora Green
Aurora Purple
:root {
    --polar-night-dark1: #2E3440;
    --polar-night-dark2: #3B4252;
    --polar-night-dark3: #434C5E;
    --polar-night-dark4: #4C566A;

    --snow-storm-light1: #D8DEE9;
    --snow-storm-light2: #E5E9F0;
    --snow-storm-light3: #ECEFF4;

    --frost1: #8FBCBB;
    --frost2: #88C0D0;
    --frost3: #81A1C1;
    --frost4: #5E81AC;

    --aurora-red: #BF616A;
    --aurora-orange: #D08770;
    --aurora-yellow: #EBCB8B;
    --aurora-green: #A3BE8C;
    --aurora-purple: #B48EAD;
}