refactor(ollama): clean up, organize, format

catppuccin · Aug 23, 2024 · 8f04572 · 8f04572
1 parent 0068bbd
commit 8f04572
Showing 1 changed file with 54 additions and 75 deletions.
diff --git a/styles/ollama/catppuccin.user.css b/styles/ollama/catppuccin.user.css
@@ -100,56 +100,65 @@
       }
     }
 
+    background-color: @base;
+    color: @text;
+
     & when not (@lookup = latte) {
       img[src="/public/ollama.png"], img[src="https://ollama.com/public/assets/c889cc0d-cb83-4c46-a98e-0d0e273151b9/42f6b28d-9117-48cd-ac0d-44baaf5c178e.png"]
       {
         filter: @icon-filter;
       }
     }
-    // el-selectors
+
     code,
     pre {
       background-color: @mantle;
       color: @text !important;
     }
-    main,section,strong ,h3,ul{
-      color: @text !important;
-    }
-    .text-black * {
+
+    main,
+    section,
+    strong,
+    h3,
+    ul,
+    button,
+    li,
+    li::marker {
       color: @text !important;
     }
-    button {
-      // background-color: @surface2;
-      color: @text;
-    }
     blockquote {
       color: @subtext0;
     }
-    li::marker {
-      color: @text !important;
-    }
-    li {
-      color: @text !important;
-    }
     a[class~=""] {
       color: @blue;
     }
-
-   #query, #filter, #search {
+
+    #query,
+    #filter,
+    #search {
       background-color: @mantle;
       color: @text;
     }
-    ul {
-      color: @text !important;
+    #readme,
+    #display,
+    #file-explorer {
+      color: @text;
     }
-    // text-colors
-    .text-black {
-      color: @text !important;
+
+    .command {
+      color: @text;
     }
-    .prose-li\:text-black, .marker\:prose-ol\:text-black {
+    .truncate {
+      color: @text;
+    }
+
+    /* Tailwind */
+
+    .text-black,
+    .prose-li\:text-black,
+    .marker\:prose-ol\:text-black {
       color: @text !important;
     }
-
     .text-white {
       color: @text;
     }
@@ -162,18 +171,14 @@
     .text-yellow-900 {
       color: darken(@yellow, 30%);
     }
-
+    .text-neutral-400,
     .text-neutral-500 {
       color: @subtext0;
     }
-
-    .text-neutral-900,
-    .text-neutral-800 {
+    .text-neutral-800,
+    .text-neutral-900 {
       color: @subtext1 !important;
     }
-    .text-neutral-400 {
-      color: @subtext0;
-    }
     .text-indigo-600,
     .text-blue-500 {
       color: darken(@accent-color, 20%);
@@ -182,83 +187,57 @@
       color: darken(@accent-color, 25%);
       background-color: @accent-color;
     }
-    //bg-colors
+
     .bg-neutral-100 pre,
     .bg-neutral-100 .command {
       background-color: unset !important;
     }
+    .bg-white {
+      background-color: @mantle;
+    }
     .bg-black {
       background-color: @surface0;
     }
     .bg-neutral-50 {
       background-color: @surface0;
     }
+    .bg-neutral-100,
+    .hover\:bg-neutral-100:hover {
+      background-color: @surface2 !important;
+    }
+    .bg-neutral-700,
+    .bg-neutral-800 {
+      background-color: @surface1;
+    }
     .bg-green-50 {
       background-color: @green;
     }
     .bg-yellow-50 {
       background-color: @yellow;
     }
-
-    .bg-neutral-800,
-    .bg-neutral-700 {
-      background-color: @surface1;
-    }
-    .bg-neutral-100 {
-      background-color: @surface2 !important;
-    }
-    .hover\:bg-neutral-100:hover {
-      background-color: @surface2 !important;
-    }
     .bg-indigo-50 {
       background-color: @accent-color;
     }
-    .bg-white {
-      background-color: @mantle;
+
+    .border {
+      border-color: @accent-color;
     }
-    // border-colors
     .divide-gray-200 > * + * {
       border-color: @accent-color !important;
     }
-    .border {
-      border-color: @accent-color;
-    }
     .divide-neutral-200 > * + * {
       border-color: @accent-color !important;
     }
     .border-neutral-200,
     .border-neutral-300 {
       border-color: @accent-color !important;
     }
-    .ring-neutral-300 {
-      --tw-ring-color: @accent-color !important
-    ;
-    }
-    .ring-blue-300 {
-      --tw-ring-color: @accent-color !important
-    ;
-    }
+
+    .ring-neutral-300,
+    .ring-blue-300,
     .focus\:ring-blue-300:focus {
       --tw-ring-color: @accent-color !important;
     }
-    //id-selectors
-    #readme,
-    #display,
-    #file-explorer {
-      color: @text !important;
-    }
-
-    // class selectors
-    .command {
-      color: @text;
-    }
-
-    .truncate {
-      color: @text;
-    }
-    // etc
-    background-color: @base;
-    color: @text;
   }
 }