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 Fonts
========================================================================== */ ========================================================================== */
...@@ -451,73 +476,73 @@ section.hidden { display: none; } ...@@ -451,73 +476,73 @@ section.hidden { display: none; }
.expand-level-option:hover { z-index: 2; } .expand-level-option:hover { z-index: 2; }
.expand-level-option:nth-child(1) { .expand-level-option:nth-child(1) {
background-color: rgb(27, 112, 202); background-color: var(--color-01);
color: rgb(27, 112, 202); color: var(--color-01);
} }
.expand-level-option:nth-child(2) { .expand-level-option:nth-child(2) {
background-color: rgb(254, 158, 5); background-color: var(--color-02);
color: rgb(254, 158, 5); color: var(--color-02);
} }
.expand-level-option:nth-child(3) { .expand-level-option:nth-child(3) {
background-color: rgb(132, 186, 91); background-color: var(--color-03);
color: rgb(132, 186, 91); color: var(--color-03);
} }
.expand-level-option:nth-child(4) { .expand-level-option:nth-child(4) {
background-color: rgb(202, 27, 27); background-color: var(--color-04);
color: rgb(202, 27, 27); color: var(--color-04);
} }
.expand-level-option:nth-child(5) { .expand-level-option:nth-child(5) {
background-color: rgb(5, 194, 228); background-color: var(--color-05);
color: rgb(5, 194, 228); color: var(--color-05);
} }
.expand-level-option:nth-child(6) { .expand-level-option:nth-child(6) {
background-color: rgb(191, 27, 202); background-color: var(--color-06);
color: rgb(191, 27, 202); color: var(--color-06);
} }
.expand-level-option:nth-child(7) { .expand-level-option:nth-child(7) {
background-color: rgb(171, 104, 87); background-color: var(--color-07);
color: rgb(171, 104, 87); color: var(--color-07);
} }
.expand-level-option:nth-child(8) { .expand-level-option:nth-child(8) {
background-color: rgb(204, 194, 16); background-color: var(--color-08);
color: rgb(204, 194, 16); color: var(--color-08);
} }
.expand-level-option:nth-child(9) { .expand-level-option:nth-child(9) {
background-color: rgb(252, 151, 218); background-color: var(--color-09);
color: rgb(252, 151, 218); color: var(--color-09);
} }
.expand-level-option:nth-child(10) { .expand-level-option:nth-child(10) {
background-color: rgb(87, 204, 188); background-color: var(--color-10);
color: rgb(87, 204, 188); color: var(--color-10);
} }
.expand-level-option:nth-child(11) { .expand-level-option:nth-child(11) {
background-color: rgb(235, 151, 55); background-color: var(--color-11);
color: rgb(235, 151, 55); color: var(--color-11);
} }
.expand-level-option:nth-child(12) { .expand-level-option:nth-child(12) {
background-color: rgb(181, 221, 162); background-color: var(--color-12);
color: rgb(181, 221, 162); color: var(--color-12);
} }
.expand-level-option:nth-child(13) { .expand-level-option:nth-child(13) {
background-color: rgb(211, 86, 149); background-color: var(--color-13);
color: rgb(211, 86, 149); color: var(--color-13);
} }
.expand-level-option:nth-child(14) { .expand-level-option:nth-child(14) {
background-color: rgb(224, 206, 40); background-color: var(--color-14);
color: rgb(224, 206, 40); color: var(--color-14);
} }
.expand-level-option span { display: none; } .expand-level-option span { display: none; }
...@@ -633,33 +658,33 @@ li + li > .axis-title #alt_symbole { display: none; } ...@@ -633,33 +658,33 @@ li + li > .axis-title #alt_symbole { display: none; }
.view_tag { color: black; } .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; } ...@@ -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 */ /* 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