-
+
|
-
+
|
@@ -62,7 +62,7 @@
{{ utxo.blocknumber + utxo.timelock - lastReservesBlockUpdate < 0 ? -(utxo.blocknumber + utxo.timelock - lastReservesBlockUpdate) : utxo.blocknumber + utxo.timelock - lastReservesBlockUpdate }} blocks
|
-
+ |
@if (utxo.isDust) {
✔
} @else {
diff --git a/frontend/src/app/components/liquid-reserves-audit/federation-utxos-list/federation-utxos-list.component.ts b/frontend/src/app/components/liquid-reserves-audit/federation-utxos-list/federation-utxos-list.component.ts
index 78181375d..e245e01ea 100644
--- a/frontend/src/app/components/liquid-reserves-audit/federation-utxos-list/federation-utxos-list.component.ts
+++ b/frontend/src/app/components/liquid-reserves-audit/federation-utxos-list/federation-utxos-list.component.ts
@@ -122,8 +122,8 @@ export class FederationUtxosListComponent implements OnInit {
getGradientColor(value: number): string {
const distanceToGreen = Math.abs(4032 - value);
- const green = '#7CB342';
- const red = '#D81B60';
+ const green = 'var(--green)';
+ const red = 'var(--red)';
if (value < 0) {
return red;
diff --git a/frontend/src/app/components/liquid-reserves-audit/recent-pegs-list/recent-pegs-list.component.html b/frontend/src/app/components/liquid-reserves-audit/recent-pegs-list/recent-pegs-list.component.html
index 2b0c49bd2..ac9953b4a 100644
--- a/frontend/src/app/components/liquid-reserves-audit/recent-pegs-list/recent-pegs-list.component.html
+++ b/frontend/src/app/components/liquid-reserves-audit/recent-pegs-list/recent-pegs-list.component.html
@@ -61,7 +61,7 @@
|
-
+
@@ -73,7 +73,7 @@
|
-
+
diff --git a/frontend/src/app/components/liquid-reserves-audit/recent-pegs-list/recent-pegs-list.component.scss b/frontend/src/app/components/liquid-reserves-audit/recent-pegs-list/recent-pegs-list.component.scss
index 3af119fad..62dd5c336 100644
--- a/frontend/src/app/components/liquid-reserves-audit/recent-pegs-list/recent-pegs-list.component.scss
+++ b/frontend/src/app/components/liquid-reserves-audit/recent-pegs-list/recent-pegs-list.component.scss
@@ -102,11 +102,11 @@ tr, td, th {
}
.credit {
- color: #7CB342;
+ color: var(--green);
}
.debit {
- color: #D81B60;
+ color: var(--red);
}
.glow-effect {
@@ -118,6 +118,6 @@ tr, td, th {
color: #777983;
}
100% {
- color: #D81B60;
+ color: var(--red);
}
}
diff --git a/frontend/src/app/components/liquid-reserves-audit/recent-pegs-stats/recent-pegs-stats.component.scss b/frontend/src/app/components/liquid-reserves-audit/recent-pegs-stats/recent-pegs-stats.component.scss
index 9a7e6f0ea..a797b1658 100644
--- a/frontend/src/app/components/liquid-reserves-audit/recent-pegs-stats/recent-pegs-stats.component.scss
+++ b/frontend/src/app/components/liquid-reserves-audit/recent-pegs-stats/recent-pegs-stats.component.scss
@@ -31,7 +31,7 @@
}
.card-text span {
- color: #ffffff66;
+ color: var(--transparent-fg);
font-size: 12px;
top: 0px;
}
@@ -72,9 +72,9 @@
}
.credit {
- color: #7CB342;
+ color: var(--green);
}
.debit {
- color: #D81B60;
+ color: var(--red);
}
\ No newline at end of file
diff --git a/frontend/src/app/components/liquid-reserves-audit/reserves-ratio-stats/reserves-ratio-stats.component.scss b/frontend/src/app/components/liquid-reserves-audit/reserves-ratio-stats/reserves-ratio-stats.component.scss
index fd7197a88..87a3c8be4 100644
--- a/frontend/src/app/components/liquid-reserves-audit/reserves-ratio-stats/reserves-ratio-stats.component.scss
+++ b/frontend/src/app/components/liquid-reserves-audit/reserves-ratio-stats/reserves-ratio-stats.component.scss
@@ -36,15 +36,15 @@
top: -2px;
}
.danger {
- color: #D81B60;
+ color: var(--red);
}
.correct {
- color: #7CB342;
+ color: var(--green);
}
}
.card-text span {
- color: #ffffff66;
+ color: var(--transparent-fg);
font-size: 12px;
top: 0px;
}
diff --git a/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio.component.ts b/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio.component.ts
index 04429d2ac..471bffea6 100644
--- a/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio.component.ts
+++ b/frontend/src/app/components/liquid-reserves-audit/reserves-ratio/reserves-ratio.component.ts
@@ -95,8 +95,8 @@ export class ReservesRatioComponent implements OnInit, OnChanges {
lineStyle: {
width: 6,
color: [
- [0.49, '#D81B60'],
- [1, '#7CB342']
+ [0.49, 'var(--red)'],
+ [1, 'var(--green)']
]
}
},
diff --git a/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.html b/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.html
index 65b40f39c..a88797a74 100644
--- a/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.html
+++ b/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.html
@@ -11,9 +11,9 @@
diff --git a/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.scss b/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.scss
index 47d29eb45..dc9e9d83c 100644
--- a/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.scss
+++ b/frontend/src/app/components/liquid-reserves-audit/reserves-supply-stats/reserves-supply-stats.component.scss
@@ -35,7 +35,7 @@
margin-bottom: 0;
}
.card-text span {
- color: #ffffff66;
+ color: var(--transparent-fg);
font-size: 12px;
top: 0px;
}
diff --git a/frontend/src/app/components/search-form/search-results/search-results.component.scss b/frontend/src/app/components/search-form/search-results/search-results.component.scss
index 5540d7e7a..370e4b39c 100644
--- a/frontend/src/app/components/search-form/search-results/search-results.component.scss
+++ b/frontend/src/app/components/search-form/search-results/search-results.component.scss
@@ -8,7 +8,7 @@
}
.danger {
- color: #dc3545;
+ color: var(--red);
}
.dropdown-menu {
diff --git a/frontend/src/app/components/transactions-list/transactions-list.component.html b/frontend/src/app/components/transactions-list/transactions-list.component.html
index 625a7c70e..1b3cc82eb 100644
--- a/frontend/src/app/components/transactions-list/transactions-list.component.html
+++ b/frontend/src/app/components/transactions-list/transactions-list.component.html
@@ -204,7 +204,7 @@
Peg-out to
-
+
diff --git a/frontend/src/app/dashboard/dashboard.component.scss b/frontend/src/app/dashboard/dashboard.component.scss
index 3acfbf9bb..84eabead2 100644
--- a/frontend/src/app/dashboard/dashboard.component.scss
+++ b/frontend/src/app/dashboard/dashboard.component.scss
@@ -105,7 +105,7 @@
font-size: 12px;
}
.bitcoin-color {
- color: #b86d12;
+ color: var(--orange);
}
}
.progress {
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index d8623e912..37a8a02cb 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -101,6 +101,7 @@ $dropdown-link-active-bg: $active-bg;
--yellow: #ffd800;
--grey: #6c757d;
--tooltip-grey: #b1b1b1;
+ --orange: #b86d12;
}
html, body {
diff --git a/frontend/src/theme-contrast.scss b/frontend/src/theme-contrast.scss
index a72a090de..470bad2e9 100644
--- a/frontend/src/theme-contrast.scss
+++ b/frontend/src/theme-contrast.scss
@@ -98,4 +98,5 @@ $dropdown-link-active-bg: $active-bg;
--yellow: #ffcc00;
--grey: #7e7e7e;
--tooltip-grey: #b1b1b1;
+ --orange: #ff9f00;
}
diff --git a/frontend/src/theme-wiz.scss b/frontend/src/theme-wiz.scss
index a72a090de..470bad2e9 100644
--- a/frontend/src/theme-wiz.scss
+++ b/frontend/src/theme-wiz.scss
@@ -98,4 +98,5 @@ $dropdown-link-active-bg: $active-bg;
--yellow: #ffcc00;
--grey: #7e7e7e;
--tooltip-grey: #b1b1b1;
+ --orange: #ff9f00;
}
|