Implement new Santiago region (WIP)

1 files changed, 71 insertions, 224 deletions

diff --git a/src/frontend/app/components/LineIcon.css b/src/frontend/app/components/LineIcon.css
index 4613a85..7d46b98 100644
--- a/src/frontend/app/components/LineIcon.css
+++ b/src/frontend/app/components/LineIcon.css
@@ -1,49 +1,75 @@
+/* Vigo line colors */
 :root {
-  --line-c1: rgb(237, 71, 19);
-  --line-c3d: rgb(255, 204, 0);
-  --line-c3i: rgb(255, 204, 0);
-  --line-l4a: rgb(0, 153, 0);
-  --line-l4c: rgb(0, 153, 0);
-  --line-l5a: rgb(0, 176, 240);
-  --line-l5b: rgb(0, 176, 240);
-  --line-l6: rgb(204, 51, 153);
-  --line-l7: rgb(150, 220, 153);
-  --line-l9b: rgb(244, 202, 140);
-  --line-l10: rgb(153, 51, 0);
-  --line-l11: rgb(226, 0, 38);
-  --line-l12a: rgb(106, 150, 190);
-  --line-l12b: rgb(106, 150, 190);
-  --line-l13: rgb(0, 176, 240);
-  --line-l14: rgb(129, 142, 126);
-  --line-l15a: rgb(216, 168, 206);
-  --line-l15b: rgb(216, 168, 206);
-  --line-l15c: rgb(216, 168, 168);
-  --line-l16: rgb(129, 142, 126);
-  --line-l17: rgb(214, 245, 31);
-  --line-l18a: rgb(212, 80, 168);
-  --line-l18b: rgb(0, 0, 0);
-  --line-l18h: rgb(0, 0, 0);
-  --line-l23: rgb(0, 70, 210);
-  --line-l24: rgb(191, 191, 191);
-  --line-l25: rgb(172, 100, 4);
-  --line-l27: rgb(112, 74, 42);
-  --line-l28: rgb(176, 189, 254);
-  --line-l29: rgb(248, 184, 90);
-  --line-l31: rgb(255, 255, 0);
-  --line-a: rgb(119, 41, 143);
-  --line-h: rgb(0, 96, 168);
-  --line-h1: rgb(0, 96, 168);
-  --line-h2: rgb(0, 96, 168);
-  --line-h3: rgb(0, 96, 168);
-  --line-lzd: rgb(61, 78, 167);
-  --line-n1: rgb(191, 191, 191);
-  --line-n4: rgb(102, 51, 102);
-  --line-psa1: rgb(0, 153, 0);
-  --line-psa4: rgb(0, 153, 0);
-  --line-ptl: rgb(150, 220, 153);
-  --line-turistico: rgb(102, 51, 102);
-  --line-u1: rgb(172, 100, 4);
-  --line-u2: rgb(172, 100, 4);
+  --line-vigo-c1: rgb(237, 71, 19);
+  --line-vigo-c3d: rgb(255, 204, 0);
+  --line-vigo-c3i: rgb(255, 204, 0);
+  --line-vigo-l4a: rgb(0, 153, 0);
+  --line-vigo-l4c: rgb(0, 153, 0);
+  --line-vigo-l5a: rgb(0, 176, 240);
+  --line-vigo-l5b: rgb(0, 176, 240);
+  --line-vigo-l6: rgb(204, 51, 153);
+  --line-vigo-l7: rgb(150, 220, 153);
+  --line-vigo-l9b: rgb(244, 202, 140);
+  --line-vigo-l10: rgb(153, 51, 0);
+  --line-vigo-l11: rgb(226, 0, 38);
+  --line-vigo-l12a: rgb(106, 150, 190);
+  --line-vigo-l12b: rgb(106, 150, 190);
+  --line-vigo-l13: rgb(0, 176, 240);
+  --line-vigo-l14: rgb(129, 142, 126);
+  --line-vigo-l15a: rgb(216, 168, 206);
+  --line-vigo-l15b: rgb(216, 168, 206);
+  --line-vigo-l15c: rgb(216, 168, 168);
+  --line-vigo-l16: rgb(129, 142, 126);
+  --line-vigo-l17: rgb(214, 245, 31);
+  --line-vigo-l18a: rgb(212, 80, 168);
+  --line-vigo-l18b: rgb(0, 0, 0);
+  --line-vigo-l18h: rgb(0, 0, 0);
+  --line-vigo-l23: rgb(0, 70, 210);
+  --line-vigo-l24: rgb(191, 191, 191);
+  --line-vigo-l25: rgb(172, 100, 4);
+  --line-vigo-l27: rgb(112, 74, 42);
+  --line-vigo-l28: rgb(176, 189, 254);
+  --line-vigo-l29: rgb(248, 184, 90);
+  --line-vigo-l31: rgb(255, 255, 0);
+  --line-vigo-a: rgb(119, 41, 143);
+  --line-vigo-h: rgb(0, 96, 168);
+  --line-vigo-h1: rgb(0, 96, 168);
+  --line-vigo-h2: rgb(0, 96, 168);
+  --line-vigo-h3: rgb(0, 96, 168);
+  --line-vigo-lzd: rgb(61, 78, 167);
+  --line-vigo-n1: rgb(191, 191, 191);
+  --line-vigo-n4: rgb(102, 51, 102);
+  --line-vigo-psa1: rgb(0, 153, 0);
+  --line-vigo-psa4: rgb(0, 153, 0);
+  --line-vigo-ptl: rgb(150, 220, 153);
+  --line-vigo-turistico: rgb(102, 51, 102);
+  --line-vigo-u1: rgb(172, 100, 4);
+  --line-vigo-u2: rgb(172, 100, 4);
+
+  --line-santiago-l1: #f32621;
+  --line-santiago-l4: #ffcc33;
+  --line-santiago-l5: #fa8405;
+  --line-santiago-l6: #d73983;
+  --line-santiago-l6a: #d73983;
+  --line-santiago-l7: #488bc1;
+  --line-santiago-l8: #6aaf48;
+  --line-santiago-l9: #46b8bb;
+  --line-santiago-c11: #aec741;
+  --line-santiago-l12: #842e14;
+  --line-santiago-l13: #336600;
+  --line-santiago-l15: #7a4b2a;
+  --line-santiago-c2: #283a87;
+  --line-santiago-c4: #283a87;
+  --line-santiago-c5: #999999;
+  --line-santiago-c6: #006666;
+  --line-santiago-p1: #537eb3;
+  --line-santiago-p2: #d23354;
+  --line-santiago-p3: #75bd96;
+  --line-santiago-p4: #f1c54f;
+  --line-santiago-p6: #999999;
+  --line-santiago-p7: #d2438c;
+  --line-santiago-p8: #e28c3a;
+
 }
 
 .line-icon {
@@ -55,187 +81,8 @@
   font-weight: 600;
   text-transform: uppercase;
   border-radius: 0.25rem 0.25rem 0 0;
-
   color: var(--text-color);
   background-color: var(--background-color);
 }
 
-.line-c1 {
-  border-color: var(--line-c1);
-}
-
-.line-c3d {
-  border-color: var(--line-c3d);
-}
-
-.line-c3i {
-  border-color: var(--line-c3i);
-}
-
-.line-l4a {
-  border-color: var(--line-l4a);
-}
-
-.line-l4c {
-  border-color: var(--line-l4c);
-}
-
-.line-l5a {
-  border-color: var(--line-l5a);
-}
-
-.line-l5b {
-  border-color: var(--line-l5b);
-}
-
-.line-l6 {
-  border-color: var(--line-l6);
-}
-
-.line-l7 {
-  border-color: var(--line-l7);
-}
-
-.line-l9b {
-  border-color: var(--line-l9b);
-}
-
-.line-l10 {
-  border-color: var(--line-l10);
-}
-
-.line-l11 {
-  border-color: var(--line-l11);
-}
-
-.line-l12a {
-  border-color: var(--line-l12a);
-}
-
-.line-l12b {
-  border-color: var(--line-l12b);
-}
-
-.line-l13 {
-  border-color: var(--line-l13);
-}
-
-.line-l14 {
-  border-color: var(--line-l14);
-}
-
-.line-l15a {
-  border-color: var(--line-l15a);
-}
-
-.line-l15b {
-  border-color: var(--line-l15b);
-}
-
-.line-l15c {
-  border-color: var(--line-l15c);
-}
-
-.line-l16 {
-  border-color: var(--line-l16);
-}
-
-.line-l17 {
-  border-color: var(--line-l17);
-}
-
-.line-l18a {
-  border-color: var(--line-l18a);
-}
 
-.line-l18b {
-  border-color: var(--line-l18b);
-}
-
-.line-l18h {
-  border-color: var(--line-l18h);
-}
-
-.line-l23 {
-  border-color: var(--line-l23);
-}
-
-.line-l24 {
-  border-color: var(--line-l24);
-}
-
-.line-l25 {
-  border-color: var(--line-l25);
-}
-
-.line-l27 {
-  border-color: var(--line-l27);
-}
-
-.line-l28 {
-  border-color: var(--line-l28);
-}
-
-.line-l29 {
-  border-color: var(--line-l29);
-}
-
-.line-l31 {
-  border-color: var(--line-l31);
-}
-
-.line-a {
-  border-color: var(--line-a);
-}
-
-.line-h {
-  border-color: var(--line-h);
-}
-
-.line-h1 {
-  border-color: var(--line-h1);
-}
-
-.line-h2 {
-  border-color: var(--line-h2);
-}
-
-.line-h3 {
-  border-color: var(--line-h3);
-}
-
-.line-lzd {
-  border-color: var(--line-lzd);
-}
-
-.line-n1 {
-  border-color: var(--line-n1);
-}
-
-.line-n4 {
-  border-color: var(--line-n4);
-}
-
-.line-psa1 {
-  border-color: var(--line-psa1);
-}
-
-.line-psa4 {
-  border-color: var(--line-psa4);
-}
-
-.line-ptl {
-  border-color: var(--line-ptl);
-}
-
-.line-turistico {
-  border-color: var(--line-turistico);
-}
-
-.line-u1 {
-  border-color: var(--line-u1);
-}
-
-.line-u2 {
-  border-color: var(--line-u2);
-}