Implemented dark mode

PeeHaa · Jun 27, 2019 · 6b82122 · 6b82122
1 parent ef7bbf4
commit 6b82122
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 1 deletion.
diff --git a/assets/scss/components/articles.scss b/assets/scss/components/articles.scss
@@ -52,3 +52,17 @@ table.articles {
         }
     }
 }
+
+.dark {
+    table.articles {
+        tr {
+            &:hover {
+                background: #363636;
+            }
+        }
+
+        td, th {
+            border-top: 1px solid #636357;
+        }
+    }
+}
diff --git a/assets/scss/elements/input.scss b/assets/scss/elements/input.scss
@@ -93,3 +93,17 @@ button {
     text-align: right;
     font-weight: bold;
 }
+
+.dark {
+    .form-control {
+        background-color: #878686;
+
+        &:focus {
+            background-color: #878686;
+        }
+
+        &::placeholder {
+            color: #495057;
+        }
+    }
+}
diff --git a/assets/scss/theme/default.scss b/assets/scss/theme/default.scss
@@ -24,8 +24,21 @@ body {
         background: $color-main-background;
     }
 
+    &.dark {
+        background: rgba(0, 0, 0, 0.87);
+        color: #abaaaa;
+
+        a {
+            color: inherit;
+        }
+    }
+
     main {
         padding-top: calc(48px);
+
+        a {
+            text-decoration: none;
+        }
     }
 }
 

diff --git a/public/css/bundle.min.css b/public/css/bundle.min.css