Merge pull request #586 from MerginMaps/per_seat_pricing

add variables and custom classes

Author: MarcelGeo

web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_extensions.scss

@@ -110,6 +110,10 @@ img {
   color: map-get($colors, 'dark-green');
 }
 
+.text-color-dark-gray {
+  color: map-get($colors, 'dark-gray');
+}
+
 .overflow-wrap-anywhere {
   overflow-wrap: anywhere;
 }
@@ -124,3 +128,8 @@ img {
 .p-avatar:not(.p-avatar-lg):not(.p-avatar-xl) {
   font-size: 0.857rem;
 }
+
+.tooltip {
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+}

web-app/packages/lib/src/assets/sass/themes/mm-theme-light/_variables.scss

@@ -37,7 +37,9 @@ $colors: (
     "rose": #FFBABC,
     "field": #9BD1A9,
     "sky": #A6CBF4,
-    "informative": #BEDAF0
+    "informative": #BEDAF0,
+    "dark-gray": #41464C,
+    "medium-gray": #A0A3A5
 );
 
 // Mandatory Designer Variables
@@ -115,5 +117,7 @@ $colors: (
     --dark-green-color: #{map-get($colors, "dark-green")};
     --negative-light-color: #{map-get($colors, "negative-light")};
     --earth-color: #{map-get($colors, "earth")};
+    --dark-gray-color: #{map-get($colors, "dark-gray")};
+    --medium-gray-color: #{map-get($colors, "medium-gray")};
     color-scheme: light;
 }