Add background-color to pagination

spacemeshos · Dec 13, 2024 · 68603f6 · 68603f6
1 parent 199be36
commit 68603f6
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/styles/components/common/_table.scss b/src/styles/components/common/_table.scss
@@ -101,7 +101,7 @@
 
 .pagination-wrap {
   padding: 15px 15px;
-  @include theme-aware('background-color', 'backgroundInfoBlock');
+  @include theme-aware('background-color', 'paginationBackground');
 }
 
 .pagination {
@@ -137,7 +137,7 @@
 }
 
 .pagination_link:hover {
-  background-color: $secondGrey;
+  background-color: #D4D4D4;
   transform: scale(1.1);
 }
 

diff --git a/src/styles/themes/_color-palette.scss b/src/styles/themes/_color-palette.scss
@@ -19,7 +19,8 @@ $themes: (
                 countBlockTextColor: $countBlockTextColor,
                 detailsPageTextColorValue: $hashColor,
                 detailsPageTextColorName: $textColor,
-                futureEpoch: $futureEpochLight
+                futureEpoch: $futureEpochLight,
+                paginationBackground: $paginationBackgroundLight
         ),
         dark: (
                 backgroundColor: $dark,
@@ -41,6 +42,7 @@ $themes: (
                 countBlockTextColor: $white,
                 detailsPageTextColorValue: $white,
                 detailsPageTextColorName: $white,
-                futureEpoch: $futureEpochDark
+                futureEpoch: $futureEpochDark,
+                paginationBackground: $paginationBackgroundDark
         )
 );
diff --git a/src/styles/utilities/_variables.scss b/src/styles/utilities/_variables.scss
@@ -77,6 +77,10 @@ $tile_title_bottom_border: rgba(215, 215, 215, 1);
 $main-font-family: 'NeubauGrotesk', sans-serif;
 $code-pro-font-family: 'Source Code Pro', monospace;
 
+// Pagination
+$paginationBackgroundDark: #2A2928;
+$paginationBackgroundLight: #E0E0E0;
+
 
 :export {
   overviewColor: $overviewColor;