content updates

components/CalculationBaseOutput/CalculationBase.module.css

@@ -20,3 +20,7 @@
   display: flex;
   align-items: center;
 }
+
+.fiat {
+  color: var(--text-dimmed);
+}

components/CalculationBaseOutput/CalculationBase.tsx

@@ -19,7 +19,9 @@ export function CalculationBase() {
       <li>
         <p>1 ASI</p>
         <p>
-          = <span className={feedbackClasses}>${prices.asi}</span>
+          <span className={`${styles.fiat} ${feedbackClasses}`}>
+            ${prices.asi}
+          </span>
         </p>
       </li>
       <li>
@@ -28,7 +30,9 @@ export function CalculationBase() {
           <Label>fixed</Label>
         </p>
         <p>
-          = <span className={feedbackClasses}>${prices.fet}</span>
+          <span className={`${styles.fiat} ${feedbackClasses}`}>
+            ${prices.fet}
+          </span>
         </p>
       </li>
       <li>
@@ -37,7 +41,9 @@ export function CalculationBase() {
           <Label>fixed</Label>
         </p>
         <p>
-          = <span className={feedbackClasses}>${prices.ocean}</span>
+          <span className={`${styles.fiat} ${feedbackClasses}`}>
+            ${prices.ocean}
+          </span>
         </p>
       </li>
       <li>
@@ -46,7 +52,9 @@ export function CalculationBase() {
           <Label>fixed</Label>
         </p>
         <p>
-          = <span className={feedbackClasses}>${prices.agix}</span>
+          <span className={`${styles.fiat} ${feedbackClasses}`}>
+            ${prices.agix}
+          </span>
         </p>
       </li>
     </ul>

components/ResultRow/ResultRow.module.css

@@ -18,7 +18,7 @@
 }
 
 .fiat {
-  color: rgba(var(--foreground-rgb), 0.6);
+  color: var(--text-dimmed);
 }
 
 .iconArrow {

content.md

@@ -2,10 +2,10 @@ The **→ lines** show what you would get with the displayed token amount at the
 
 All displayed values should be seen as estimates. Except for the [fixed ASI exchange rate](https://blog.oceanprotocol.com/ocean-protocol-is-joining-the-superintelligence-alliance-767c82693f24#3c8e), all other values are constantly changing based on market conditions. There is no guarantee the displayed values reflect the value of your investment once the actual ASI swap mechanism is released. Use at your own risk.
 
-### All About Token Merge
+You can find all the details about the token merge in every team's announcement post:
-
-You can find all the details about the token merger in every team's announcement post:
 
 - [Ocean Protocol: Ocean Protocol is joining the Superintelligence Alliance](https://blog.oceanprotocol.com/ocean-protocol-is-joining-the-superintelligence-alliance-767c82693f24)
 - [Fetch.ai: Superintelligence Alliance Token Merge $ASI](https://fetch.ai/blog/superintelligence-alliance-token-merge-asi)
 - [SingularityNET: Introducing the Artificial Superintelligence Alliance](https://blog.singularitynet.io/introducing-the-artificial-superintelligence-alliance-40a4dea01e62)
+
+Any numbers looking wrong or anything missing? [Open an issue](https://github.com/kremalicious/asi-calculator/issues).

styles/_variables.css

@@ -11,6 +11,8 @@
     rgb(176, 187, 240) 30%,
     rgb(255, 255, 255) 100%
   );
+
+  --text-dimmed: rgba(var(--foreground-rgb), 0.6);
 }
 
 @media (prefers-color-scheme: dark) {