Commit 0bf4537a authored by Laura Kalbag's avatar Laura Kalbag
Browse files

More colour work

parent d93cd43d
/* COLOURS, concatenated as #1/14 file in the stylesheet */
/* PALETTE, concatenated as #1/14 file in the stylesheet */
:root {
/* mono theme colours and code colours */
--mono0: #fff;
......@@ -16,303 +14,302 @@
--mono80: #333;
--mono90: #191919;
--mono100: #000;
--lightRed: #D56464;
--darkRed: #882525;
--lightOrange: #d47d42;
--darkOrange: #6F4200;
--lightBlue: #4F8DB8;
--darkBlue: #284A62;
--lightAqua: #6bb4b7;
--darkAqua: #285152;
--lightGreen: #4FB876;
--darkGreen: #1D492D;
--lightYellow: #ebce46;
--darkYellow: #5C4500;
--lightRed: #FFC3A7;
--darkRed: #82073B;
--lightOrange: #FEE59E;
--darkOrange: #783806;
--lightBlue: #C1D0DD;
--darkBlue: #303B4B;
--lightAqua: #AFE1E8;
--darkAqua: #154652;
--lightGreen: #CBE89B;
--darkGreen: #004E48;
--lightYellow: #FFF697;
--darkYellow: #724F00;
--lightBeige: #EFE6D5;
--darkBeige: #644337;
--lightPink: #F3D7E0;
--darkPink: #64374C;
--lightLime: #DFF289;
--darkLime: #0C5820;
--lightLilac: #D2D8ED;
--darkLilac: #422D50;
}
/* amber-orange theme colours */
[data-colour-theme='amber-orange'] {
--originalColour: #FEC24F;
/* Small Technology theme colours */
[data-colour-theme='blue'] {
--complementary: var(--lightYellow);
--colour0: #fff;
--colour5: #fdfbf9;
--colour10: #fffef0;
--colour15: #fffae2;
--colour20: #fff3d3;
--colour25: #ffe5b5;
--colour30: #fed298;
--colour35: #febd74;
--colour40: #fea44f;
--colour45: #eb9046;
--colour50: #d47d42;
--colour55: #c56335;
--colour60: #a95035;
--colour65: #94402f;
--colour70: #7f3128;
--colour75: #6a2124;
--colour80: #551a25;
--colour85: #3f1420;
--colour90: #2a0d18;
--colour95: #110a0c;
--colour5: #D3FBFF;
--colour10: #C3F5F9;
--colour15: #AFE1E8;
--colour20: #b0dde4;
--colour25: #a6d6de;
--colour30: #9bd0d8;
--colour35: #91c9d2;
--colour40: #76BCC7;
--colour45: #79b4be;
--colour50: #6ca5b0;
--colour55: #5f97a2;
--colour60: #528994;
--colour65: #457a86;
--colour70: #386c78;
--colour75: #2b5d6a;
--colour80: #154652;
--colour85: #13343d;
--colour90: #13343d;
--colour95: #091a1e;
--colour100: #000;
}
/* ash-beige theme colours */
[data-colour-theme='ash-beige'] {
--originalColour: #DCCEB6;
[data-colour-theme='green'] {
--complementary: var(--lightPink);
--colour0: #fff;
--colour5: #fdfdfc;
--colour10: #fcfcf9;
--colour15: #f9f8f3;
--colour20: #f6f4ed;
--colour25: #f0ebe1;
--colour30: #ebe0d4;
--colour35: #e4d4c5;
--colour40: #dcc7b6;
--colour45: #cbb5a6;
--colour50: #b7a498;
--colour55: #a69088;
--colour60: #937d79;
--colour65: #816c69;
--colour70: #6e5d5b;
--colour75: #5b4c4c;
--colour80: #493d3e;
--colour85: #372d31;
--colour90: #251e23;
--colour95: #121011;
--colour5: #FDFEBE;
--colour10: #E3F9A8;
--colour15: #CBE89B;
--colour20: #cae69d;
--colour25: #c3e096;
--colour30: #bcda8f;
--colour35: #b5d488;
--colour40: #A4C776;
--colour45: #96be7c;
--colour50: #7dae77;
--colour55: #659e72;
--colour60: #4c8d6e;
--colour65: #337d69;
--colour70: #00625B;
--colour75: #004E48;
--colour80: #0f4640;
--colour85: #0b3430;
--colour90: #072320;
--colour95: #031110;
--colour100: #000;
}
/* lavender blue theme colours (default) */
:root, [data-colour-theme='lavender-blue'] {
--originalColour: #AAB5D6;
[data-colour-theme='lilac'] {
--complementary: var(--lightYellow);
--colour0: #fff;
--colour5: #fdfdfc;
--colour10: #f8fcf9;
--colour15: #f1f9f5;
--colour20: #eaf5f2;
--colour25: #dbecee;
--colour30: #cddbe7;
--colour35: #bbc9df;
--colour40: #aab5d6;
--colour45: #9ba3c5;
--colour50: #8e93b2;
--colour55: #847fa1;
--colour60: #7e718f;
--colour65: #73637d;
--colour70: #67556b;
--colour75: #594758;
--colour80: #473943;
--colour85: #362a30;
--colour90: #241c1e;
--colour95: #110f0f;
--colour5: #F7FAFE;
--colour10: #E9EEFB;
--colour15: #D2D8ED;
--colour20: #d0d5ea;
--colour25: #c9cfe6;
--colour30: #c2c8e2;
--colour35: #bbc2de;
--colour40: #AAB5D6;
--colour45: #a9aacb;
--colour50: #9e99bd;
--colour55: #9388b0;
--colour60: #8877a1;
--colour65: #7d6693;
--colour70: #694D7B;
--colour75: #5e4370;
--colour80: #422D50;
--colour85: #33203c;
--colour90: #342541;
--colour95: #302a3f;
--colour100: #000;
}
/* lilac pink theme colours */
[data-colour-theme='lilac-pink'] {
--originalColour: #E9B7C7;
[data-colour-theme='red'] {
--complementary: var(--lightYellow);
--colour0: #fff;
--colour5: #fefdfd;
--colour10: #fdfaf9;
--colour15: #fbf5f3;
--colour20: #faefed;
--colour25: #f6e2e1;
--colour30: #f2d5d6;
--colour35: #edc6cc;
--colour40: #e9b7c4;
--colour45: #d8a6b3;
--colour50: #c299a5;
--colour55: #af899d;
--colour60: #9b7a93;
--colour65: #896a87;
--colour70: #725c75;
--colour75: #5b4c62;
--colour80: #463d4e;
--colour85: #312e3a;
--colour90: #1f1f27;
--colour95: #131113;
--colour5: #FFF1D5;
--colour10: #FFDDBC;
--colour15: #FFC3A7;
--colour20: #f7bea8;
--colour25: #f4b2a0;
--colour30: #f1a699;
--colour35: #ee9a91;
--colour40: #EF857F;
--colour45: #db7a82;
--colour50: #cb657b;
--colour55: #bb5173;
--colour60: #ab3c6c;
--colour65: #97285A;
--colour70: #82073B;
--colour75: #710037;
--colour80: #5a002c;
--colour85: #440021;
--colour90: #2d0016;
--colour95: #16000b;
--colour100: #000;
}
/* lime green theme colours */
[data-colour-theme='lime-green'] {
--originalColour: #D2ED5B;
[data-colour-theme='yellow'] {
--complementary: var(--lightAqua);
--colour0: #fff;
--colour5: #fdfdfa;
--colour10: #f1fef3;
--colour15: #e9fde3;
--colour20: #ecfbd6;
--colour25: #e5f8ba;
--colour30: #e4f59f;
--colour35: #dff17d;
--colour40: #dced5b;
--colour45: #d1db52;
--colour50: #c1c64c;
--colour55: #b6b240;
--colour60: #9e933d;
--colour65: #8a7936;
--colour70: #77622e;
--colour75: #634d26;
--colour80: #4f391e;
--colour85: #3c2816;
--colour90: #28190f;
--colour95: #110c0b;
--colour5: #FFFEF5;
--colour10: #FFFEB2;
--colour15: #FFF697;
--colour20: #fcf693;
--colour25: #fcf585;
--colour30: #fbf477;
--colour35: #fbf369;
--colour40: #FEEF4F;
--colour45: #e7d84c;
--colour50: #d4be3d;
--colour55: #c1a42f;
--colour60: #ad8a20;
--colour65: #9a7011;
--colour70: #804C00;
--colour75: #724F00;
--colour80: #614702;
--colour85: #493501;
--colour90: #302301;
--colour95: #181100;
--colour100: #000;
}
/* mustard yellow theme colours */
[data-colour-theme='mustard-yellow'] {
--originalColour: #FEEF4F;
[data-colour-theme='orange'] {
--complementary: var(--lightLilac);
--colour0: #fff;
--colour5: #fdfcf9;
--colour10: #fafff0;
--colour15: #f8ffe2;
--colour20: #faffd3;
--colour25: #fcffb5;
--colour30: #fefb98;
--colour35: #fef374;
--colour40: #fee74f;
--colour45: #ebce46;
--colour50: #d4b442;
--colour55: #c59935;
--colour60: #a97c35;
--colour65: #94652f;
--colour70: #7f5128;
--colour75: #6a3d21;
--colour80: #552b1a;
--colour85: #3f1d14;
--colour90: #2a110d;
--colour95: #110b0a;
--colour5: #FFF9D3;
--colour10: #FFEDB9;
--colour15: #FEE59E;
--colour20: #fae298;
--colour25: #fadc89;
--colour30: #f9d679;
--colour35: #f9d06a;
--colour40: #FEC24F;
--colour45: #e5b04a;
--colour50: #d1973a;
--colour55: #bd7e29;
--colour60: #a96519;
--colour65: #904307;
--colour70: #783806;
--colour75: #693505;
--colour80: #542a04;
--colour85: #3f2003;
--colour90: #2a1502;
--colour95: #150a01;
--colour100: #000;
}
/* olive green theme colours */
[data-colour-theme='olive-green'] {
--originalColour: #A4C776;
[data-colour-theme='lime'] {
--complementary: var(--lightPink);
--colour0: #fff;
--colour5: #fbfcfa;
--colour10: #f4faf9;
--colour15: #e9f5ee;
--colour20: #ddf1dd;
--colour25: #d0e8c6;
--colour30: #cbdeaf;
--colour35: #bcd293;
--colour40: #b0c776;
--colour45: #a5b76b;
--colour50: #99a662;
--colour55: #8f9757;
--colour60: #82854f;
--colour65: #757445;
--colour70: #64603b;
--colour75: #534c31;
--colour80: #423a27;
--colour85: #312a1e;
--colour90: #211b14;
--colour95: #0f0d0c;
--colour5: #FDFEBE;
--colour10: #f6fdb9;
--colour15: #F0F9A4;
--colour20: #DFF289;
--colour25: #e0f48a;
--colour30: #def381;
--colour35: #dbf278;
--colour40: #d9f16f;
--colour45: #D2ED5B;
--colour50: #b2d65b;
--colour55: #8ebc4f;
--colour60: #69a144;
--colour65: #458738;
--colour70: #146128;
--colour75: #0C5820;
--colour80: #134f1b;
--colour85: #0e3b14;
--colour90: #09270d;
--colour95: #041306;
--colour100: #000;
}
/* plum pink theme colours */
[data-colour-theme='plum-pink'] {
--originalColour: #EF857F;
[data-colour-theme='pink'] {
--complementary: var(--lightYellow);
--colour0: #fff;
--colour5: #fdfbfb;
--colour10: #fef9f4;
--colour15: #fdf1e9;
--colour20: #fbe7df;
--colour25: #f8d3ca;
--colour30: #f6bcb4;
--colour35: #f3a399;
--colour40: #ef8a7f;
--colour45: #dd7472;
--colour50: #c76a70;
--colour55: #b65d6d;
--colour60: #9f556b;
--colour65: #8c4a6d;
--colour70: #78406b;
--colour75: #643562;
--colour80: #4b2a50;
--colour85: #33203c;
--colour90: #1e1528;
--colour95: #120d11;
--colour5: #FEF9FC;
--colour10: #FDECF4;
--colour15: #F3D7E0;
--colour20: #f0d3dd;
--colour25: #eeccd8;
--colour30: #ebc5d2;
--colour35: #E9B7C7;
--colour40: #dbadbf;
--colour45: #cd9db1;
--colour50: #bf8da3;
--colour55: #b17d95;
--colour60: #a36d87;
--colour65: #955d79;
--colour70: #804661;
--colour75: #794561;
--colour80: #64374C;
--colour85: #512d40;
--colour90: #361e2b;
--colour95: #1b0f15;
--colour100: #000;
}
/* sea blue theme colours */
[data-colour-theme='sea-blue'] {
--originalColour: #76BCC7;
[data-colour-theme='stormy'] {
--complementary: var(--lightYellow);
--colour0: #fff;
--colour5: #fcfbfa;
--colour10: #f8faf4;
--colour15: #eef5e9;
--colour20: #e0f1dd;
--colour25: #c6e8cd;
--colour30: #afdecb;
--colour35: #93d2c2;
--colour40: #76c7bd;
--colour45: #6bb4b7;
--colour50: #6297a6;
--colour55: #577797;
--colour60: #4f5b85;
--colour65: #454675;
--colour70: #433b64;
--colour75: #403153;
--colour80: #392742;
--colour85: #2f1e31;
--colour90: #211420;
--colour95: #0f0c0d;
--colour5: #EEF5FA;
--colour10: #D8E5EF;
--colour15: #C1D0DD;
--colour20: #c1cfdc;
--colour25: #bac9d7;
--colour30: #b3c3d3;
--colour35: #acbdce;
--colour40: #a5b7c9;
--colour45: #92AABE;
--colour50: #8fa2b6;
--colour55: #8092a8;
--colour60: #718299;
--colour65: #62728b;
--colour70: #495972;
--colour75: #465268;
--colour80: #303B4B;
--colour85: #2a313f;
--colour90: #1c212a;
--colour95: #0e1015;
--colour100: #000;
}
/* steel grey theme colours */
[data-colour-theme='steel-grey'] {
--originalColour: #A4B8B6;
[data-colour-theme='grey'] {
--complementary: var(--lightYellow);
--colour0: #fff;
--colour5: #fcfcfb;
--colour10: #f8f9f7;
--colour15: #f1f3ef;
--colour20: #eaede8;
--colour25: #d9e1d9;
--colour30: #cad6ce;
--colour35: #b7c7bf;
--colour40: #a4b8b1;
--colour45: #96a9a6;
--colour50: #899999;
--colour55: #7a868b;
--colour60: #6d737b;
--colour65: #60636b;
--colour70: #52535c;
--colour75: #47454c;
--colour80: #3b373d;
--colour85: #2d292e;
--colour90: #1e1b1f;
--colour95: #0f0e0f;
--colour5: #F2F8F5;
--colour10: #DFEBE4;
--colour15: #C7D4CC;
--colour20: #c8d4ce;
--colour25: #c3d0cb;
--colour30: #beccc8;
--colour35: #b8c8c4;
--colour40: #b3c4c1;
--colour45: #A4B8B6;
--colour50: #9badad;
--colour55: #889b9d;
--colour60: #76898d;
--colour65: #63777d;
--colour70: #465C62;
--colour75: #44595f;
--colour80: #304349;
--colour85: #2a383d;
--colour90: #1c2629;
--colour95: #0e1314;
--colour100: #000;
}
/* storm blue theme colours */
[data-colour-theme='storm-blue'] {
--originalColour: #A4B8B6;
[data-colour-theme='beige'] {
--complementary: var(--lightYellow);
--colour0: #fff;
--colour5: #fcfcfb;
--colour10: #f8faf6;
--colour15: #edf5ed;
--colour20: #e4efe9;
--colour25: #d1e4df;
--colour30: #bfd9d8;
--colour35: #a8c7cc;
--colour40: #92b1be;
--colour45: #859daf;
--colour50: #7a899e;
--colour55: #6c7490;
--colour60: #61627f;
--colour65: #5c556f;
--colour70: #55495f;
--colour75: #4a3d4f;
--colour80: #3d313f;
--colour85: #30242e;
--colour90: #20181d;
--colour95: #0f0d0e;
--colour5: #FFFFFF;
--colour10: #FBF7EF;
--colour15: #EFE6D5;
--colour20: #eae1d0;
--colour25: #e4dac7;
--colour30: #DCCEB6;
--colour35: #d2c4af;
--colour40: #c5b5a1;
--colour45: #b9a692;
--colour50: #ac9784;
--colour55: #9f8776;
--colour60: #937867;
--colour65: #866959;
--colour70: #725042;
--colour75: #684c40;
--colour80: #563f36;
--colour85: #45322d;
--colour90: #332422;
--colour95: #211718;
--colour100: #000;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment