Commit 3e9d0ecd authored by alexandre's avatar alexandre

variable colors

parent f4258416
/* ==========================================================================
Variables
========================================================================== */
:root {
--color-01: rgb(027, 112, 202);
--color-02: rgb(254, 158, 005);
--color-03: rgb(132, 186, 091);
--color-04: rgb(202, 027, 027);
--color-05: rgb(005, 194, 228);
--color-06: rgb(191, 027, 202);
--color-07: rgb(171, 104, 087);
--color-08: rgb(204, 194, 016);
--color-09: rgb(252, 151, 218);
--color-10: rgb(087, 204, 188);
--color-11: rgb(235, 151, 055);
--color-12: rgb(181, 221, 162);
--color-13: rgb(211, 086, 149);
--color-14: rgb(224, 206, 040);
}
/* ==========================================================================
Fonts
========================================================================== */
......@@ -451,73 +476,73 @@ section.hidden { display: none; }
.expand-level-option:hover { z-index: 2; }
.expand-level-option:nth-child(1) {
background-color: rgb(27, 112, 202);
color: rgb(27, 112, 202);
background-color: var(--color-01);
color: var(--color-01);
}
.expand-level-option:nth-child(2) {
background-color: rgb(254, 158, 5);
color: rgb(254, 158, 5);
background-color: var(--color-02);
color: var(--color-02);
}
.expand-level-option:nth-child(3) {
background-color: rgb(132, 186, 91);
color: rgb(132, 186, 91);
background-color: var(--color-03);
color: var(--color-03);
}
.expand-level-option:nth-child(4) {
background-color: rgb(202, 27, 27);
color: rgb(202, 27, 27);
background-color: var(--color-04);
color: var(--color-04);
}
.expand-level-option:nth-child(5) {
background-color: rgb(5, 194, 228);
color: rgb(5, 194, 228);
background-color: var(--color-05);
color: var(--color-05);
}
.expand-level-option:nth-child(6) {
background-color: rgb(191, 27, 202);
color: rgb(191, 27, 202);
background-color: var(--color-06);
color: var(--color-06);
}
.expand-level-option:nth-child(7) {
background-color: rgb(171, 104, 87);
color: rgb(171, 104, 87);
background-color: var(--color-07);
color: var(--color-07);
}
.expand-level-option:nth-child(8) {
background-color: rgb(204, 194, 16);
color: rgb(204, 194, 16);
background-color: var(--color-08);
color: var(--color-08);
}
.expand-level-option:nth-child(9) {
background-color: rgb(252, 151, 218);
color: rgb(252, 151, 218);
background-color: var(--color-09);
color: var(--color-09);
}
.expand-level-option:nth-child(10) {
background-color: rgb(87, 204, 188);
color: rgb(87, 204, 188);
background-color: var(--color-10);
color: var(--color-10);
}
.expand-level-option:nth-child(11) {
background-color: rgb(235, 151, 55);
color: rgb(235, 151, 55);
background-color: var(--color-11);
color: var(--color-11);
}
.expand-level-option:nth-child(12) {
background-color: rgb(181, 221, 162);
color: rgb(181, 221, 162);
background-color: var(--color-12);
color: var(--color-12);
}
.expand-level-option:nth-child(13) {
background-color: rgb(211, 86, 149);
color: rgb(211, 86, 149);
background-color: var(--color-13);
color: var(--color-13);
}
.expand-level-option:nth-child(14) {
background-color: rgb(224, 206, 40);
color: rgb(224, 206, 40);
background-color: var(--color-14);
color: var(--color-14);
}
.expand-level-option span { display: none; }
......@@ -633,33 +658,33 @@ li + li > .axis-title #alt_symbole { display: none; }
.view_tag { color: black; }
li .tag { color: rgb(27, 112, 202); }
li .tag { color: var(--color-01); }
li li .tag { color: rgb(254, 158, 5); }
li li .tag { color: var(--color-02); }
li li li .tag { color: rgb(132, 186, 91); }
li li li .tag { color: var(--color-03); }
li li li li .tag { color: rgb(202, 27, 27); }
li li li li .tag { color: var(--color-04); }
li li li li li .tag { color: rgb(5, 194, 228); }
li li li li li .tag { color: var(--color-05); }
li li li li li li .tag { color: rgb(191, 27, 202); }
li li li li li li .tag { color: var(--color-06); }
li li li li li li li .tag { color: rgb(171, 104, 87); }
li li li li li li li .tag { color: var(--color-07); }
li li li li li li li li .tag { color: rgb(204, 194, 16); }
li li li li li li li li .tag { color: var(--color-08); }
li li li li li li li li li .tag { color: rgb(252, 151, 218); }
li li li li li li li li li .tag { color: var(--color-09); }
li li li li li li li li li li .tag { color: rgb(87, 204, 188); }
li li li li li li li li li li .tag { color: var(--color-10); }
li li li li li li li li li li li .tag { color: rgb(235, 151, 55); }
li li li li li li li li li li li .tag { color: var(--color-11); }
li li li li li li li li li li li li .tag { color: rgb(181, 221, 162); }
li li li li li li li li li li li li .tag { color: var(--color-12); }
li li li li li li li li li li li li li .tag { color: rgb(211, 86, 149); }
li li li li li li li li li li li li li .tag { color: var(--color-13); }
li li li li li li li li li li li li li li .tag { color: rgb(224, 206, 40); }
li li li li li li li li li li li li li li .tag { color: var(--color-14); }
......@@ -830,30 +855,30 @@ li li li li li li li li li .axis-edit-form { left: -35em; }
/* subaxis colors, according to the level of nesting */
li form { color: rgb(27, 112, 202); }
li form { color: var(--color-01); }
li li form { color: rgb(254, 158, 5); }
li li form { color: var(--color-02); }
li li li form { color: rgb(132, 186, 91); }
li li li form { color: var(--color-03); }
li li li li form { color: rgb(202, 27, 27); }
li li li li form { color: var(--color-04); }
li li li li li form { color: rgb(5, 194, 228); }
li li li li li form { color: var(--color-05); }
li li li li li li form { color: rgb(191, 27, 202); }
li li li li li li form { color: var(--color-06); }
li li li li li li li form { color: rgb(171, 104, 87); }
li li li li li li li form { color: var(--color-07); }
li li li li li li li li form { color: rgb(204, 194, 16); }
li li li li li li li li form { color: var(--color-08); }
li li li li li li li li li form { color: rgb(252, 151, 218); }
li li li li li li li li li form { color: var(--color-09); }
li li li li li li li li li li form { color: rgb(87, 204, 188); }
li li li li li li li li li li form { color: var(--color-10); }
li li li li li li li li li li li form { color: rgb(235, 151, 55); }
li li li li li li li li li li li form { color: var(--color-11); }
li li li li li li li li li li li li form { color: rgb(181, 221, 162); }
li li li li li li li li li li li li form { color: var(--color-12); }
li li li li li li li li li li li li li form { color: rgb(211, 86, 149); }
li li li li li li li li li li li li li form { color: var(--color-13); }
li li li li li li li li li li li li li li form { color: rgb(224, 206, 40); }
li li li li li li li li li li li li li li form { color: var(--color-14); }
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