From 3ed763028f420806a3c2756dc1127df650685c61 Mon Sep 17 00:00:00 2001
From: supertiger1234 <saawalkhn@googlemail.com>
Date: Wed, 16 Oct 2019 11:54:52 +0100
Subject: [PATCH] halloween message template

---
 src/components/app/MessageTemplate.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/app/MessageTemplate.vue b/src/components/app/MessageTemplate.vue
index 7d5bb3f..f9d0cc4 100644
--- a/src/components/app/MessageTemplate.vue
+++ b/src/components/app/MessageTemplate.vue
@@ -2,7 +2,7 @@
   <div class="container" @mouseover="hover = true" @mouseleave="hover = false">
     <div
       v-if="!type || type === 0"
-      :class="{message: true, ownMessage: user.uniqueID === $props.uniqueID, ownMessageLeft: user.uniqueID === $props.uniqueID && (apperance && apperance.own_message_right === true)} "
+      :class="{message: true, ownMessage: user.uniqueID === $props.uniqueID, halloween: user.uniqueID === $props.uniqueID, ownMessageLeft: user.uniqueID === $props.uniqueID && (apperance && apperance.own_message_right === true)} "
     >
       <div class="avatar">
         <profile-picture
@@ -18,7 +18,7 @@
       </div>
       <div class="content" @dblclick="contentDoubleClickEvent">
         <div class="user-info">
-          <div class="username"
+          <div class="username halloween-color"
             @click="openUserInformation"
           >
             {{ this.$props.username }}
@@ -338,6 +338,9 @@ export default {
 .ownMessage .content {
   background: rgba(184, 184, 184, 0.219);
 }
+.ownMessage .content.halloween {
+  background: rgba(255, 135, 31, 0.43);
+}
 .ownMessage .date {
   color: rgb(209, 209, 209);
 }
@@ -442,10 +445,14 @@ export default {
   transition: 0.1s;
   cursor: pointer;
 }
+
 .username:hover {
   color: rgb(199, 199, 199);
   text-decoration: underline;
 }
+.username.halloween-color {
+  color: orange
+}
 .date {
   color: rgb(177, 177, 177);
   font-size: 10px;