Footer consistency

telosnetwork · Aug 21, 2023 · 0616eae · 0616eae
1 parent 96ae42e
commit 0616eae
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 1 deletion.
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
@@ -25,7 +25,7 @@ export default {
     text-decoration: none
     color: #ffffff
 .footer-background
-    background: var(--q-primary-linear-gradient)
+    background: var(--q-color-footer-background)
     backdrop-filter: blur(14px)
 .no-dec
     text-decoration: none

diff --git a/src/config/chains/eos/index.ts b/src/config/chains/eos/index.ts
@@ -52,6 +52,7 @@ const THEME = {
     'color-header-border': '#444',
     'color-header-support-background': '#000',
     'color-graph-shadow': '#3f65c228',
+    'color-footer-background': '#000000',
 };
 
 // create vars for map colors (border, backround, countries, popup, text, popup)

diff --git a/src/config/chains/jungle/index.ts b/src/config/chains/jungle/index.ts
@@ -62,6 +62,7 @@ const THEME = {
     'color-header-border': '#444',
     'color-header-support-background': '#000',
     'color-graph-shadow': '#3f65c228',
+    'color-footer-background': '#000000',
 };
 
 export default class TelosTestnet extends BaseChain {

diff --git a/src/config/chains/telos-testnet/index.ts b/src/config/chains/telos-testnet/index.ts
@@ -64,6 +64,7 @@ const THEME = {
     'color-header-border': '#8a65d41a',
     'color-header-support-background': 'linear-gradient(180deg, #071A5F 0%, #571aff 147.34%)',
     'color-graph-shadow': '#571aff28',
+    'color-footer-background': '#071A5F',
 };
 
 export default class TelosTestnet extends BaseChain {

diff --git a/src/config/chains/telos/index.ts b/src/config/chains/telos/index.ts
@@ -71,6 +71,7 @@ const THEME = {
     'color-header-border': '#8a65d41a',
     'color-header-support-background': 'linear-gradient(180deg, #071A5F 0%, #571aff 147.34%)',
     'color-graph-shadow': '#571aff28',
+    'color-footer-background': '#071A5F',
 };
 
 export default class Telos extends BaseChain {

diff --git a/src/css/quasar.variables.sass b/src/css/quasar.variables.sass
@@ -28,4 +28,6 @@ $warning   : #F2C037
   --q-color-header-border: #777777
   --q-color-header-support-background: linear-gradient(180deg, #4C4C4C 0%, #3B3B3B 147.34%)
   --q-color-graph-shadow: #3f65c228
+
+  --q-color-footer-background: #4C4C4C
 
diff --git a/src/types/Theme.ts b/src/types/Theme.ts
@@ -19,6 +19,7 @@ export interface Theme {
   'color-header-border'?: string;
   'color-header-support-background'?: string;
   'color-graph-shadow'?: string;
+  'color-footer-background'?: string;
 }
 
 export const themeProps: (keyof Theme)[] = [
@@ -42,4 +43,5 @@ export const themeProps: (keyof Theme)[] = [
     'color-header-border',
     'color-header-support-background',
     'color-graph-shadow',
+    'color-footer-background',
 ];