Color scheme updates (#511)

psvenk · dtemkin1 · web-flow · commit 066164f33b2e · 2024-09-22T19:18:32.000-04:00
* Update colors

* Update 9 to contrast with 24

* Further update Course 9 color

* prettier

* prettier ✨

---------

Co-authored-by: Diego Temkin &lt;65834932+dtemkin1@users.noreply.github.com&gt;
diff --git a/src/assets/css/coursecolors.css b/src/assets/css/coursecolors.css
@@ -7,127 +7,136 @@ https://github.com/venkatesh-sivaraman/fireroad-server/blob/develop/requirements
 }
 
 .course-1 {
-  background-color: #de4343 !important;
+  background-color: #d10d23 !important;
 }
 .course-2 {
-  background-color: #de7643 !important;
+  background-color: #f16024 !important;
 }
 .course-3 {
-  background-color: #4369de !important;
+  background-color: #2816cd !important;
 }
 .course-4 {
-  background-color: #57b563 !important;
+  background-color: #bde788 !important;
 }
 .course-5 {
-  background-color: #43deaf !important;
+  background-color: #9eabd0 !important;
 }
 .course-6 {
-  background-color: #4390de !important;
+  background-color: #499eda !important;
 }
 .course-7 {
-  background-color: #5779b5 !important;
+  background-color: #4365a2 !important;
 }
 .course-8 {
-  background-color: #8157b5 !important;
+  background-color: #7a36bf !important;
 }
 .course-9 {
-  background-color: #8143de !important;
+  background-color: #482c7d !important;
 }
 .course-10 {
-  background-color: #b55757 !important;
+  background-color: #c96b52 !important;
 }
 .course-11 {
-  background-color: #b55773 !important;
+  background-color: #81235b !important;
 }
 .course-12 {
-  background-color: #43de4f !important;
+  background-color: #4bcb4a !important;
 }
 .course-14 {
-  background-color: #de9043 !important;
+  background-color: #f5a623 !important;
 }
 .course-15 {
-  background-color: #b55c57 !important;
+  background-color: #a40052 !important;
 }
 .course-16 {
-  background-color: #43b2de !important;
+  background-color: #7be1f0 !important;
 }
 .course-17 {
-  background-color: #de43b7 !important;
+  background-color: #c80db9 !important;
 }
 .course-18 {
-  background-color: #575db5 !important;
+  background-color: #13007d !important;
 }
 .course-20 {
-  background-color: #57b56e !important;
+  background-color: #64a518 !important;
 }
 .course-21 {
-  background-color: #57b567 !important;
+  background-color: #a18cd3 !important;
 }
 .course-21A {
-  background-color: #57b573 !important;
-}
-.course-21W {
-  background-color: #57b580 !important;
-}
-.course-CMS {
-  background-color: #57b58c !important;
+  background-color: #9162d0 !important;
 }
 .course-21G {
-  background-color: #57b599 !important;
+  background-color: #764e8d !important;
 }
 .course-21H {
-  background-color: #57b5a5 !important;
+  background-color: #b560c3 !important;
 }
 .course-21L {
-  background-color: #57b5b2 !important;
+  background-color: #d574d7 !important;
 }
 .course-21M {
-  background-color: #57acb5 !important;
+  background-color: #f1a7e5 !important;
 }
-.course-WGS {
-  background-color: #579fb5 !important;
+.course-21W {
+  background-color: #d16ca4 !important;
 }
 .course-22 {
-  background-color: #b55757 !important;
+  background-color: #734954 !important;
 }
 .course-24 {
-  background-color: #7657b5 !important;
+  background-color: #4d007b !important;
 }
 .course-CC {
-  background-color: #4fde43 !important;
+  background-color: #398486 !important;
+}
+.course-CMS {
+  background-color: #8aafb1 !important;
 }
 .course-CSB {
-  background-color: #579ab5 !important;
+  background-color: #f5889c !important;
 }
 .course-EC {
-  background-color: #76b557 !important;
+  background-color: #8b1d17 !important;
 }
 .course-EM {
-  background-color: #576eb5 !important;
+  background-color: #e1d059 !important;
 }
 .course-ES {
-  background-color: #5a57b5 !important;
+  background-color: #b0b02e !important;
 }
 .course-HST {
-  background-color: #5779b5 !important;
+  background-color: #90cdd0 !important;
 }
 .course-IDS {
-  background-color: #57b586 !important;
+  background-color: #8abd6d !important;
 }
 .course-MAS {
-  background-color: #57b55a !important;
+  background-color: #64696d !important;
 }
 .course-SCM {
-  background-color: #57b573 !important;
+  background-color: #152348 !important;
 }
 .course-STS {
-  background-color: #8f57b5 !important;
+  background-color: #155410 !important;
 }
-.course-SWE {
-  background-color: #b56b57 !important;
+.course-WGS {
+  background-color: #44cf9d !important;
 }
 .course-SP {
-  background-color: #4343de !important;
+  background-color: #f4dc26 !important;
+}
+.course-SWE {
+  background-color: #b82165 !important;
+}
+.course-AS {
+  background-color: #b0b0b0 !important;
+}
+.course-MS {
+  background-color: #b0b0b0 !important;
+}
+.course-NS {
+  background-color: #b0b0b0 !important;
 }
 
 .generic-GIR {
diff --git a/src/mixins/colorMixin.js b/src/mixins/colorMixin.js
@@ -23,16 +23,15 @@ export default {
         "20",
         "21",
         "21A",
-        "21W",
-        "CMS",
         "21G",
         "21H",
         "21L",
         "21M",
-        "WGS",
+        "21W",
         "22",
         "24",
         "CC",
+        "CMS",
         "CSB",
         "EC",
         "EM",
@@ -42,8 +41,12 @@ export default {
         "MAS",
         "SCM",
         "STS",
-        "SWE",
+        "WGS",
         "SP",
+        "SWE",
+        "AS",
+        "MS",
+        "NS",
       ],
       validGeneric: [
         "PHY1",

Original file line number	Diff line number	Diff line change
`@@ -7,127 +7,136 @@ https://github.com/venkatesh-sivaraman/fireroad-server/blob/develop/requirements`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`.course-1 {`
`10`		`- background-color: #de4343 !important;`
	`10`	`+ background-color: #d10d23 !important;`
`11`	`11`	`}`
`12`	`12`	`.course-2 {`
`13`		`- background-color: #de7643 !important;`
	`13`	`+ background-color: #f16024 !important;`
`14`	`14`	`}`
`15`	`15`	`.course-3 {`
`16`		`- background-color: #4369de !important;`
	`16`	`+ background-color: #2816cd !important;`
`17`	`17`	`}`
`18`	`18`	`.course-4 {`
`19`		`- background-color: #57b563 !important;`
	`19`	`+ background-color: #bde788 !important;`
`20`	`20`	`}`
`21`	`21`	`.course-5 {`
`22`		`- background-color: #43deaf !important;`
	`22`	`+ background-color: #9eabd0 !important;`
`23`	`23`	`}`
`24`	`24`	`.course-6 {`
`25`		`- background-color: #4390de !important;`
	`25`	`+ background-color: #499eda !important;`
`26`	`26`	`}`
`27`	`27`	`.course-7 {`
`28`		`- background-color: #5779b5 !important;`
	`28`	`+ background-color: #4365a2 !important;`
`29`	`29`	`}`
`30`	`30`	`.course-8 {`
`31`		`- background-color: #8157b5 !important;`
	`31`	`+ background-color: #7a36bf !important;`
`32`	`32`	`}`
`33`	`33`	`.course-9 {`
`34`		`- background-color: #8143de !important;`
	`34`	`+ background-color: #482c7d !important;`
`35`	`35`	`}`
`36`	`36`	`.course-10 {`
`37`		`- background-color: #b55757 !important;`
	`37`	`+ background-color: #c96b52 !important;`
`38`	`38`	`}`
`39`	`39`	`.course-11 {`
`40`		`- background-color: #b55773 !important;`
	`40`	`+ background-color: #81235b !important;`
`41`	`41`	`}`
`42`	`42`	`.course-12 {`
`43`		`- background-color: #43de4f !important;`
	`43`	`+ background-color: #4bcb4a !important;`
`44`	`44`	`}`
`45`	`45`	`.course-14 {`
`46`		`- background-color: #de9043 !important;`
	`46`	`+ background-color: #f5a623 !important;`
`47`	`47`	`}`
`48`	`48`	`.course-15 {`
`49`		`- background-color: #b55c57 !important;`
	`49`	`+ background-color: #a40052 !important;`
`50`	`50`	`}`
`51`	`51`	`.course-16 {`
`52`		`- background-color: #43b2de !important;`
	`52`	`+ background-color: #7be1f0 !important;`
`53`	`53`	`}`
`54`	`54`	`.course-17 {`
`55`		`- background-color: #de43b7 !important;`
	`55`	`+ background-color: #c80db9 !important;`
`56`	`56`	`}`
`57`	`57`	`.course-18 {`
`58`		`- background-color: #575db5 !important;`
	`58`	`+ background-color: #13007d !important;`
`59`	`59`	`}`
`60`	`60`	`.course-20 {`
`61`		`- background-color: #57b56e !important;`
	`61`	`+ background-color: #64a518 !important;`
`62`	`62`	`}`
`63`	`63`	`.course-21 {`
`64`		`- background-color: #57b567 !important;`
	`64`	`+ background-color: #a18cd3 !important;`
`65`	`65`	`}`
`66`	`66`	`.course-21A {`
`67`		`- background-color: #57b573 !important;`
`68`		`-}`
`69`		`-.course-21W {`
`70`		`- background-color: #57b580 !important;`
`71`		`-}`
`72`		`-.course-CMS {`
`73`		`- background-color: #57b58c !important;`
	`67`	`+ background-color: #9162d0 !important;`
`74`	`68`	`}`
`75`	`69`	`.course-21G {`
`76`		`- background-color: #57b599 !important;`
	`70`	`+ background-color: #764e8d !important;`
`77`	`71`	`}`
`78`	`72`	`.course-21H {`
`79`		`- background-color: #57b5a5 !important;`
	`73`	`+ background-color: #b560c3 !important;`
`80`	`74`	`}`
`81`	`75`	`.course-21L {`
`82`		`- background-color: #57b5b2 !important;`
	`76`	`+ background-color: #d574d7 !important;`
`83`	`77`	`}`
`84`	`78`	`.course-21M {`
`85`		`- background-color: #57acb5 !important;`
	`79`	`+ background-color: #f1a7e5 !important;`
`86`	`80`	`}`
`87`		`-.course-WGS {`
`88`		`- background-color: #579fb5 !important;`
	`81`	`+.course-21W {`
	`82`	`+ background-color: #d16ca4 !important;`
`89`	`83`	`}`
`90`	`84`	`.course-22 {`
`91`		`- background-color: #b55757 !important;`
	`85`	`+ background-color: #734954 !important;`
`92`	`86`	`}`
`93`	`87`	`.course-24 {`
`94`		`- background-color: #7657b5 !important;`
	`88`	`+ background-color: #4d007b !important;`
`95`	`89`	`}`
`96`	`90`	`.course-CC {`
`97`		`- background-color: #4fde43 !important;`
	`91`	`+ background-color: #398486 !important;`
	`92`	`+}`
	`93`	`+.course-CMS {`
	`94`	`+ background-color: #8aafb1 !important;`
`98`	`95`	`}`
`99`	`96`	`.course-CSB {`
`100`		`- background-color: #579ab5 !important;`
	`97`	`+ background-color: #f5889c !important;`
`101`	`98`	`}`
`102`	`99`	`.course-EC {`
`103`		`- background-color: #76b557 !important;`
	`100`	`+ background-color: #8b1d17 !important;`
`104`	`101`	`}`
`105`	`102`	`.course-EM {`
`106`		`- background-color: #576eb5 !important;`
	`103`	`+ background-color: #e1d059 !important;`
`107`	`104`	`}`
`108`	`105`	`.course-ES {`
`109`		`- background-color: #5a57b5 !important;`
	`106`	`+ background-color: #b0b02e !important;`
`110`	`107`	`}`
`111`	`108`	`.course-HST {`
`112`		`- background-color: #5779b5 !important;`
	`109`	`+ background-color: #90cdd0 !important;`
`113`	`110`	`}`
`114`	`111`	`.course-IDS {`
`115`		`- background-color: #57b586 !important;`
	`112`	`+ background-color: #8abd6d !important;`
`116`	`113`	`}`
`117`	`114`	`.course-MAS {`
`118`		`- background-color: #57b55a !important;`
	`115`	`+ background-color: #64696d !important;`
`119`	`116`	`}`
`120`	`117`	`.course-SCM {`
`121`		`- background-color: #57b573 !important;`
	`118`	`+ background-color: #152348 !important;`
`122`	`119`	`}`
`123`	`120`	`.course-STS {`
`124`		`- background-color: #8f57b5 !important;`
	`121`	`+ background-color: #155410 !important;`
`125`	`122`	`}`
`126`		`-.course-SWE {`
`127`		`- background-color: #b56b57 !important;`
	`123`	`+.course-WGS {`
	`124`	`+ background-color: #44cf9d !important;`
`128`	`125`	`}`
`129`	`126`	`.course-SP {`
`130`		`- background-color: #4343de !important;`
	`127`	`+ background-color: #f4dc26 !important;`
	`128`	`+}`
	`129`	`+.course-SWE {`
	`130`	`+ background-color: #b82165 !important;`
	`131`	`+}`
	`132`	`+.course-AS {`
	`133`	`+ background-color: #b0b0b0 !important;`
	`134`	`+}`
	`135`	`+.course-MS {`
	`136`	`+ background-color: #b0b0b0 !important;`
	`137`	`+}`
	`138`	`+.course-NS {`
	`139`	`+ background-color: #b0b0b0 !important;`
`131`	`140`	`}`
`132`	`141`
`133`	`142`	`.generic-GIR {`
-Original file line number
+Diff line change
         "20",
         "21",
         "21A",
 -        "21W",
 -        "CMS",
         "21G",
         "21H",
         "21L",
         "21M",
 -        "WGS",
 +        "21W",
         "22",
         "24",
         "CC",
 +        "CMS",
         "CSB",
         "EC",
         "EM",
         "MAS",
         "SCM",
         "STS",
 -        "SWE",
 +        "WGS",
         "SP",
 +        "SWE",
 +        "AS",
 +        "MS",
 +        "NS",
       ],
       validGeneric: [
         "PHY1",