Refactor some code to make it looks cleaner

styles/scrollbar.css

@@ -1,4 +1,3 @@
-/* 滚动槽 */
 .flat-scrollbar::-webkit-scrollbar {
   width: 6px;
   height: 6px;
@@ -8,14 +7,12 @@
   background: rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
 }
-/* 滚动条滑块 */
 .flat-scrollbar::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background: gray;
   -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
 }
 
-/* 滚动槽 */
 .flat-scrollbar-thin::-webkit-scrollbar {
   width: 3px;
   height: 3px;
@@ -25,7 +22,6 @@
   background: rgba(0, 0, 0, 0.06);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
 }
-/* 滚动条滑块 */
 .flat-scrollbar-thin::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background: gray;

styles/ui.css

@@ -1,35 +1,12 @@
-.text-selection {
+.selection-style {
   @apply selection:bg-black
       selection:text-white
       dark:selection:bg-white
       dark:selection:text-black;
 }
 
-.list-title {
-  @apply text-3xl
-  font-bold
-  text-sky-600
-  dark:text-sky-500;
-}
-
-.nav-link {
-  @apply border-b-sky-600
-  font-bold
-  hover:text-sky-600
-  dark:hover:border-b-sky-500
-  dark:hover:text-sky-500;
-}
-
 .tag-link {
-  @apply border-2
-  border-black
-  px-2
-  hover:border-gray-600
-  hover:text-gray-600
-  dark:border-white
-  dark:text-white
-  dark:hover:border-gray-200
-  dark:hover:text-gray-200;
+  @apply border-2 border-black px-2 hover:border-gray-600 hover:text-gray-600 dark:border-white  dark:text-white  dark:hover:border-gray-200  dark:hover:text-gray-200;
 }
 
 .link-button {
@@ -45,5 +22,5 @@
 }
 
 * {
-  @apply text-selection;
+  @apply selection-style;
 }