diff --git a/components/CalculationBaseOutput/CalculationBase.module.css b/components/CalculationBaseOutput/CalculationBase.module.css index 74141a0..f41f363 100644 --- a/components/CalculationBaseOutput/CalculationBase.module.css +++ b/components/CalculationBaseOutput/CalculationBase.module.css @@ -20,3 +20,7 @@ display: flex; align-items: center; } + +.fiat { + color: var(--text-dimmed); +} diff --git a/components/CalculationBaseOutput/CalculationBase.tsx b/components/CalculationBaseOutput/CalculationBase.tsx index f0d4cc7..f2c4e7a 100644 --- a/components/CalculationBaseOutput/CalculationBase.tsx +++ b/components/CalculationBaseOutput/CalculationBase.tsx @@ -19,7 +19,9 @@ export function CalculationBase() {
  • 1 ASI

    - = ${prices.asi} + + ${prices.asi} +

  • @@ -28,7 +30,9 @@ export function CalculationBase() {

    - = ${prices.fet} + + ${prices.fet} +

  • @@ -37,7 +41,9 @@ export function CalculationBase() {

    - = ${prices.ocean} + + ${prices.ocean} +

  • @@ -46,7 +52,9 @@ export function CalculationBase() {

    - = ${prices.agix} + + ${prices.agix} +

  • diff --git a/components/ResultRow/ResultRow.module.css b/components/ResultRow/ResultRow.module.css index 5ef116b..3bec289 100644 --- a/components/ResultRow/ResultRow.module.css +++ b/components/ResultRow/ResultRow.module.css @@ -18,7 +18,7 @@ } .fiat { - color: rgba(var(--foreground-rgb), 0.6); + color: var(--text-dimmed); } .iconArrow { diff --git a/content.md b/content.md index 3d757af..beef303 100644 --- a/content.md +++ b/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 merger in every team's announcement post: +You can find all the details about the token merge 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). diff --git a/styles/_variables.css b/styles/_variables.css index b530cd1..9f7f1c7 100644 --- a/styles/_variables.css +++ b/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) {