diff --git a/src/assets/styles/sass/style.scss b/src/assets/styles/sass/style.scss
index aedb08e..ae75806 100644
--- a/src/assets/styles/sass/style.scss
+++ b/src/assets/styles/sass/style.scss
@@ -37,6 +37,18 @@ body {
   color: var(--text);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+
+  @include medium {
+    &::-webkit-scrollbar {
+      width: 10px;
+      background: var(--bg-main);
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: 10px;
+      background-color: var(--bg-dark);
+    }
+  }
 }
 
 body.no-transition * {
@@ -159,7 +171,7 @@ label {
 
     &::-webkit-scrollbar-thumb {
       border-radius: 10px;
-      background-color: var(--bg-light);
+      background-color: var(--bg-dark);
     }
   }
 }
@@ -238,9 +250,7 @@ a.fonts-nav-link {
   border-radius: 6px;
 
   @include medium {
-    margin: 0;
-    border-radius: 0;
-    padding: 9px 24px;
+    padding: 9px 12px;
 
     &:after {
       content: '';
@@ -248,7 +258,7 @@ a.fonts-nav-link {
         image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.65685 12.7929L10.7377 7.13605L7.65685 1.47919' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
         size: 100%;
       }
-      margin-right: -12px;
+      margin-right: -6px;
       width: 15px;
       height: 15px;
       display: block;
@@ -406,11 +416,7 @@ $languages: html, css, js, charmap;
       size: 12px;
       weight: 500;
     }
-    --active: var(--highlight);
-
-    html.theme-blue & {
-      --active: var(--bg-highlight);
-    }
+    --active: var(--bg-highlight);
 
     label {
       --inactive-text: white;
@@ -593,20 +599,12 @@ ul.features {
   &.v {
     width: 18px;
     height: 13px;
-    background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L6 12L1 7' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-
-    html.theme-blue & {
-      background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L6 12L1 7' stroke='%23789bab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-    }
+    background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L6 12L1 7' stroke='%23789bab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   }
 
   &.x {
     width: 14px;
     height: 14px;
-    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L1 13' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L13 13' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-
-    html.theme-blue & {
-      background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L1 13' stroke='%23789bab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L13 13' stroke='%23789bab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-    }
+    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L1 13' stroke='%23789bab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L13 13' stroke='%23789bab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   }
 }
diff --git a/src/assets/styles/style.css b/src/assets/styles/style.css
index 4f9ab14..c9910c3 100644
--- a/src/assets/styles/style.css
+++ b/src/assets/styles/style.css
@@ -34,6 +34,16 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+@media screen and (min-width: 900px) {
+  body::-webkit-scrollbar {
+    width: 10px;
+    background: var(--bg-main);
+  }
+  body::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background-color: var(--bg-dark);
+  }
+}
 
 body.no-transition * {
   transition: none !important;
@@ -140,7 +150,7 @@ label {
   }
   .sidebar::-webkit-scrollbar-thumb {
     border-radius: 10px;
-    background-color: var(--bg-light);
+    background-color: var(--bg-dark);
   }
 }
 
@@ -215,15 +225,13 @@ a.fonts-nav-link {
 }
 @media screen and (min-width: 900px) {
   a.fonts-nav-link {
-    margin: 0;
-    border-radius: 0;
-    padding: 9px 24px;
+    padding: 9px 12px;
   }
   a.fonts-nav-link:after {
     content: "";
     background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.65685 12.7929L10.7377 7.13605L7.65685 1.47919' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
     background-size: 100%;
-    margin-right: -12px;
+    margin-right: -6px;
     width: 15px;
     height: 15px;
     display: block;
@@ -369,9 +377,6 @@ a.fonts-nav-link.active:after {
   position: relative;
   font-size: 12px;
   font-weight: 500;
-  --active: var(--highlight);
-}
-html.theme-blue .screenshot-controls .controls {
   --active: var(--bg-highlight);
 }
 .screenshot-controls .controls label {
@@ -567,17 +572,11 @@ ul.features span::first-letter {
 .icon.v {
   width: 18px;
   height: 13px;
-  background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L6 12L1 7' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-}
-html.theme-blue .icon.v {
   background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L6 12L1 7' stroke='%23789bab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 }
 .icon.x {
   width: 14px;
   height: 14px;
-  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L1 13' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L13 13' stroke='%23848484' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-}
-html.theme-blue .icon.x {
   background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L1 13' stroke='%23789bab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L13 13' stroke='%23789bab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 }
 
diff --git a/src/assets/styles/style.css.map b/src/assets/styles/style.css.map
index 1f87038..9a9b205 100644
--- a/src/assets/styles/style.css.map
+++ b/src/assets/styles/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["sass/style.scss","sass/_mixins.scss"],"names":[],"mappings":";AAEA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EAEE;EAEA;EAEF;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EAEE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAGE;EACE;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;;AAKN;EACE;EACA;EACA;;AC7HA;ED0HF;IAMI;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;;ACzIA;EDuIF;IAKI;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EAEE;EACA;EAEF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AC/KA;ED+JF;IAmBI;IACA;;EAEA;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;ACvMA;EDsMF;IAII;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACtOA;ED0NF;IAeI;IACA;IACA;;EAEA;IACE;IAEE;IACA;IAEF;IACA;IACA;IACA;IACA;IACA;;;AClPJ;EDoNF;IAmCI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;IACE;IACA;;;;ACxRJ;ED6RF;IAEI;;;ACrSF;EDmSF;IAMI;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACzTA;ED+SF;IAaI;IACA;;;ACjTF;EDmSF;IAkBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAIA;EACE;;AAIF;EACE;;AAEA;EACE;;AC3VN;ED+SF;IAkDI;IACA;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;;AC5XA;EDsXF;IASI;;;ACzXF;EDgXF;IAaI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEE;EACA;EAEF;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAKN;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEE;EACA;EACA;EACA;EAEF;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAQJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AATF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAOF;EACE;EACA;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;AAGF;EACE;EACA;;;AAMN;EACE;EACA;;ACzgBA;EDugBF;IAKI;IACA;IACA;;;AClgBF;ED2fF;IAWI;;;AAGF;EAEI;EACA;EAEF;;AAGF;EACE;;AAGF;EACE;;AC5hBF;ED+hBA;IAEI;;EAEA;IACE;MACE;MACA;;;;;AAOV;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAKF;EACE;;;AAKN;EACE;EAEE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["sass/style.scss","sass/_mixins.scss"],"names":[],"mappings":";AAEA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EAEE;EAEA;EAEF;EACA;EACA;EACA;EACA;;AC/BA;EDkCE;IACE;IACA;;EAGF;IACE;IACA;;;;AAKN;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EAEE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAGE;EACE;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;;AAKN;EACE;EACA;EACA;;ACzIA;EDsIF;IAMI;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;;ACrJA;EDmJF;IAKI;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;;;AAKN;EACE;EACA;EACA;EACA;EAEE;EACA;EAEF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AC3LA;ED2KF;IAmBI;IACA;;EAEA;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;ACnNA;EDkNF;IAII;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AClPA;EDsOF;IAeI;;EAEA;IACE;IAEE;IACA;IAEF;IACA;IACA;IACA;IACA;IACA;;;AC5PJ;EDgOF;IAiCI;IACA;;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;IACE;IACA;;;;AClSJ;EDuSF;IAEI;;;AC/SF;ED6SF;IAMI;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACnUA;EDyTF;IAaI;IACA;;;AC3TF;ED6SF;IAkBI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAIA;EACE;;AAIF;EACE;;AAEA;EACE;;ACrWN;EDyTF;IAkDI;IACA;IACA;IACA;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;;ACtYA;EDgYF;IASI;;;ACnYF;ED0XF;IAaI;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEE;EACA;EAEF;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAFF;EACE;EACA;;AAKN;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEE;EACA;EACA;EACA;EAEF;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAQJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AATF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAOF;EACE;EACA;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;AAGF;EACE;EACA;;;AAMN;EACE;EACA;;AC/gBA;ED6gBF;IAKI;IACA;IACA;;;ACxgBF;EDigBF;IAWI;;;AAGF;EAEI;EACA;EAEF;;AAGF;EACE;;AAGF;EACE;;ACliBF;EDqiBA;IAEI;;EAEA;IACE;MACE;MACA;;;;;AAOV;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAKF;EACE;;;AAKN;EACE;EAEE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA","file":"style.css"}
\ No newline at end of file