[💄] Add gradient to launcher button

src/style.less

@@ -11,7 +11,12 @@
   --crust: #11111b;
 }
 
-body, html {
+.bx-category {
+  color: #181926;
+}
+
+body,
+html {
   background-color: var(--crust);
 
   width: 100vw;
@@ -25,7 +30,6 @@ body, html {
   overflow: hidden;
 }
 
-
 *::-webkit-scrollbar {
   display: none;
 }
@@ -34,7 +38,7 @@ body, html {
   -ms-overflow-style: none;
   scrollbar-width: none;
 
-  font-family: 'Satoshi', sans-serif;
+  font-family: "Satoshi", sans-serif;
   font-weight: 600;
 
   color: var(--text);
@@ -50,12 +54,17 @@ toolbar {
   margin: 0 0 0 0;
   justify-content: center;
 
+  div[data-toolbar-id="appview"] {
+    background: rgb(150, 181, 246);
+    background: linear-gradient(45deg, rgba(150, 181, 246, 1) 0%, rgba(150, 181, 246, 1) 12%, rgba(77, 129, 236, 1) 100%);
+    color: black;
+  }
   & > div {
     background: var(--base);
     padding: 5px;
     border-radius: 5px;
     box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.1);
-    height: 40px!important;
+    height: 40px !important;
     display: flex;
 
     app {
@@ -80,7 +89,6 @@ window-area {
   margin-bottom: 20px;
   height: 100%;
   overflow: hidden;
-  
 
   window {
     background: var(--base);
@@ -91,8 +99,8 @@ window-area {
     overflow: hidden;
     border: 1px solid rgba(255, 255, 255, 0.2);
     background: var(--crust);
-    transition: .2s opacity, .2s width, .2s height;
-  
+    transition: 0.2s opacity, 0.2s width, 0.2s height;
+
     window-header {
       height: 20px;
       padding: 7.5px;
@@ -106,7 +114,7 @@ window-area {
         border-radius: 40%;
       }
     }
-  
+
     window-content {
       height: 100%;
       border-radius: 10px 10px 0 0;
@@ -132,7 +140,7 @@ launcher {
   width: 100vw;
   height: calc(100vh + 20px);
   gap: 20px;
-  transition: .2s opacity, .2s backdrop-filter;
+  transition: 0.2s opacity, 0.2s backdrop-filter;
 
   apps {
     max-height: 70vh;
@@ -167,11 +175,11 @@ launcher {
     width: 300px;
     max-width: 100vw;
     text-align: center;
-    transition: border .2s;
+    transition: border 0.2s;
 
     &:focus {
       outline: none;
       border: 2px solid var(--text);
     }
   }
-}
+}