* More aggressive dark theme styles, changing default icon colors and notification colors

* Better sortig of archived notes which clicking archived
* Scroll to closed note and show animation on save
* Better notification styles, more obvious

client/src/pages/NotesPage.vue

@@ -91,6 +91,7 @@
 						<div class="note-card-display-area">
 							<note-title-display-card 
 								v-for="note in section"
+								:ref="'note-'+note.id"
 								:onClick="openNote"
 								:data="note"
 								:currently-open="(activeNoteId1 == note.id || activeNoteId2 == note.id)"
@@ -451,6 +452,8 @@
 					}
 				}
 
+				
+
 				axios.post('/api/note/search', postData)
 				.then(results => {
 
@@ -489,6 +492,13 @@
 								this.noteSections[key].splice(index, 1)
 								this.noteSections[key].unshift(note)
 
+								this.$nextTick( () => {
+
+									if(this.$refs['note-'+noteId] && this.$refs['note-'+noteId][0]){
+										this.$refs['note-'+noteId][0].justClosed()
+									}
+								})
+
 								return
 							}
 						})
@@ -589,6 +599,7 @@
 				//Sort notes into defined sections
 				notes.forEach(note => {
 
+					//Show archived notes
 					if(note.archived == 1 && this.fastFilters.onlyArchived == 1){
 						this.noteSections.archived.push(note)
 						return
@@ -615,8 +626,10 @@
 						this.noteSections.pinned.push(note)
 						return
 					}
-
-					this.noteSections.notes.push(note)
+					//If the note is not archived, push it.
+					if(note.archived != 1 && this.fastFilters.onlyArchived != 1){
+						this.noteSections.notes.push(note)
+					}
 				})
 
 			},