My favorite color palatte

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'
}