added discord link

public/css/style.scss

@@ -351,6 +351,20 @@ a:hover {
     transition: 0.25s;
     padding: 0.5rem;
     border-radius: var(--roundness);
+    &.discord{
+      position: relative;
+      &::after{
+        width: .5rem;
+        height: .5rem;
+        content: "";
+        position: absolute;
+        background: #da3333;
+        border-radius: 1rem;
+        top: .25rem;
+        right: .25rem;
+        border: 2px solid var(--bg-color);
+      }
+    }
     &:focus{
       background: var(--sub-color);
       color: var(--main-color);

public/index.html

@@ -82,6 +82,11 @@
             <i class="fas fa-fw fa-info"></i>
           </div>
         </div>
+          <a class="button discord" tabindex="2" href="https://discord.gg/xMYrWg6" onclick="this.blur();" target="_blank" style="text-decoration: none;">
+            <div class="icon">
+              <i class="fab fa-discord"></i>
+            </div>
+          </a>
         <div class="button" tabindex="2" href="/settings" onclick="this.blur();">
           <div class="icon">
             <i class="fas fa-fw fa-cog"></i>

public/themes/dots.css

@@ -21,17 +21,33 @@
     color: #121520;
 }
 
-#menu .button:nth-child(1){
-    background: #9261ff;
-}
-
-#menu:before{
+/* #menu:before{
     content: "";
     background: #f94348;
     width: 1.25rem;
     height: 1.25rem;
     padding: .5rem;
     border-radius: 10rem;
+} */
+
+#menu .button:nth-child(1){
+    background: #f94348;
+}
+
+#menu .button:nth-child(2){
+    background: #9261ff;
+}
+
+#menu .button:nth-child(3){
+    background: #3cc5f8;
+}
+
+#menu .button:nth-child(4){
+    background: #4acb8a;
+}
+
+#menu .button:nth-child(5), #menu .button:nth-child(6){
+    background: #ffd543;
 }
 
 #menu:after{
@@ -41,16 +57,4 @@
     height: 1.25rem;
     padding: .5rem;
     border-radius: 10rem;
-}
-
-#menu .button:nth-child(2){
-    background: #3cc5f8;
-}
-
-#menu .button:nth-child(3){
-    background: #4acb8a;
-}
-
-#menu .button:nth-child(4), #menu .button:nth-child(5){
-    background: #ffd543;
 }

public/themes/dracula.css

@@ -18,21 +18,25 @@
 }
 
 #menu .button:nth-child(1){
-  color: #8be9fd;
+  color: #ec75c4;
 }
 
 #menu .button:nth-child(2){
-  color: #50fa7b;
+  color: #8be9fd;
 }
 
 #menu .button:nth-child(3){
-  color: #f1fa8c;
+  color: #50fa7b;
 }
 
 #menu .button:nth-child(4){
-  color: #ffb86c;
+  color: #f1fa8c;
 }
 
 #menu .button:nth-child(5){
   color: #ffb86c;
+}
+
+#menu .button:nth-child(6){
+  color: #ffb86c;
 }

public/themes/oblivion.css

@@ -6,18 +6,22 @@
 }
 
 #menu .button:nth-child(1){
-    color: #8db14b;
+    color: #9a90b4;
 }
 
 #menu .button:nth-child(2){
-    color: #fca321;
+    color: #8db14b;
 }
 
 #menu .button:nth-child(3){
+    color: #fca321;
+}
+
+#menu .button:nth-child(4){
     color: #2984a5;
 }
 
-#menu .button:nth-child(4),
-#menu .button:nth-child(5){
+#menu .button:nth-child(5),
+#menu .button:nth-child(6){
     color: #dd452e;
 }