fix(ResetPassword): night mode css issue

Signed-off-by: Jonathan <theflametrooper@gmail.com>

frontend/src/components/modals/EditPlaylist/index.vue

@@ -705,6 +705,7 @@ export default {
 @media screen and (max-width: 1300px) {
 	.edit-playlist-modal .edit-playlist-modal-inner-container {
 		height: auto !important;
+
 		#import-from-youtube-section #song-query-results,
 		.section {
 			max-width: 100% !important;
@@ -747,8 +748,7 @@ export default {
 	}
 
 	.section {
-		// padding: 5px !important;
-		padding: 0 !important;
+		padding: 15px !important;
 		margin: 0 20px;
 		max-width: 600px;
 		display: flex;

frontend/src/pages/Profile.vue

@@ -871,7 +871,7 @@ export default {
 		.item.activity-item
 		.thumbnail
 		.activity-type-icon {
-		color: $light-grey;
+		color: $night-mode-text;
 	}
 }
 </style>

frontend/src/pages/ResetPassword.vue

@@ -422,6 +422,11 @@ export default {
 @import "../styles/global.scss";
 
 .night-mode {
+	.content-box,
+	.step:not(.selected) {
+		background-color: $night-mode-bg-secondary !important;
+	}
+
 	.label {
 		color: $night-mode-text;
 	}
@@ -471,7 +476,7 @@ p {
 
 			&.selected {
 				background-color: $musare-blue;
-				color: #fff;
+				color: #fff !important;
 				border: 0;
 			}
 		}