COLORS	RECOM. NUMBERS	CSS-BG	CSS-Txt	PURPOSE
Colors	(!) = recommended start
Color Extradark	18 , 19(!) , 28 , 29	co-xda	t-co-xda	Background
Color Dark	16 , 17(!) , 26 , 27	co-da	t-co-da	Links, Headings
Color Medium	13 , 14(!) , 23 , 24	co-me	t-co-me	Text, Background
Color Light	11(! , 12 , 21 , 22	co-li	t-co-li	Background, text
Color Extralight	10(!) , 20	co-li	t-co-li	Background, text
Greys
Grey Extradark	48 , 49 , 58 , 59(!)	gr-xda	t-gr-xda	Text
Grey Dark	46 , 47 , 56 , 57(!)	gr-da	t-gr-da	Text
Grey Medium	53(!) , 54	gr-me	t-gr-me	Text
Grey Light	41 , 42 , 51(!) , 52	gr-li	t-gr-li	Background, text
Grey Extralight	40 , 50(!)	gr-xli	t-gr-xli	Background, text
Accents
Accent Color 1 (e.g. Neon)	15 , 16(!) , 17 , 25 , 26 , 27	co-ac	t-co-ac	Buttons, Links, H1, H2
Accent Color 2 (e.g. Compl. color, ana color 1)	15 , 16(!) , 17 , 25 , 26 , 27	co-ac2	t-co-ac2	Buttons, Links, H1, H2
Accent Color 3 (e.g. analogue color 2)	15 , 16(!) , 17, 25, 26, 27	co-ac3	t-co-ac3	Buttons, Links, H1, H2

/* =============== YOUR COLOR PALLETTE =============== */
:root {
   /* Colors */
   --co-xda: 012B33; /*o19*/
   --co-da:  016F86; /*o17*/
   --co-me:  A4EFFF; /*o13*/
   --co-li:  E8FBFF; /*o11*/
   --co-xli: F4FDFF; /*o10*/
   /* Greys */
   --gr-xda: 171A1C; /*o59*/
   --gr-da:  3D4749; /*o57*/
   --gr-me:  CCD4D5; /*o53*/
   --gr-li:  F3F5F5; /*o51*/
   --gr-xli: F9FAFA; /*o50*/
   /* Accents */
   --co-ac:  00D5FF; /*o15*/
   --co-ac2: 04FFFF; /*n15 analogue color 1*/
   --co-ac3: 01AAFF; /*p15 analogue color 2*/
}

/* =============== BACKGROUND COLORS =============== */
/* Color Background */
.co-xda {background-color:var(--co-xda)}
.co-da  {background-color:var(--co-da)}
.co-me  {background-color:var(--co-me)}
.co-li  {background-color:var(--co-li)}
.co-xli {background-color:var(--co-xli)}
/* Grey Background */
.gr-xda {background-color:var(--gr-xda)}
.gr-da  {background-color:var(--gr-da)}
.gr-me  {background-color:var(--gr-me)}
.gr-li  {background-color:var(--gr-li)}
.gr-xli {background-color:var(--gr-xli)}
/* Accent Background */
.co-ac  {background-color:var(--co-ac)}
.co-ac2 {background-color:var(--co-ac2)}
.co-ac3 {background-color:var(--co-ac3)}

/* ================== TEXT COLORS ================== */
/* Color Text */
.t-co-xda {color:var(--co-xda)}
.t-co-da  {color:var(--co-da)}
.t-co-me  {color:var(--co-me)}
.t-co-li  {color:var(--co-li)}
.t-co-xli {color:var(--co-xli)}
/* Grey Text */
.t-gr-xda {color:var(--gr-xda)}
.t-gr-da  {color:var(--gr-da)}
.t-gr-me  {color:var(--gr-me)}
.t-gr-li  {color:var(--gr-li)}
.t-gr-xli {color:var(--gr-xli)}
/* Accent Text */
.t-co-ac  {color:var(--co-ac)}
.t-co-ac2 {color:var(--co-ac2)}
.t-co-ac3 {color:var(--co-ac3)}

/* ======== Change color theme depending on post, category or class ======== */
.postid-14, /* different colors on 1 post. Change post-ID */
.category-slugofcategory, /* different colors on 1 category. Change category-ID */
.theme-subject1 /* different colors on 1 class. Change class name */ { 
   --cl-xda: 013329; /*m19*/
   --cl-da:  00866B; /*m17*/
   --cl-me:  A3FFED; /*m13*/
   --cl-li:  E8FFFB; /*m11*/
   --cl-xli: F4FFFC; /*m10*/
   /* Accents */
   --cl-ac:  04FFCC; /*m15*/
   --cl-ac2: 04FFFF; /*n15*/
   --cl-ac3: 04FF7F; /*l15*/
}

Old versions

/* =============== YOUR COLOR PALLETTE =============== */
:root {
   /* Colors */
   --clr-xda: 012B33; /*o19*/
   --clr-da:  016F86; /*o17*/
   --clr-me:  A4EFFF; /*o13*/
   --clr-li:  E8FBFF; /*o11*/
   --clr-xli: F4FDFF; /*o10*/
   /* Greys */
   --gr-xda: 171A1C; /*o59*/
   --gr-da:  3D4749; /*o57*/
   --gr-me:  CCD4D5; /*o53*/
   --gr-li:  F3F5F5; /*o51*/
   --gr-xli: F9FAFA; /*o50*/
   /* Accents */
   --clr-ac:  00D5FF; /*o15*/
   --clr-ac2: 04FFFF; /*n15 analogue color 1*/
   --clr-ac3: 01AAFF; /*p15 analogue color 2*/
}

/* =============== BACKGROUND COLORS =============== */
/* Color Background */
.cl-xda {background-color:var(--clr-xda)}
.cl-da  {background-color:var(--clr-da)}
.cl-me  {background-color:var(--clr-me)}
.cl-li  {background-color:var(--clr-li)}
.cl-xli {background-color:var(--clr-xli)}
/* Grey Background */
.gr-xda {background-color:var(--gr-xda)}
.gr-da  {background-color:var(--gr-da)}
.gr-me  {background-color:var(--gr-me)}
.gr-li  {background-color:var(--gr-li)}
.gr-xli {background-color:var(--gr-xli)}
/* Accent Background */
.cl-ac  {background-color:var(--clr-ac)}
.cl-ac2 {background-color:var(--clr-ac2)}
.cl-ac3 {background-color:var(--clr-ac3)}

/* ================== TEXT COLORS ================== */
/* Color Text */
.t-cl-xda {color:var(--clr-xda)}
.t-cl-da  {color:var(--clr-da)}
.t-cl-me  {color:var(--clr-me)}
.t-cl-li  {color:var(--clr-li)}
.t-clr-xli{color:var(--clr-xli)}
/* Grey Text */
.t-gr-xda {color:var(--gr-xda)}
.t-gr-da  {color:var(--gr-da)}
.t-gr-me  {color:var(--gr-me)}
.t-gr-li  {color:var(--gr-li)}
.t-gr-xli {color:var(--gr-xli)}
/* Accent Text */
.t-cl-ac  {color:var(--clr-ac)}
.t-cl-ac2 {color:var(--clr-ac2)}
.t-cl-ac3 {color:var(--clr-ac3)}