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
@@ -48,7 +48,7 @@ body.type-notes {

          .note-title {
            padding-left: 1rem;
-            color: $accent-color;
+            color: get-light-color('accent-color');

            &:before {
              content: '';
@@ -56,11 +56,11 @@ body.type-notes {
              width: 98%;
              height: 100%;
              margin-bottom: -26px;
-              border-bottom: 1px solid $accent-color;
+              border-bottom: 1px solid get-light-color('accent-color');
            }

            span {
-              background: $bg-secondary;
+              background: get-light-color('bg-secondary');
              padding-right: 5px;
            }
          }
@@ -173,3 +173,27 @@ body.type-notes {
    }
  }
 }
+
+html[data-theme='dark'] {
+  body.type-notes {
+    .wrapper {
+      .content-section {
+        .content {
+          .note-card-holder {
+            .note-title {
+              color: get-dark-color('accent-color');
+              &:before {
+                border-bottom: 1px solid get-dark-color('accent-color');
+              }
+
+              span {
+                background: get-dark-color('bg-secondary');
+                padding-right: 5px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}