diff --git a/public/favicon.png b/public/favicon.png
index b78febe..f93eb5b 100644
Binary files a/public/favicon.png and b/public/favicon.png differ
diff --git a/public/hamstr_2.png b/public/hamstr_2.png
deleted file mode 100644
index 4ef617b..0000000
Binary files a/public/hamstr_2.png and /dev/null differ
diff --git a/public/icons/favicon-128x128.png b/public/icons/favicon-128x128.png
index 4d4ec17..fa68fcd 100644
Binary files a/public/icons/favicon-128x128.png and b/public/icons/favicon-128x128.png differ
diff --git a/public/icons/favicon-256x256.png b/public/icons/favicon-256x256.png
index 301a986..c124640 100644
Binary files a/public/icons/favicon-256x256.png and b/public/icons/favicon-256x256.png differ
diff --git a/public/icons/favicon-32x32.png b/public/icons/favicon-32x32.png
index b78febe..f93eb5b 100644
Binary files a/public/icons/favicon-32x32.png and b/public/icons/favicon-32x32.png differ
diff --git a/public/icons/favicon-64x64.png b/public/icons/favicon-64x64.png
new file mode 100644
index 0000000..2fefd532
Binary files /dev/null and b/public/icons/favicon-64x64.png differ
diff --git a/public/icons/hamstr_2-128x128.png b/public/icons/hamstr_2-128x128.png
deleted file mode 100644
index 39b34b8..0000000
Binary files a/public/icons/hamstr_2-128x128.png and /dev/null differ
diff --git a/public/icons/hamstr_2-64x64.png b/public/icons/hamstr_2-64x64.png
deleted file mode 100644
index 4ef617b..0000000
Binary files a/public/icons/hamstr_2-64x64.png and /dev/null differ
diff --git a/public/icons/hamstr_3-64x64.png b/public/icons/hamstr_3-64x64.png
deleted file mode 100644
index 53ba7de..0000000
Binary files a/public/icons/hamstr_3-64x64.png and /dev/null differ
diff --git a/quasar.config.js b/quasar.config.js
index 6c66153..b4d1b0f 100644
--- a/quasar.config.js
+++ b/quasar.config.js
@@ -193,6 +193,11 @@ module.exports = configure(function (ctx) {
             sizes: '32x32',
             type: 'image/png',
           },
+          {
+            src: 'icons/favicon-64x64.png',
+            sizes: '64x64',
+            type: 'image/png',
+          },
           {
             src: 'icons/favicon-128x128.png',
             sizes: '128x128',
diff --git a/src/assets/theme/colors.scss b/src/assets/theme/colors.scss
index 023e1b7..8b98cf9 100644
--- a/src/assets/theme/colors.scss
+++ b/src/assets/theme/colors.scss
@@ -1,4 +1,6 @@
-$color-blue: #1DA1F2;
+//$color-primary: #1DA1F2;
+$color-primary: #EE517D;
+//$color-primary: #F9A82C;
 $color-black: #14171A;
 $color-dark-gray: #657786;
 $color-light-gray: #AAB8C2;
diff --git a/src/components/BasePostEntry.vue b/src/components/BasePostEntry.vue
index 14666ea..b7221c2 100644
--- a/src/components/BasePostEntry.vue
+++ b/src/components/BasePostEntry.vue
@@ -1081,17 +1081,17 @@ export default {
           padding: 5px;
           svg {
             width: 100%;
-            fill: $color-blue
+            fill: $color-primary
           }
           &:hover {
-            background-color: rgba($color: $color-blue, $alpha: 0.3);
+            background-color: rgba($color: $color-primary, $alpha: 0.3);
           }
         }
       }
       &-submit {
         button {
           cursor: pointer;
-          background-color: $color-blue;
+          background-color: $color-primary;
           color: #fff;
           font-weight: bold;
           padding: 10px 16px;
@@ -1100,7 +1100,7 @@ export default {
           border-radius: 9999px;
           &:disabled{
             cursor: no-drop;
-            background-color: rgba($color: $color-blue, $alpha: 0.3);
+            background-color: rgba($color: $color-primary, $alpha: 0.3);
             color: rgba($color: #fff, $alpha: 0.3);
           }
         }
diff --git a/src/components/CreatePost/CreatePost.vue b/src/components/CreatePost/CreatePost.vue
index df2ed39..58ca038 100644
--- a/src/components/CreatePost/CreatePost.vue
+++ b/src/components/CreatePost/CreatePost.vue
@@ -1075,17 +1075,17 @@ export default {
           padding: 5px;
           svg {
             width: 100%;
-            fill: $color-blue
+            fill: $color-primary
           }
           &:hover {
-            background-color: rgba($color: $color-blue, $alpha: 0.3);
+            background-color: rgba($color: $color-primary, $alpha: 0.3);
           }
         }
       }
       &-submit {
         button {
           cursor: pointer;
-          background-color: $color-blue;
+          background-color: $color-primary;
           color: #fff;
           font-weight: bold;
           padding: 10px 16px;
@@ -1094,7 +1094,7 @@ export default {
           border-radius: 9999px;
           &:disabled{
             cursor: no-drop;
-            background-color: rgba($color: $color-blue, $alpha: 0.3);
+            background-color: rgba($color: $color-primary, $alpha: 0.3);
             color: rgba($color: #fff, $alpha: 0.3);
           }
         }
diff --git a/src/components/CreatePost/EmojiPicker.vue b/src/components/CreatePost/EmojiPicker.vue
index 45b2cb8..5729fb3 100644
--- a/src/components/CreatePost/EmojiPicker.vue
+++ b/src/components/CreatePost/EmojiPicker.vue
@@ -5,6 +5,7 @@
     :show-skin-tones="true"
     emoji="thumbsup"
     title=""
+    color="#ee517d"
     @select="onSelect"
   />
 </template>
diff --git a/src/components/CreatePost/PostEditor.vue b/src/components/CreatePost/PostEditor.vue
index e8d7cef..ff6ee46 100644
--- a/src/components/CreatePost/PostEditor.vue
+++ b/src/components/CreatePost/PostEditor.vue
@@ -34,9 +34,7 @@
           <div class="controls-media-item">
             <BaseIcon icon="emoji" />
             <q-menu ref="menuEmojiPicker">
-              <EmojiPicker
-                color="#1da1f2"
-                @select="onEmojiSelected"/>
+              <EmojiPicker @select="onEmojiSelected"/>
             </q-menu>
           </div>
 
@@ -112,7 +110,7 @@ export default {
 @import "assets/theme/colors.scss";
 
 .post-editor {
-  padding: 10px 1rem 0;
+  padding: 0 1rem;
   display: flex;
   width: 100%;
   border-bottom: $border-dark;
@@ -195,17 +193,17 @@ export default {
           padding: 5px;
           svg {
             width: 100%;
-            fill: $color-blue
+            fill: $color-primary
           }
           &:hover {
-            background-color: rgba($color: $color-blue, $alpha: 0.3);
+            background-color: rgba($color: $color-primary, $alpha: 0.3);
           }
         }
       }
       &-submit {
         button {
           cursor: pointer;
-          background-color: $color-blue;
+          background-color: $color-primary;
           color: #fff;
           font-weight: bold;
           padding: 10px 16px;
@@ -214,7 +212,7 @@ export default {
           border-radius: 9999px;
           &:disabled{
             cursor: no-drop;
-            background-color: rgba($color: $color-blue, $alpha: 0.3);
+            background-color: rgba($color: $color-primary, $alpha: 0.3);
             color: rgba($color: #fff, $alpha: 0.3);
           }
         }
diff --git a/src/components/MainMenu/Logo.vue b/src/components/MainMenu/Logo.vue
new file mode 100644
index 0000000..41739d6
--- /dev/null
+++ b/src/components/MainMenu/Logo.vue
@@ -0,0 +1,173 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+    viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve">
+
+    <circle fill="none" stroke="#ffffff" stroke-width="10" stroke-linecap="round" stroke-miterlimit="10" cx="133.199" cy="130.25" r="106.182"/>
+    <path
+      fill-rule="evenodd" clip-rule="evenodd" fill="#000000" stroke="#ffffff" stroke-width="10" stroke-miterlimit="10" d="
+              M91.84,32.425c-4.694-7.709-13.178-12.857-22.864-12.857c-14.773,0-26.75,11.977-26.75,26.75c0,7.152,2.813,13.645,7.388,18.445
+              C60.646,50.699,75.152,39.489,91.84,32.425z"/>
+    <path
+      fill-rule="evenodd" clip-rule="evenodd" fill="#000000" stroke="#ffffff" stroke-width="10" stroke-miterlimit="10" d="
+              M217.869,66.175c5.421-4.896,8.829-11.979,8.829-19.857c0-14.773-11.977-26.75-26.75-26.75c-10.05,0-18.801,5.545-23.372,13.74
+              C192.963,40.651,207.146,52.028,217.869,66.175z"/>
+    <path
+      fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#ffffff" stroke-width="7.8" stroke-linecap="round" stroke-miterlimit="10" d="
+              M111.924,173.533c1.293,3.641,13.903,13.365,22.918,0.072c0,0,11.979,18.418,24.176-1.578"/>
+    <path
+      fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#ffffff" stroke-width="7.8" stroke-linecap="round" stroke-miterlimit="10" d="
+              M129.402,165.188c0.031-0.081,0.09-0.155,0.18-0.217c1.373-0.94,3.612-0.855,5.194-0.867c1.735-0.012,3.53,0.198,5.083,1.028
+              c0.172,0.092,1.881,1.393,1.621,1.624c-0.004,0.003-6.67,5.933-6.67,5.933c-1.37-1.826-2.651-3.791-4.164-5.499
+              C130.338,166.843,129.162,165.79,129.402,165.188z"/>
+    <rect x="125.827" y="180.336" fill="none" stroke="#ffffff" stroke-width="5.9596" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="19.288" height="16.063"/>
+    <line fill="none" stroke="#ffffff" stroke-width="5.6755" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="135.471" y1="181.434" x2="135.471" y2="195.605"/>
+    <path
+      fill-rule="evenodd" clip-rule="evenodd" d="M159.566,94.718c-0.028-4.768,2.142-8.315,5.631-9.212
+              c4.142-1.064,8.235,0.861,10.573,5.005c1.475,2.613,2.157,5.365,1.628,8.403c-0.756,4.326-3.018,6.938-6.573,7.368
+              c-4.298,0.521-8.478-1.775-10.003-5.584C160.058,98.791,159.447,96.824,159.566,94.718z"/>
+    <path
+      fill-rule="evenodd" clip-rule="evenodd" d="M112.121,94.773c-0.039,7.146-4.395,11.856-10.654,11.561
+              c-2.194-0.104-3.972-1.021-5.309-2.704c-3.883-4.893-1.758-14.426,3.817-17.291C106.379,83.05,112.163,87.066,112.121,94.773z"/>
+    <line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="180.577" y1="168.397" x2="213.361" y2="166.817"/>
+    <line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="181.577" y1="157.38" x2="212.833" y2="145.573"/>
+    <line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="90.425" y1="168.397" x2="57.641" y2="166.817"/>
+    <line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="89.425" y1="157.38" x2="58.168" y2="145.573"/>
+    <g>
+      <path
+        fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M42.012,79.572c0.132,0.025,0.265,0.062,0.398,0.077
+        c3.711,0.448,6.821,0.1,8.829-3.911c1.416-2.828,4.448-4.441,7.032-6.284c5.286-2.69,10.82-3.907,16.761-2.956
+        c2.675,0.43,5.17,1.353,7.629,2.425c2.689,2.424,5.391,3.114,8.121,0.061c5.862-2.69,11.908-3.627,18.252-2.005
+        c2.155,0.552,4.146,1.479,6.143,2.411c4.115,2.575,7.618,5.754,9.869,10.136c0.438,0.853,0.838,0.808,1.437,0.204
+        c1.395-1.409,3.21-2.125,4.954-2.957c2.707-0.625,5.413-0.629,8.119,0.003c1.735,0.845,3.584,1.508,4.946,2.958
+        c0.799,0.851,1.157,0.357,1.543-0.384c2.245-4.309,5.723-7.412,9.772-9.954c8.063-4.246,16.196-4.203,24.394-0.409
+        c2.457,2.461,4.976,2.96,7.607,0.251c0.134-0.14,0.342-0.207,0.515-0.309c8.218-3.889,16.346-3.602,24.39,0.526
+        c1.619,1.219,3.238,2.438,4.856,3.657c1.09,1.222,2.179,2.445,3.269,3.668c0.716,2.344,2.265,3.263,4.698,2.899
+        c1.126-0.168,2.29-0.081,3.437-0.109c2.688,0.07,5.376,0.142,8.065,0.213c0.846,0.268,1.453,0.876,2.08,1.454
+        c0.974,3.15-0.226,4.889-3.467,4.937c-3.047,0.045-6.097,0.063-9.145,0.011c-1.169-0.02-1.473,0.245-1.27,1.495
+        c0.347,2.127,0.498,4.273,0.302,6.47c-0.359,4.014-1.648,7.744-3.014,11.474c-2.858,5.855-6.475,11.198-10.82,16.053
+        c-6.732,7.522-14.58,13.634-23.374,18.557c-2.697,1.737-5.408,2.031-8.139,0.075c-1.973-1.163-3.995-2.249-5.91-3.5
+        c-9.439-6.162-17.451-13.818-23.941-23.048c-0.875-1.386-1.751-2.771-2.627-4.155c-0.454-1.442-1.204-2.739-1.99-4.016
+        c-0.856-2.7-1.713-5.401-2.57-8.102c-0.178-1.77-0.355-3.54-0.534-5.309c0.072-1.077,0.284-2.164-0.232-3.197
+        c-0.063-0.424-0.127-0.847-0.19-1.269c-0.07-0.122-0.142-0.243-0.213-0.363c-0.051-0.671-0.384-1.189-0.867-1.629
+        c-0.321-0.725-0.869-1.217-1.573-1.554c-3.112-2.09-6.254-1.834-8.923,0.725c-0.138,0.139-0.277,0.278-0.415,0.415
+        c-0.652,0.349-0.858,0.999-1.107,1.622c-0.037,0.141-0.073,0.28-0.109,0.422c-0.069,0.119-0.137,0.238-0.207,0.358
+        c-0.264,0.395-0.264,0.829-0.197,1.274c-0.541,1.169-0.269,2.396-0.261,3.603c-0.168,1.634-0.336,3.269-0.504,4.901
+        c-0.859,2.7-1.717,5.4-2.576,8.1c-7.699,15.335-19.646,26.453-34.464,34.72c-2.731,1.945-5.442,1.669-8.139-0.075
+        c-3.726-2.183-7.404-4.43-10.859-7.039c-7.289-5.503-13.5-12.036-18.816-19.441c-0.774-1.235-1.548-2.471-2.322-3.706
+        c-0.734-1.475-1.467-2.948-2.2-4.421c-1.032-2.845-2.057-5.692-2.726-8.652c-0.149-2.113-0.3-4.229-0.449-6.342
+        c0.15-1.068,0.198-2.165,0.479-3.197c0.308-1.13-0.186-1.248-1.097-1.235c-3.315,0.041-6.632,0.041-9.948,0.057
+        c-0.277-0.024-0.554-0.05-0.831-0.076c-2.443-1.391-2.822-2.317-2.019-4.939c0.619-0.592,1.242-1.179,2.083-1.451
+        C36.636,79.716,39.324,79.644,42.012,79.572z M68.428,73.085c-3.512,0.186-6.523,1.67-9.177,3.825
+        c-7.242,5.878-9.313,15.282-5.281,24.617c5.711,13.222,15.888,22.413,27.488,30.399c3.835,2.641,7.113,3.099,10.675-0.001
+        c0.101-0.088,0.192-0.187,0.288-0.28c4.309-2.575,8.188-5.717,11.847-9.129c5.767-5.378,10.891-11.28,14.347-18.453
+        c3.509-7.281,4.58-14.578,0.334-22.043c-5.48-9.635-19.425-12.309-27.946-5.248c-4.083,3.383-4.177,3.385-8.209,0.133
+        c-0.211-0.169-0.41-0.356-0.632-0.509C78.001,73.565,73.521,72.055,68.428,73.085z M189.626,131.684
+        c1.316-0.439,2.295-1.414,3.378-2.199c9.257-6.7,17.309-14.53,22.6-24.826c3.794-7.382,5.07-14.897,0.708-22.584
+        c-3.608-6.358-11.465-10.133-18.736-9.139c-4.038,0.552-7.433,2.231-10.469,4.856c-2.321,2.007-3.459,1.976-5.874,0.04
+        c-0.476-0.381-0.909-0.817-1.4-1.174c-4.15-3.01-8.688-4.547-13.868-3.617c-6.435,0.346-13.212,5.816-15.483,12.261
+        c-2.434,6.909-0.987,13.359,2.304,19.478c7.031,13.075,17.719,22.475,30.516,29.665c0.57,0.32,1.036,0.429,1.659,0.029
+        C186.485,133.494,188.068,132.607,189.626,131.684z"/>
+      <path
+        fill-rule="evenodd" clip-rule="evenodd" fill="#EE517D" d="M165.966,73.041c5.18-0.93,9.718,0.607,13.868,3.617
+        c0.491,0.356,0.924,0.793,1.4,1.174c2.415,1.936,3.553,1.967,5.874-0.04c3.036-2.625,6.431-4.305,10.469-4.856
+        c7.271-0.994,15.127,2.78,18.736,9.139c4.362,7.687,3.087,15.202-0.708,22.584c-5.292,10.296-13.343,18.126-22.6,24.826
+        c-1.083,0.785-2.063,1.76-3.378,2.199c-0.51-0.317-0.374-0.748-0.305-1.244c0.378-2.732-0.268-5.158-2.193-7.222
+        c-3.58-3.837-7.486-7.346-10.811-11.446c-5.081-6.266-9.277-12.96-10.926-20.938c-0.581-2.814-0.685-5.835,0.147-8.638
+        C166.447,79.13,167.537,76.178,165.966,73.041z M206.624,96.162c-1.352-0.042-2.377,0.556-2.999,1.712
+        c-3.442,6.409-8.182,11.729-13.62,16.493c-1.699,1.488-1.825,3.688-0.526,5.023c1.327,1.365,3.305,1.25,5.061-0.288
+        c2.96-2.59,5.761-5.344,8.287-8.354c2.481-2.956,4.669-6.133,6.407-9.588C210.478,98.688,209.148,96.215,206.624,96.162z
+        M200.461,80.059c-1.913-0.124-3.401,1.002-3.622,2.734c-0.252,1.963,0.81,3.48,2.795,3.7c1.993,0.222,3.543,1.024,4.822,2.591
+        c1.355,1.659,3.131,1.821,4.592,0.626c1.488-1.217,1.67-2.967,0.462-4.653C207.291,81.958,204.223,80.379,200.461,80.059z"/>
+      <path
+        fill-rule="evenodd" clip-rule="evenodd" fill="#EE517D" d="M68.428,73.085c5.092-1.03,9.573,0.48,13.734,3.312
+        c0.223,0.152,0.421,0.34,0.632,0.509c4.033,3.252,4.126,3.25,8.209-0.133c8.521-7.061,22.465-4.387,27.946,5.248
+        c4.246,7.465,3.174,14.762-0.334,22.043c-3.456,7.173-8.58,13.075-14.347,18.453c-3.659,3.412-7.538,6.554-11.847,9.129
+        c-0.595-0.452-0.45-1.113-0.399-1.69c0.287-3.303-1.04-5.827-3.41-8.07c-5.796-5.487-11.381-11.176-15.376-18.194
+        c-4.231-7.433-7.336-15.118-4.326-23.811C69.764,77.415,69.468,75.287,68.428,73.085z M112.36,99.453
+        c0.049-1.622-0.712-2.688-2.132-3.133c-1.462-0.457-2.818-0.13-3.708,1.24c-1.283,1.977-2.452,4.03-3.784,5.972
+        c-2.81,4.092-6.397,7.476-10.014,10.833c-1.794,1.666-1.963,3.45-0.609,4.954c1.239,1.378,3.228,1.436,4.882-0.013
+        c5.878-5.144,11.085-10.856,14.772-17.82C112.115,100.83,112.455,100.165,112.36,99.453z M102.367,80.007
+        c-1.207-0.052-2.789,1.222-2.979,3.015c-0.176,1.654,1.074,3.263,2.943,3.464c2.095,0.226,3.599,1.225,4.933,2.797
+        c1.256,1.48,3.11,1.552,4.497,0.424c1.381-1.123,1.651-2.974,0.531-4.517C110.028,82.072,106.958,80.332,102.367,80.007z"/>
+      <path
+        fill-rule="evenodd" clip-rule="evenodd" fill="#D23E69" d="M165.966,73.041c1.571,3.137,0.481,6.089-0.428,9.154
+        c-0.832,2.803-0.728,5.823-0.147,8.638c1.648,7.979,5.845,14.673,10.926,20.938c3.325,4.101,7.231,7.609,10.811,11.446
+        c1.926,2.063,2.572,4.489,2.193,7.222c-0.069,0.496-0.205,0.927,0.305,1.244c-1.559,0.924-3.141,1.811-4.665,2.79
+        c-0.623,0.399-1.089,0.291-1.659-0.029c-12.797-7.19-23.485-16.59-30.516-29.665c-3.291-6.118-4.738-12.568-2.304-19.478
+        C152.753,78.857,159.531,73.387,165.966,73.041z"/>
+      <path
+        fill-rule="evenodd" clip-rule="evenodd" fill="#D23E69" d="M68.428,73.085c1.04,2.202,1.336,4.33,0.482,6.795
+        c-3.011,8.692,0.095,16.378,4.326,23.811c3.996,7.019,9.581,12.707,15.376,18.194c2.37,2.243,3.696,4.768,3.41,8.07
+        c-0.05,0.577-0.195,1.238,0.399,1.69c-0.096,0.094-0.187,0.192-0.288,0.28c-3.563,3.1-6.84,2.642-10.675,0.001
+        c-11.6-7.986-21.776-17.178-27.488-30.399c-4.032-9.335-1.961-18.739,5.281-24.617C61.905,74.755,64.916,73.271,68.428,73.085z"/>
+      <path
+        fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M206.624,96.162c2.524,0.053,3.854,2.526,2.609,4.998
+        c-1.738,3.455-3.926,6.632-6.407,9.588c-2.526,3.011-5.327,5.765-8.287,8.354c-1.756,1.538-3.734,1.653-5.061,0.288
+        c-1.299-1.336-1.173-3.535,0.526-5.023c5.438-4.765,10.178-10.084,13.62-16.493C204.247,96.718,205.272,96.12,206.624,96.162z"/>
+      <path
+        fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M200.461,80.059c3.762,0.32,6.83,1.899,9.049,4.998
+        c1.208,1.687,1.026,3.437-0.462,4.653c-1.461,1.195-3.237,1.033-4.592-0.626c-1.279-1.566-2.829-2.369-4.822-2.591
+        c-1.985-0.22-3.047-1.737-2.795-3.7C197.06,81.061,198.548,79.935,200.461,80.059z"/>
+      <path
+        fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M112.36,99.453c0.094,0.712-0.246,1.377-0.593,2.033
+        c-3.688,6.964-8.895,12.677-14.772,17.82c-1.654,1.448-3.644,1.391-4.882,0.013c-1.354-1.504-1.186-3.288,0.609-4.954
+        c3.617-3.357,7.205-6.741,10.014-10.833c1.333-1.941,2.501-3.995,3.784-5.972c0.89-1.37,2.247-1.697,3.708-1.24
+        C111.648,96.765,112.41,97.831,112.36,99.453z"/>
+      <path
+        fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M102.367,80.007c4.592,0.325,7.662,2.065,9.925,5.183
+        c1.121,1.543,0.851,3.394-0.531,4.517c-1.387,1.128-3.241,1.057-4.497-0.424c-1.334-1.572-2.838-2.571-4.933-2.797
+        c-1.869-0.201-3.119-1.81-2.943-3.464C99.578,81.229,101.16,79.955,102.367,80.007z"/>
+    </g>
+  </svg>
+</template>
+
+<!--<template>-->
+<!--  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"-->
+<!--       y="0px" viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve">-->
+<!--    <path fill-rule="evenodd" clip-rule="evenodd" fill="#F9A82C" d="M219.79,125.722c4.016,10.985,2.506,22.226,10.022,32.035-->
+<!--      c1.879,2.452,4.029,4.798,6.381,6.958c2.066-8.268,3.188-16.911,3.188-25.82c0-54.666-41.312-99.675-94.416-105.53-->
+<!--      c-6.476,4.667-12.78,13.308-16.379,19.973c-4.394,8.14-5.951,17.401-4.641,26.549c3.575,24.944,25.215,42.949,50.115,41.015-->
+<!--      c6.839-0.53,13.864-2.041,20.416-4.065C205.097,113.555,215.435,113.809,219.79,125.722z"/>-->
+<!--    <circle fill="none" stroke="#ffffff" stroke-width="10" stroke-linecap="round" stroke-miterlimit="10" cx="133.199"-->
+<!--            cy="138.894" r="106.182"/>-->
+<!--    <path fill-rule="evenodd" clip-rule="evenodd" fill="#F9A82C" stroke="#ffffff" stroke-width="10" stroke-miterlimit="10"-->
+<!--          d="-->
+<!--      M91.84,41.068c-4.694-7.709-13.178-12.857-22.864-12.857c-14.773,0-26.75,11.977-26.75,26.75c0,7.152,2.813,13.645,7.388,18.445-->
+<!--      C60.646,59.343,75.152,48.133,91.84,41.068z"/>-->
+<!--    <path fill-rule="evenodd" clip-rule="evenodd" fill="#F9A82C" stroke="#ffffff" stroke-width="10" stroke-miterlimit="10"-->
+<!--          d="-->
+<!--      M217.869,74.818c5.421-4.896,8.829-11.979,8.829-19.857c0-14.773-11.977-26.75-26.75-26.75c-10.05,0-18.801,5.545-23.372,13.74-->
+<!--      C192.963,49.295,207.146,60.672,217.869,74.818z"/>-->
+<!--    <path fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#ffffff" stroke-width="7.8" stroke-linecap="round"-->
+<!--          stroke-miterlimit="10" d="M111.924,164.271c1.293,3.641,13.903,13.365,22.918,0.072c0,0,11.979,18.418,24.176-1.578"/>-->
+<!--    <path fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#ffffff" stroke-width="7.8" stroke-linecap="round"-->
+<!--          stroke-miterlimit="10" d="-->
+<!--      M129.402,155.927c0.031-0.081,0.09-0.155,0.18-0.217c1.373-0.94,3.612-0.855,5.194-0.867c1.735-0.012,3.53,0.198,5.083,1.028-->
+<!--      c0.172,0.092,1.881,1.393,1.621,1.624c-0.004,0.003-6.67,5.933-6.67,5.933c-1.37-1.826-2.651-3.791-4.164-5.499-->
+<!--      C130.338,157.581,129.162,156.528,129.402,155.927z"/>-->
+<!--    <rect x="125.827" y="171.074" fill="none" stroke="#ffffff" stroke-width="5.9596" stroke-linecap="round"-->
+<!--          stroke-linejoin="round" stroke-miterlimit="10" width="19.288" height="16.063"/>-->
+<!--    <line fill="none" stroke="#ffffff" stroke-width="5.6755" stroke-linecap="round" stroke-linejoin="round"-->
+<!--          stroke-miterlimit="10" x1="135.471" y1="172.172" x2="135.471" y2="186.344"/>-->
+<!--    <path fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M159.566,103.361c-0.028-4.768,2.142-8.315,5.631-9.212-->
+<!--      c4.142-1.064,8.235,0.861,10.573,5.005c1.475,2.613,2.157,5.365,1.628,8.403c-0.756,4.326-3.018,6.938-6.573,7.368-->
+<!--      c-4.298,0.521-8.478-1.775-10.003-5.584C160.058,107.435,159.447,105.468,159.566,103.361z"/>-->
+<!--    <path fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff" d="M112.121,103.417c-0.039,7.146-4.395,11.856-10.654,11.561-->
+<!--      c-2.194-0.104-3.972-1.021-5.309-2.704c-3.883-4.893-1.758-14.426,3.817-17.291C106.379,91.693,112.163,95.71,112.121,103.417z"/>-->
+<!--    <line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="180.577"-->
+<!--          y1="159.136" x2="213.361" y2="157.556"/>-->
+<!--    <line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="181.577"-->
+<!--          y1="142.118" x2="212.833" y2="130.312"/>-->
+<!--    <line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="90.425"-->
+<!--          y1="159.136" x2="57.641" y2="157.556"/>-->
+<!--    <line fill="none" stroke="#ffffff" stroke-width="9.194" stroke-linecap="round" stroke-miterlimit="10" x1="89.425"-->
+<!--          y1="142.118" x2="58.168" y2="130.312"/>-->
+<!--  </svg>-->
+<!--</template>-->
+
+<script>
+export default {
+  name: 'Logo',
+}
+</script>
diff --git a/src/components/MainMenu/index.vue b/src/components/MainMenu/MainMenu.vue
similarity index 87%
rename from src/components/MainMenu/index.vue
rename to src/components/MainMenu/MainMenu.vue
index d1dc931..f81f8f2 100644
--- a/src/components/MainMenu/index.vue
+++ b/src/components/MainMenu/MainMenu.vue
@@ -3,8 +3,7 @@
     <div class="menu-nav">
       <div class="menu-logo">
         <router-link to="/">
-<!--          <base-icon icon="twitter" />-->
-          <img src="icons/hamstr_3-64x64.png" />
+          <Logo />
         </router-link>
       </div>
       <menu-item
@@ -60,16 +59,18 @@
 </template>
 
 <script>
-import MenuItem from 'components/MainMenu/Item'
+import MenuItem from 'components/MainMenu/MenuItem.vue'
 import { MENU_ITEMS } from 'components/MainMenu/constants.js'
 import BaseIcon from 'components/BaseIcon'
 import ProfilePopup from 'components/MainMenu/ProfilePopup'
+import Logo from 'components/MainMenu/Logo'
 // import MoreMenu from 'components/MainMenu/MoreMenu'
 // import { mapGetters } from 'vuex'
 
 export default {
   name: 'MainMenu',
   components: {
+    Logo,
     MenuItem,
     BaseIcon,
     //MoreMenu,
@@ -116,26 +117,26 @@ menu {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
+  margin: 0;
   .menu {
     &-nav {
       position: relative;
     }
     height: 100%;
     &-logo {
-      width: 50px;
-      height: 50px;
-      padding: 10px;
-      border-radius: 999px;
-      transition: 200ms ease-in-out;
+      margin: 1rem 0;
       svg, img {
         display: block;
-        width: 100%;
-        fill: #fff;
+        width: 50px;
+        height: 50px;
       }
-      &:hover {
-        background-color: rgba($color: $color-blue, $alpha: 0.2);
-        svg{
-          fill: #fff;
+      svg {
+        circle {
+          fill: transparent;
+          transition: fill 200ms ease-in-out;
+        }
+        &:hover circle {
+          fill: rgba($color: $color-primary, $alpha: 0.3);
         }
       }
     }
@@ -144,7 +145,7 @@ menu {
       text-align: center;
       padding: 1rem 0;
       cursor: pointer;
-      background-color: $color-blue;
+      background-color: $color-primary;
       color: #fff;
       font-weight: bold;
       font-size: 1.2rem;
@@ -167,7 +168,7 @@ menu {
       align-items: center;
       padding: 6px;
       border-radius: 999px;
-      background-color: $color-blue;
+      background-color: $color-primary;
       .icon {
         width: 1.2rem;
         height: 1.2rem;
diff --git a/src/components/MainMenu/Item.vue b/src/components/MainMenu/MenuItem.vue
similarity index 89%
rename from src/components/MainMenu/Item.vue
rename to src/components/MainMenu/MenuItem.vue
index 7495125..2f56d04 100644
--- a/src/components/MainMenu/Item.vue
+++ b/src/components/MainMenu/MenuItem.vue
@@ -79,12 +79,12 @@ a {
     font-weight: bold;
   }
   &:hover {
-    background-color: rgba($color: $color-blue, $alpha: 0.2);
+    background-color: rgba($color: $color-primary, $alpha: 0.2);
     & {
-      color: $color-blue;
+      color: $color-primary;
     }
     svg {
-      fill: $color-blue;
+      fill: $color-primary;
     }
   }
 }
@@ -93,11 +93,11 @@ a {
   .menu-item {
     &-logo {
       svg {
-        fill: $color-blue;
+        fill: $color-primary;
       }
     }
     &-content {
-      color: $color-blue;
+      color: $color-primary;
     }
   }
 }
diff --git a/src/components/MainMenu/ProfilePopup.vue b/src/components/MainMenu/ProfilePopup.vue
index c7aa723..481710f 100644
--- a/src/components/MainMenu/ProfilePopup.vue
+++ b/src/components/MainMenu/ProfilePopup.vue
@@ -119,7 +119,7 @@ export default {
     position: relative;
   }
   &:hover {
-    background-color: rgba($color: $color-blue, $alpha: 0.3);
+    background-color: rgba($color: $color-primary, $alpha: 0.3);
   }
   &-pic {
     width: 3rem;
@@ -183,7 +183,7 @@ export default {
         width: 1.5rem;
         height: 1.5rem;
         svg {
-          fill: $color-blue;
+          fill: $color-primary;
           width: 100%;
         }
       }
@@ -202,7 +202,7 @@ export default {
           padding: 0;
         }
         span {
-          color: $color-blue;
+          color: $color-primary;
         }
       }
     }
diff --git a/src/components/PageHeader.vue b/src/components/PageHeader.vue
index b3875a1..28bcc0a 100644
--- a/src/components/PageHeader.vue
+++ b/src/components/PageHeader.vue
@@ -49,12 +49,13 @@ export default defineComponent({
 
 .page-header {
   //border-bottom: $border-dark;
-  padding: .5rem 1rem;
+  margin: 1rem;
   color: #fff;
   display: flex;
   align-items: center;
   h2 {
-    margin: .5rem 0;
+    line-height: 50px;
+    margin: 0;
   }
   .back-button {
     width: 2.5rem;
@@ -64,13 +65,13 @@ export default defineComponent({
     border-radius: 999px;
     cursor: pointer;
     &:hover {
-      background-color: rgba($color: $color-blue, $alpha: 0.3);
+      background-color: rgba($color: $color-primary, $alpha: 0.3);
     }
     svg {
       width: 100%;
       height: 100%;
       transform: translateX(-3px);
-      fill: $color-blue;
+      fill: $color-primary;
     }
   }
   .profile-info {
diff --git a/src/components/Post/index.vue b/src/components/Post/Post.vue
similarity index 99%
rename from src/components/Post/index.vue
rename to src/components/Post/Post.vue
index 67c81c2..339b785 100644
--- a/src/components/Post/index.vue
+++ b/src/components/Post/Post.vue
@@ -164,7 +164,7 @@ export default {
       .in-reply-to {
         color: $color-dark-gray;
         a {
-          color: $color-blue;
+          color: $color-primary;
           &:hover {
             text-decoration: underline;
           }
diff --git a/src/components/SearchBox/index.vue b/src/components/SearchBox/SearchBox.vue
similarity index 97%
rename from src/components/SearchBox/index.vue
rename to src/components/SearchBox/SearchBox.vue
index 7d983c0..b7cf262 100644
--- a/src/components/SearchBox/index.vue
+++ b/src/components/SearchBox/SearchBox.vue
@@ -159,10 +159,11 @@ export default {
 @import 'assets/theme/colors.scss';
 
 .searchbox {
-  background-color: rgba($color: $color-dark-gray, $alpha: 0.3);
-  padding: 1rem;
+  height: 50px;
+  padding: 12px 1rem;
   border-radius: 999px;
-  margin: 0 0 1rem;
+  margin: 1rem 0;
+  background-color: rgba($color: $color-dark-gray, $alpha: 0.3);
   border: 1px solid rgba($color: $color-dark-gray, $alpha: 0);
   transition: border 150ms ease;
   &-wrapper {
@@ -195,9 +196,9 @@ export default {
     }
   }
   &.focused {
-    border: 1px solid rgba($color: $color-blue, $alpha: 1);
+    border: 1px solid rgba($color: $color-primary, $alpha: 1);
     svg {
-      fill: $color-blue;
+      fill: $color-primary;
     }
   }
 }
diff --git a/src/index.template.html b/src/index.template.html
index 84eb8b1..93292ec 100644
--- a/src/index.template.html
+++ b/src/index.template.html
@@ -21,6 +21,12 @@
       sizes="128x128"
       href="icons/favicon-128x128.png"
     />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="64x64"
+      href="icons/favicon-64x64.png"
+    />
     <link
       rel="icon"
       type="image/png"
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 954e161..75c3dc5 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -7,7 +7,7 @@
     <div class="layout">
       <div class="layout-menu">
         <div class="layout-menu-fixed">
-          <main-menu />
+          <MainMenu />
         </div>
       </div>
 
@@ -42,8 +42,8 @@
 
       <div class="layout-sidebar">
         <div class="layout-sidebar-fixed">
-          <search-box />
-          <trends />
+          <SearchBox />
+          <Trends />
         </div>
       </div>
     </div>
@@ -89,10 +89,10 @@ import { defineComponent} from 'vue'
 import { scroll, useQuasar, LocalStorage } from 'quasar'
 const { getVerticalScrollPosition, setVerticalScrollPosition} = scroll
 import { activateSub, deactivateSub, destroyStreams } from '../query'
-import MainMenu from 'components/MainMenu/index.vue'
+import MainMenu from 'components/MainMenu/MainMenu.vue'
 import TheUserMenu from 'components/TheUserMenu.vue'
 import TheKeyInitializationDialog from 'components/TheKeyInitializationDialog.vue'
-import SearchBox from 'components/SearchBox/index.vue'
+import SearchBox from 'components/SearchBox/SearchBox.vue'
 import Trends from 'components/Trends/index.vue'
 import { setCssVar, getCssVar } from 'quasar'
 
@@ -371,7 +371,6 @@ export default defineComponent({
     width: 100%;
     max-width: 330px;
     margin-left: 1rem;
-    margin-top: 1rem;
     &-fixed {
       position: fixed;
       width: 100%;
@@ -418,7 +417,7 @@ export default defineComponent({
       height: 3rem;
       padding: 8px;
       border-radius: 999px;
-      background-color: $color-blue;
+      background-color: $color-primary;
       display: flex;
       align-items: center;
       justify-content: center;
diff --git a/src/pages/Feed2.vue b/src/pages/Feed2.vue
index b0b2327..64d91d7 100644
--- a/src/pages/Feed2.vue
+++ b/src/pages/Feed2.vue
@@ -49,7 +49,7 @@ import {dbFeed, dbUserFollows} from '../query'
 import BaseButtonLoadMore from 'components/BaseButtonLoadMore.vue'
 import { createMetaMixin } from 'quasar'
 import PageHeader from 'components/PageHeader.vue'
-import Post from 'components/Post/index.vue'
+import Post from 'components/Post/Post.vue'
 import PostEditor from 'components/CreatePost/PostEditor.vue'