diff --git a/resources/assets/sass/appdark.scss b/resources/assets/sass/appdark.scss
index 34e83e884..08d8c02d9 100644
--- a/resources/assets/sass/appdark.scss
+++ b/resources/assets/sass/appdark.scss
@@ -19,13 +19,18 @@
     background: #ADAFAE !important;
 }
 
+.btn-outline-light {
+	border-color: #E2E8F0 !important;
+	color: #E2E8F0 !important;
+}
+
 .bg-white,
 .postPresenterContainer,
 .postComponent .card-body.flex-grow-0.py-1,
 .postComponent .reactions,
 .postComponent .status-comments,
 .navbar-laravel {
-	background: #282828 !important;
+	background: #2D3748 !important;
 }
 
 .postComponent .border-left {
@@ -38,8 +43,8 @@
 
 input,
 textarea {
-	color: #ccc !important;
-	background: #191919 !important;
+	color: #E2E8F0 !important;
+	background: #4A5568 !important;
 }
 
 .far, .fas,
@@ -51,8 +56,12 @@ textarea {
 }
 
 .form-control.search-form-input {
-	background: #060606 !important;
-	color: #888 !important;
+	color: #E2E8F0 !important;
+	background: #4A5568 !important;
+}
+
+.btn-outline-primary {
+	border-color: #4A5568 !important;
 }
 
 @import "components/filters";
@@ -68,3 +77,7 @@ textarea {
 @import '~vue-loading-overlay/dist/vue-loading.css';
 
 @import "moment";
+
+.border {
+    border: 1px solid #4A5568 !important;
+}
diff --git a/resources/assets/sass/dark.scss b/resources/assets/sass/dark.scss
index 9833484c5..044ad6fe1 100644
--- a/resources/assets/sass/dark.scss
+++ b/resources/assets/sass/dark.scss
@@ -12,7 +12,7 @@ $gray-300: #dee2e6 !default;
 $gray-400: #ADAFAE !default;
 $gray-500: #888 !default;
 $gray-600: #555 !default;
-$gray-700: #282828 !default;
+$gray-700: #2D3748 !default;
 $gray-800: #222 !default;
 $gray-900: #212529 !default;
 $black:    #000 !default;
@@ -42,7 +42,7 @@ $yiq-contrasted-threshold:  175 !default;
 
 // Body
 
-$body-bg:       #060606 !default;
+$body-bg:       #1A202C !default;
 $body-color:    $gray-500 !default;
 
 // Fonts