Some more cleanup to prepare for 2.1.0 release (#395)

* Make syntax highlighting green match the brand color

* Fix version filter control wrapping and not obeying snapshot filter

* Fix checkbox hover state Closes #390

* Update components/ui/VersionFilterControl.vue

Co-authored-by: Emma Pointer-Null <emmaffle@modrinth.com>

* Fix missing hover and active states for various buttons

Co-authored-by: Emma Pointer-Null <emmaffle@modrinth.com>

assets/styles/components.scss

@@ -39,6 +39,12 @@
   &:hover,
   &:focus-visible {
     background-color: var(--color-button-bg-hover);
+    color: var(--color-button-text-hover);
+  }
+
+  &:active, {
+    background-color: var(--color-button-bg-active);
+    color: var(--color-button-text-active);
   }
 
   svg {
@@ -464,6 +470,15 @@
       background: var(--color-button-bg-hover);
     }
   }
+
+  &.multiselect--disabled {
+    background: none;
+
+    .multiselect__current,
+    .multiselect__select {
+      background: none;
+    }
+  }
 }
 
 label {
@@ -584,6 +599,10 @@ label {
     background-color: var(--color-brand-hover);
   }
 
+  &:active {
+    background-color: var(--color-brand-active);
+  }
+
   svg {
     width: 1.25rem;
     margin: auto;

assets/styles/global.scss

@@ -94,7 +94,7 @@ html {
   --color-bg-inverted: var(--color-text);
 
   --color-brand: #1bd96a;
-  --color-brand-hover: #30b366;
+  --color-brand-hover: #2de391;
   --color-brand-active: #55f5ae;
   --color-brand-inverted: #000;
 

assets/styles/highlightjs.scss

@@ -25,7 +25,7 @@
 .hljs-quote,
 .hljs-template-tag,
 .hljs-deletion {
-  color: #06b800
+  color: var(--color-brand)
 }
 
 .hljs-title,