Implement proper dark mode (#800)

* Implement proper dark mode Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Fix footer color in light mode Signed-off-by: hossainemruz <hossainemruz@gmail.com> --------- Signed-off-by: hossainemruz <hossainemruz@gmail.com>
2023-09-30 05:04:48 +06:00
parent 6dc9d1d33d
commit 5f0aebcf68
38 changed files with 1136 additions and 353 deletions
@@ -6,12 +6,12 @@

  .page-item {
    & > a {
-      color: $accent-color;
+      color: get-light-color('accent-color');
    }
    &.active,
    &:hover > a {
-      background-color: $accent-color !important;
-      color: $text-over-accent-color !important;
+      background-color: get-light-color('accent-color') !important;
+      color: get-light-color('text-over-accent-color') !important;
    }
  }
 }
@@ -31,3 +31,18 @@ pre {
    }
  }
 }
+
+html[data-theme='dark'] {
+  .paginator {
+    .page-item {
+      & > a {
+        color: get-dark-color('accent-color');
+      }
+      &.active,
+      &:hover > a {
+        background-color: get-dark-color('accent-color') !important;
+        color: get-dark-color('text-over-accent-color') !important;
+      }
+    }
+  }
+}