Merge pull request #651 from Adamant-im/chore/ui-restyle-tables

chore: UI: Restyle tables
Adamant-im · Aug 5, 2024 · 2aee0f3 · 2aee0f3
2 parents e7731e5 + abf9a5a
commit 2aee0f3
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/src/assets/styles/settings/_colors.scss b/src/assets/styles/settings/_colors.scss
@@ -7,6 +7,7 @@ $adm-colors: (
   'primary2': #bbdefb,
   'regular': #4a4a4a,
   'black': #101010,
+  'black2': #111111,
   'muted': rgba(0, 0, 0, 0.54),
   'secondary': #eee,
   'secondary2': #f5f5f5,

diff --git a/src/components/DelegatesTable/DelegatesTable.vue b/src/components/DelegatesTable/DelegatesTable.vue
@@ -122,6 +122,7 @@ export default defineComponent({
 
 <style lang="scss">
 @import 'vuetify/settings';
+@import '@/assets/styles/settings/_colors.scss';
 
 .delegates-table {
 }
@@ -133,7 +134,7 @@ export default defineComponent({
 
 .v-theme--dark {
   .delegates-table {
-    background-color: rgb(var(--v-theme-on-surface-variant));
+    background-color: map-get($adm-colors, 'black2');
   }
 }
 </style>
diff --git a/src/components/nodes/components/NodesTableContainer.vue b/src/components/nodes/components/NodesTableContainer.vue
@@ -23,14 +23,15 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 @import 'vuetify/settings';
+@import '@/assets/styles/settings/_colors.scss';
 
 .nodes-table-container {
   line-height: 14px;
 }
 
 .v-theme--dark {
   .nodes-table-container {
-    background-color: rgb(var(--v-theme-on-surface-variant));
+    background-color: map-get($adm-colors, 'black2');
   }
 }
 </style>
diff --git a/src/views/Wallets.vue b/src/views/Wallets.vue
@@ -179,10 +179,19 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+@import 'vuetify/settings';
+@import '@/assets/styles/settings/_colors.scss';
+
 .wallets-view {
   &__review {
     padding-top: 15px !important;
     padding-bottom: 15px !important;
   }
 }
+
+.v-theme--dark {
+  .v-list {
+    background-color: map-get($adm-colors, 'black2');
+  }
+}
 </style>