From 8792714379fe1d46180d9362f42f06b14ae5c98f Mon Sep 17 00:00:00 2001
From: Dawid Sowa <dawid.sowa@rdx.works>
Date: Mon, 10 Jun 2024 11:08:29 +0200
Subject: [PATCH] fix: add css variables

---
 packages/connect-button/src/components/rcfm-page/rcfm-page.ts   | 2 ++
 .../components/wallet-connector-card/wallet-connector-info.ts   | 1 +
 2 files changed, 3 insertions(+)

diff --git a/packages/connect-button/src/components/rcfm-page/rcfm-page.ts b/packages/connect-button/src/components/rcfm-page/rcfm-page.ts
index 089ab710..90647770 100644
--- a/packages/connect-button/src/components/rcfm-page/rcfm-page.ts
+++ b/packages/connect-button/src/components/rcfm-page/rcfm-page.ts
@@ -4,6 +4,7 @@ import '../mask/mask'
 import '../wallet-connector-card/wallet-connector-card'
 import '../wallet-connector-card/wallet-connector-info'
 import '../loading-spinner/loading-spinner'
+import { variablesCSS } from '../../theme'
 
 @customElement('radix-rcfm-page')
 export class RadixRcfmPage extends LitElement {
@@ -53,6 +54,7 @@ export class RadixRcfmPage extends LitElement {
   }
 
   static styles = [
+    variablesCSS,
     css`
       .loading-container {
         display: flex;
diff --git a/packages/connect-button/src/components/wallet-connector-card/wallet-connector-info.ts b/packages/connect-button/src/components/wallet-connector-card/wallet-connector-info.ts
index 2678df62..b42a8f5c 100644
--- a/packages/connect-button/src/components/wallet-connector-card/wallet-connector-info.ts
+++ b/packages/connect-button/src/components/wallet-connector-card/wallet-connector-info.ts
@@ -45,6 +45,7 @@ export class RadixWalletConnectorInfo extends LitElement {
         font-size: 24px;
         font-weight: 700;
         margin: 0;
+        color: var(--color-grey-1);
       }
 
       .error {