* Tags can now be toggled by clicking

* Side slide component now respects note colors

client/src/components/SideSlideMenuComponent.vue

@@ -8,13 +8,16 @@
 		z-index: 400;
 		overflow: hidden;
 		height: 100%;
+
+		color: var(--text_color);
+		background-color: var(--background_color);
 	}
 	.slide-content {
 		box-sizing: border-box;
 		/*padding: 1em 1.5em;*/
 		height: calc(100% - 43px);
 		border-right: 1px solid var(--menu-border);
-		background-color: var(--background_color);
+		/*background-color: var(--background_color);*/
 		overflow-x: scroll;
 	}
 	.slide-shadow {
@@ -71,7 +74,7 @@
 	<transition name="modal-fade">
 		<div>
 
-			<div class="slide-container">
+			<div class="slide-container" :style="{ 'background-color':bgColor, 'color':textColor}">
 
 				<!-- content of the editor  -->
 				<div class="slide-content">
@@ -94,13 +97,15 @@
 <script>
 	export default {
 		name: 'SideSlideMenu',
-		props: [ 'name' ],
+		props: [ 'name', 'styleObject' ],
 		components: {
 			'nm-button':require('@/components/NoteMenuButtonComponent.vue').default
 		},
 		data () {
 			return {
-				items: []
+				items: [],
+				bgColor: null,
+				textColor: null,
 			}
 		},
 		beforeMount(){
@@ -115,6 +120,17 @@
 		beforeDestroy(){
 		},
 		mounted(){
+
+			//If note style object is set, use that on the slide menu
+			if(this.styleObject && this.styleObject.noteText){
+				this.textColor = this.styleObject.noteText
+			}
+
+			if(this.styleObject && this.styleObject.noteBackground){
+				this.bgColor = this.styleObject.noteBackground
+				console.log(this.bgColor)
+			}
+
 			
 			//Close all other panels that are not this one
 			this.$nextTick( () => {