diff --git a/static/css/style.css b/static/css/style.css
index 1ed7193..4b1bd9e 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -24,14 +24,16 @@
     --font-family-sans: "Itim";
     --font-family-mono: monaco, "Consolas", "Lucida Console", monospace;
 
-    --msg-other-bg-color : rgb(75, 147, 196);
-    --msg-me-bg-color : rgb(101, 187, 130);
-    --msg-reply-bg-color : rgb(198, 203, 207);
-    --msg-other-border-color : #fff;
-    --msg-me-border-color : #fff;
-    --msg-reply-border-color : #fff;
-    --msg-other-border-sel-color : #fff;
-    --msg-me-border-sel-color : #fff;
+    --msg-other-bg-color : rgb(97, 182, 238);
+    --msg-me-bg-color : rgb(92, 175, 148);
+    --msg-reply-bg-color : rgb(209, 215, 219);
+    --msg-other-border-color : rgb(62, 127, 212);
+    --msg-me-border-color : rgb(64, 148, 116);
+    --msg-reply-border-color : rgb(94, 100, 105);
+    --msg-other-border-sel-color : rgb(58, 90, 139);
+    --msg-me-border-sel-color : rgb(48, 105, 86);
+
+    --svg-filter: none;
 }
 
 * {
@@ -53,9 +55,11 @@ body.dark {
     --msg-reply-bg-color : rgb(45, 46, 53);
     --msg-other-border-color : #3771C8;
     --msg-me-border-color : #008066;
-    --msg-reply-border-color : #717479;
+    --msg-reply-border-color : #5b5f64;
     --msg-other-border-sel-color : #ACDBFF;
     --msg-me-border-sel-color : #8CE7A9;
+
+    --svg-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
 }
 
 body > .container {
@@ -107,6 +111,10 @@ input {
     background-color: var(--bg-tertiary-color);
 }
 
+.svg-filter {
+    filter: var(--svg-filter);
+}
+
 .cover-screen {
     position: fixed;
     top: 0; bottom: 0; left: 0; right: 0;
diff --git a/static/img/back.svg b/static/img/back.svg
index 7eafb80..7431486 100644
--- a/static/img/back.svg
+++ b/static/img/back.svg
@@ -28,13 +28,13 @@
    guidetolerance="10"
    inkscape:pageopacity="0"
    inkscape:pageshadow="2"
-   inkscape:window-width="903"
-   inkscape:window-height="453"
+   inkscape:window-width="1278"
+   inkscape:window-height="868"
    id="namedview37"
    showgrid="false"
-   inkscape:zoom="1.243281"
-   inkscape:cx="246.24387"
-   inkscape:cy="236.82063"
+   inkscape:zoom="0.31082025"
+   inkscape:cx="-66.060137"
+   inkscape:cy="234.88598"
    inkscape:window-x="0"
    inkscape:window-y="54"
    inkscape:window-maximized="0"
@@ -42,11 +42,11 @@
    inkscape:document-rotation="0" />
 <g
    id="g4"
-   style="fill:#1a1a1a">
+   style="fill:#1a1a1a;fill-opacity:0.93514794">
 	<path
-   d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225   c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"
+   d="m 145.188,238.575 215.5,-215.5 c 5.3,-5.3 5.3,-13.8 0,-19.1 -5.3,-5.3 -13.8,-5.3 -19.1,0 l -225.1,225.1 c -5.3,5.3 -5.3,13.8 0,19.1 l 225.1,225 c 2.6,2.6 6.1,4 9.5,4 3.4,0 6.9,-1.3 9.5,-4 5.3,-5.3 5.3,-13.8 0,-19.1 z"
    id="path2"
-   style="fill:#1a1a1a" />
+   style="fill:#1a1a1a;fill-opacity:0.93514794" />
 </g>
 <g
    id="g6">
diff --git a/static/img/label.png b/static/img/label.png
index a760a48..684962f 100644
Binary files a/static/img/label.png and b/static/img/label.png differ
diff --git a/static/img/label.svg b/static/img/label.svg
index 7d3dde8..78e345a 100644
--- a/static/img/label.svg
+++ b/static/img/label.svg
@@ -16,7 +16,7 @@
    sodipodi:docname="label.svg">
   <defs
      id="defs2" />
-   <sodipodi:namedview
+  <sodipodi:namedview
      id="base"
      pagecolor="#ffffff"
      bordercolor="#666666"
@@ -54,7 +54,7 @@
      id="layer1">
     <text
        xml:space="preserve"
-       style="font-style:normal;font-weight:normal;font-size:96px;line-height:1.25;font-family:sans-serif;fill:#216778;fill-opacity:1;stroke:none;"
+       style="font-style:normal;font-weight:normal;font-size:96px;line-height:1.25;font-family:sans-serif;fill:#2c89a0;fill-opacity:1;stroke:none;"
        x="152.76921"
        y="232.96042"
        id="text52"><tspan
@@ -62,10 +62,10 @@
          id="tspan50"
          x="152.76921"
          y="232.96042"
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Itim;-inkscape-font-specification:Itim;fill:#216778;">Lupt Chat </tspan></text>
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:96px;font-family:Itim;-inkscape-font-specification:Itim;fill:#2c89a0;">Lupt Chat </tspan></text>
     <text
        xml:space="preserve"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:133.333px;line-height:1.25;font-family:Teko;-inkscape-font-specification:Teko;fill:#374548;fill-opacity:1;stroke:none"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:133.333px;line-height:1.25;font-family:Teko;-inkscape-font-specification:Teko;fill:#6f8a91;fill-opacity:1;stroke:none;"
        x="268.19843"
        y="130.02667"
        id="text56"><tspan
@@ -73,33 +73,33 @@
          id="tspan54"
          x="268.19843"
          y="130.02667"
-         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:133.333px;font-family:Rajdhani;-inkscape-font-specification:'Rajdhani Medium';fill:#374548">लुप्त चैट</tspan></text>
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:133.333px;font-family:Rajdhani;-inkscape-font-specification:'Rajdhani Medium';fill:#6f8a91;">लुप्त चैट</tspan></text>
     <g
-       style="fill:#d45500;stroke:#005544;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none"
+       style="fill:#d45500;stroke:#2ca089;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none"
        id="g49"
        transform="matrix(-10.249207,0,0,10.492348,280.41862,-26.401894)">
       <path
          d="M 8,9.50004 C 7.30964,9.50004 6.75,10.0597 6.75,10.75 6.75,11.4404 7.30964,12 8,12 8.69036,12 9.25,11.4404 9.25,10.75 9.25,10.0597 8.69036,9.50004 8,9.50004 Z"
          fill="#000000"
          id="path29"
-         style="fill:none;stroke:#005544;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none" />
+         style="fill:none;stroke:#2ca089;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none" />
       <path
          d="m 12,9.50004 c -0.6904,0 -1.25,0.55966 -1.25,1.24996 0,0.6904 0.5596,1.25 1.25,1.25 0.6904,0 1.25,-0.5596 1.25,-1.25 0,-0.6903 -0.5596,-1.24996 -1.25,-1.24996 z"
          fill="#000000"
          id="path31"
-         style="fill:none;stroke:#005544;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none" />
+         style="fill:none;stroke:#2ca089;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none" />
       <path
          d="m 14.75,10.75 c 0,-0.6903 0.5596,-1.24996 1.25,-1.24996 0.6904,0 1.25,0.55966 1.25,1.24996 0,0.6904 -0.5596,1.25 -1.25,1.25 -0.6904,0 -1.25,-0.5596 -1.25,-1.25 z"
          fill="#000000"
          id="path33"
-         style="fill:none;stroke:#005544;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none" />
+         style="fill:none;stroke:#2ca089;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none" />
       <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M 16.1007,4.59283 C 13.4065,4.36307 10.6983,4.34974 8.00194,4.55296 L 7.80871,4.56752 C 5.23741,4.76132 3.25,6.90415 3.25,9.48275 V 18 c 0,0.2639 0.13867,0.5084 0.36515,0.6438 0.22648,0.1354 0.50746,0.1418 0.73989,0.0169 L 8.26583,16.559 C 8.44774,16.4612 8.65104,16.41 8.85756,16.41 H 17.834 c 1.1321,0 2.1022,-0.8094 2.3052,-1.9231 0.4113,-2.2572 0.4437,-4.5672 0.0961,-6.83511 L 20.1329,6.98346 C 19.9464,5.76671 18.951,4.8359 17.7245,4.7313 Z"
          fill="#000000"
          id="path35"
-         style="fill:none;stroke:#005544;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none"
+         style="fill:none;stroke:#2ca089;stroke-width:0.385726;stroke-miterlimit:4;stroke-dasharray:none"
          sodipodi:nodetypes="cccsssccssccccc" />
     </g>
   </g>
diff --git a/static/img/next.svg b/static/img/next.svg
index daa25de..759fdc3 100644
--- a/static/img/next.svg
+++ b/static/img/next.svg
@@ -28,25 +28,25 @@
    guidetolerance="10"
    inkscape:pageopacity="0"
    inkscape:pageshadow="2"
-   inkscape:window-width="903"
-   inkscape:window-height="480"
+   inkscape:window-width="1920"
+   inkscape:window-height="1021"
    id="namedview37"
    showgrid="false"
-   inkscape:zoom="0.4395662"
-   inkscape:cx="323.57023"
-   inkscape:cy="216.28028"
-   inkscape:window-x="595"
-   inkscape:window-y="132"
-   inkscape:window-maximized="0"
+   inkscape:zoom="1.243281"
+   inkscape:cx="224.54207"
+   inkscape:cy="410.89734"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
    inkscape:current-layer="Capa_1"
    inkscape:document-rotation="0" />
 <g
    id="g4"
-   style="fill:#1a1a1a">
+   style="fill:#1a1a1a;fill-opacity:1">
 	<path
    d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5   c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z   "
    id="path2"
-   style="fill:#1a1a1a" />
+   style="fill:#1a1a1a;fill-opacity:1" />
 </g>
 <g
    id="g6">
diff --git a/static/index.html b/static/index.html
index 26b4a04..08e4ea3 100644
--- a/static/index.html
+++ b/static/index.html
@@ -111,11 +111,12 @@
     <div id="chat_panel" class="cover-screen chatpanel is-hidden">
         <div class="chatpanel-top bg-ter">
             <button onclick="leave()"  class="button chatpanel-top-l">
-                <img src="img/back.svg" alt="" height="12px"> Back
+                <img class="svg-filter" src="img/back.svg" alt="" height="12px"> Back      
+                            
             </button>
             <img src="img/label.png" alt="Lupt Chat" height="40px" class="chatpanel-top-m">
             <button id="next_btn" onclick="connect_next()" class="button chatpanel-top-r is-hidden">
-                Next <img src="img/next.svg" alt="" height="12px"> 
+                Next <img class="svg-filter" src="img/next.svg" alt="" height="12px"> 
             </button> 
         </div>
         <div  id="message_area_scroll" class="chatpanel-mid">