fix(admin): entity text color

bodnara · xflord · commit dcfbdcd67be1 · 2023-09-29T15:02:30.000+02:00
Changes rgba values to plain rgb as it was not woriking with css variables. (cherry picked from commit 000d882)
diff --git a/apps/admin-gui/src/_styles.scss b/apps/admin-gui/src/_styles.scss
@@ -94,10 +94,10 @@ mat.$theme-ignore-duplication-warnings: true;
 
 .vo-btn {
   background: var(--vo-color);
-  color: rgba(var(--vo-color-text), 1);
+  color: var(--vo-color-text);
 
   &:hover {
-    color: rgba(var(--vo-color-text), 1);
+    color: var(--vo-color-text);
   }
 }
 
@@ -106,7 +106,7 @@ mat.$theme-ignore-duplication-warnings: true;
   text-decoration: underline;
 
   &:hover {
-    color: rgba(var(--vo-color-text), 1);
+    color: #000000;
   }
 }
 
@@ -163,10 +163,10 @@ mat.$theme-ignore-duplication-warnings: true;
 
 .facility-btn {
   background-color: var(--facility-color);
-  color: rgba(var(--facility-color-text), 1);
+  color: var(--facility-color-text);
 
   &:hover {
-    color: rgba(var(--facility-color-text), 1);
+    color: var(--facility-color-text);
   }
 }
 
@@ -175,7 +175,7 @@ mat.$theme-ignore-duplication-warnings: true;
   text-decoration: underline;
 
   &:hover {
-    color: rgba(var(--facility-color-text), 1);
+    color: #000000;
   }
 }
 
@@ -232,10 +232,10 @@ mat.$theme-ignore-duplication-warnings: true;
 
 .resource-btn {
   background-color: var(--resource-color);
-  color: rgba(var(--resource-color-text), 1);
+  color: var(--resource-color-text);
 
   &:hover {
-    color: rgba(var(--resource-color-text), 1);
+    color: var(--resource-color-text);
   }
 }
 
@@ -244,7 +244,7 @@ mat.$theme-ignore-duplication-warnings: true;
   text-decoration: underline;
 
   &:hover {
-    color: rgba(var(--resource-color-text), 1);
+    color: #000000;
   }
 }
 
@@ -301,10 +301,10 @@ mat.$theme-ignore-duplication-warnings: true;
 
 .group-btn {
   background: var(--group-color);
-  color: rgba(var(--group-color-text), 1);
+  color: var(--group-color-text);
 
   &:hover {
-    color: rgba(var(--group-color-text), 1);
+    color: var(--group-color-text);
   }
 }
 
@@ -313,7 +313,7 @@ mat.$theme-ignore-duplication-warnings: true;
   text-decoration: underline;
 
   &:hover {
-    color: rgba(var(--group-color-text), 1);
+    color: #000000;
   }
 }
 
@@ -370,10 +370,10 @@ mat.$theme-ignore-duplication-warnings: true;
 
 .member-btn {
   background-color: var(--member-color);
-  color: rgba(var(--member-color-text), 1);
+  color: var(--member-color-text);
 
   &:hover {
-    color: rgba(var(--member-color-text), 1);
+    color: var(--member-color-text);
   }
 }
 
@@ -382,7 +382,7 @@ mat.$theme-ignore-duplication-warnings: true;
   text-decoration: underline;
 
   &:hover {
-    color: rgba(var(--member-color-text), 1);
+    color: #000000;
   }
 }
 
@@ -439,10 +439,10 @@ mat.$theme-ignore-duplication-warnings: true;
 
 .admin-btn {
   background-color: var(--admin-color);
-  color: rgba(var(--admin-color-text), 1);
+  color: var(--admin-color-text);
 
   &:hover {
-    color: rgba(var(--admin-color-text), 1);
+    color: #000000;
   }
 }
 
@@ -499,10 +499,10 @@ mat.$theme-ignore-duplication-warnings: true;
 
 .user-btn {
   background-color: var(--user-color);
-  color: rgba(var(--user-color-text), 1);
+  color: var(--user-color-text);
 
   &:hover {
-    color: rgba(var(--user-color-text), 1);
+    color: var(--user-color-text);
   }
 }
 
@@ -511,7 +511,7 @@ mat.$theme-ignore-duplication-warnings: true;
   text-decoration: underline;
 
   &:hover {
-    color: rgba(var(--user-color-text), 1);
+    color: #000000;
   }
 }
 
@@ -568,10 +568,10 @@ mat.$theme-ignore-duplication-warnings: true;
 
 .service-btn {
   background-color: var(--service-color);
-  color: rgba(var(--service-color-text), 1);
+  color: var(--service-color-text);
 
   &:hover {
-    color: rgba(var(--service-color-text), 1);
+    color: var(--service-color-text);
   }
 }
 
@@ -580,7 +580,7 @@ mat.$theme-ignore-duplication-warnings: true;
   text-decoration: underline;
 
   &:hover {
-    color: rgba(var(--service-color-text), 1);
+    color: #000000;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -94,10 +94,10 @@ mat.$theme-ignore-duplication-warnings: true;`
`94`	`94`
`95`	`95`	`.vo-btn {`
`96`	`96`	`background: var(--vo-color);`
`97`		`- color: rgba(var(--vo-color-text), 1);`
	`97`	`+ color: var(--vo-color-text);`
`98`	`98`
`99`	`99`	`&:hover {`
`100`		`- color: rgba(var(--vo-color-text), 1);`
	`100`	`+ color: var(--vo-color-text);`
`101`	`101`	`}`
`102`	`102`	`}`
`103`	`103`
`@@ -106,7 +106,7 @@ mat.$theme-ignore-duplication-warnings: true;`
`106`	`106`	`text-decoration: underline;`
`107`	`107`
`108`	`108`	`&:hover {`
`109`		`- color: rgba(var(--vo-color-text), 1);`
	`109`	`+ color: #000000;`
`110`	`110`	`}`
`111`	`111`	`}`
`112`	`112`
`@@ -163,10 +163,10 @@ mat.$theme-ignore-duplication-warnings: true;`
`163`	`163`
`164`	`164`	`.facility-btn {`
`165`	`165`	`background-color: var(--facility-color);`
`166`		`- color: rgba(var(--facility-color-text), 1);`
	`166`	`+ color: var(--facility-color-text);`
`167`	`167`
`168`	`168`	`&:hover {`
`169`		`- color: rgba(var(--facility-color-text), 1);`
	`169`	`+ color: var(--facility-color-text);`
`170`	`170`	`}`
`171`	`171`	`}`
`172`	`172`
`@@ -175,7 +175,7 @@ mat.$theme-ignore-duplication-warnings: true;`
`175`	`175`	`text-decoration: underline;`
`176`	`176`
`177`	`177`	`&:hover {`
`178`		`- color: rgba(var(--facility-color-text), 1);`
	`178`	`+ color: #000000;`
`179`	`179`	`}`
`180`	`180`	`}`
`181`	`181`
`@@ -232,10 +232,10 @@ mat.$theme-ignore-duplication-warnings: true;`
`232`	`232`
`233`	`233`	`.resource-btn {`
`234`	`234`	`background-color: var(--resource-color);`
`235`		`- color: rgba(var(--resource-color-text), 1);`
	`235`	`+ color: var(--resource-color-text);`
`236`	`236`
`237`	`237`	`&:hover {`
`238`		`- color: rgba(var(--resource-color-text), 1);`
	`238`	`+ color: var(--resource-color-text);`
`239`	`239`	`}`
`240`	`240`	`}`
`241`	`241`
`@@ -244,7 +244,7 @@ mat.$theme-ignore-duplication-warnings: true;`
`244`	`244`	`text-decoration: underline;`
`245`	`245`
`246`	`246`	`&:hover {`
`247`		`- color: rgba(var(--resource-color-text), 1);`
	`247`	`+ color: #000000;`
`248`	`248`	`}`
`249`	`249`	`}`
`250`	`250`
`@@ -301,10 +301,10 @@ mat.$theme-ignore-duplication-warnings: true;`
`301`	`301`
`302`	`302`	`.group-btn {`
`303`	`303`	`background: var(--group-color);`
`304`		`- color: rgba(var(--group-color-text), 1);`
	`304`	`+ color: var(--group-color-text);`
`305`	`305`
`306`	`306`	`&:hover {`
`307`		`- color: rgba(var(--group-color-text), 1);`
	`307`	`+ color: var(--group-color-text);`
`308`	`308`	`}`
`309`	`309`	`}`
`310`	`310`
`@@ -313,7 +313,7 @@ mat.$theme-ignore-duplication-warnings: true;`
`313`	`313`	`text-decoration: underline;`
`314`	`314`
`315`	`315`	`&:hover {`
`316`		`- color: rgba(var(--group-color-text), 1);`
	`316`	`+ color: #000000;`
`317`	`317`	`}`
`318`	`318`	`}`
`319`	`319`
`@@ -370,10 +370,10 @@ mat.$theme-ignore-duplication-warnings: true;`
`370`	`370`
`371`	`371`	`.member-btn {`
`372`	`372`	`background-color: var(--member-color);`
`373`		`- color: rgba(var(--member-color-text), 1);`
	`373`	`+ color: var(--member-color-text);`
`374`	`374`
`375`	`375`	`&:hover {`
`376`		`- color: rgba(var(--member-color-text), 1);`
	`376`	`+ color: var(--member-color-text);`
`377`	`377`	`}`
`378`	`378`	`}`
`379`	`379`
`@@ -382,7 +382,7 @@ mat.$theme-ignore-duplication-warnings: true;`
`382`	`382`	`text-decoration: underline;`
`383`	`383`
`384`	`384`	`&:hover {`
`385`		`- color: rgba(var(--member-color-text), 1);`
	`385`	`+ color: #000000;`
`386`	`386`	`}`
`387`	`387`	`}`
`388`	`388`
`@@ -439,10 +439,10 @@ mat.$theme-ignore-duplication-warnings: true;`
`439`	`439`
`440`	`440`	`.admin-btn {`
`441`	`441`	`background-color: var(--admin-color);`
`442`		`- color: rgba(var(--admin-color-text), 1);`
	`442`	`+ color: var(--admin-color-text);`
`443`	`443`
`444`	`444`	`&:hover {`
`445`		`- color: rgba(var(--admin-color-text), 1);`
	`445`	`+ color: #000000;`
`446`	`446`	`}`
`447`	`447`	`}`
`448`	`448`
`@@ -499,10 +499,10 @@ mat.$theme-ignore-duplication-warnings: true;`
`499`	`499`
`500`	`500`	`.user-btn {`
`501`	`501`	`background-color: var(--user-color);`
`502`		`- color: rgba(var(--user-color-text), 1);`
	`502`	`+ color: var(--user-color-text);`
`503`	`503`
`504`	`504`	`&:hover {`
`505`		`- color: rgba(var(--user-color-text), 1);`
	`505`	`+ color: var(--user-color-text);`
`506`	`506`	`}`
`507`	`507`	`}`
`508`	`508`
`@@ -511,7 +511,7 @@ mat.$theme-ignore-duplication-warnings: true;`
`511`	`511`	`text-decoration: underline;`
`512`	`512`
`513`	`513`	`&:hover {`
`514`		`- color: rgba(var(--user-color-text), 1);`
	`514`	`+ color: #000000;`
`515`	`515`	`}`
`516`	`516`	`}`
`517`	`517`
`@@ -568,10 +568,10 @@ mat.$theme-ignore-duplication-warnings: true;`
`568`	`568`
`569`	`569`	`.service-btn {`
`570`	`570`	`background-color: var(--service-color);`
`571`		`- color: rgba(var(--service-color-text), 1);`
	`571`	`+ color: var(--service-color-text);`
`572`	`572`
`573`	`573`	`&:hover {`
`574`		`- color: rgba(var(--service-color-text), 1);`
	`574`	`+ color: var(--service-color-text);`
`575`	`575`	`}`
`576`	`576`	`}`
`577`	`577`
`@@ -580,7 +580,7 @@ mat.$theme-ignore-duplication-warnings: true;`
`580`	`580`	`text-decoration: underline;`
`581`	`581`
`582`	`582`	`&:hover {`
`583`		`- color: rgba(var(--service-color-text), 1);`
	`583`	`+ color: #000000;`
`584`	`584`	`}`
`585`	`585`	`}`
`586`	`586`