Color integrity pallete

This file defines the favourite color choices.

Light mode

:root {
    --primary-color: #F1F1F1;
    --secondary-color:#E0E0E0;
    --font-color: #7F7F7F;
    --bg-color: #fff;
    --heading-color: #000000;
}

Color pallete

'seashell': {
    '50': '#fefefe', 
    '100': '#fefefe', 
    '200': '#fcfcfc', 
    '300': '#f9f9f9', 
    '400': '#f5f5f5', 
    '500': '#f1f1f1', 
    '600': '#d9d9d9', 
    '700': '#b5b5b5', 
    '800': '#919191', 
    '900': '#767676'
}

Experimental dark mode

[data-theme="dark"] {
    --primary-color: #24282f;
    --secondary-color: #31363F;
    --font-color: #7D848F;
    --bg-color: #282C34;
    --heading-color: #F0F0F0;
}

Color pallete

'shark': {
    '50': '#f4f4f5', 
    '100': '#eaeaeb', 
    '200': '#c9cacc', 
    '300': '#a9abae', 
    '400': '#696b71', 
    '500': '#282c34', 
    '600': '#24282f', 
    '700': '#1e2127', 
    '800': '#181a1f', 
    '900': '#141619'
}