contrast fix and screenshot update

README.md

@@ -10,10 +10,29 @@
     <a href="https://github.com/catppuccin/vimium/contributors"><img src="https://img.shields.io/github/contributors/catppuccin/vimium?colorA=363a4f&colorB=a6da95&style=for-the-badge"></a>
 </p>
 
+
 <p align="center">
-  <img src="assets/cat-vimium.png"/>
+  <img src="https://raw.githubusercontent.com/catppuccin/vimium/main/assets/cat-vimium.png"/>
 </p>
 
+## Previews
+
+<details>
+<summary>🌻 Latte</summary>
+  <img src="https://raw.githubusercontent.com/catppuccin/vimium/main/assets/vimium-latte.png"/>
+</details>
+<details>
+<summary>🪴 Frappé</summary>
+  <img src="https://raw.githubusercontent.com/catppuccin/vimium/main/assets/vimium-frappe.png"/>
+</details>
+<details>
+<summary>🌺 Macchiato</summary>
+  <img src="https://raw.githubusercontent.com/catppuccin/vimium/main/assets/vimium-macchiato.png"/>
+</details>
+<details>
+<summary>🌿 Mocha</summary>
+  <img src="https://raw.githubusercontent.com/catppuccin/vimium/main/assets/vimium-mocha.png"/>
+</details>
 
 ## Usage
 

src/catppuccin-vimium-frappe.css

@@ -16,7 +16,7 @@
 }
 
 #vimiumHintMarkerContainer div > .matchingCharacter ~ span {
-  color: #8CAAEE; /* blue */
+  color: #626880; /* surface2 */
 }
 
 #vomnibar {

src/catppuccin-vimium-latte.css

@@ -16,7 +16,7 @@
 }
 
 #vimiumHintMarkerContainer div > .matchingCharacter ~ span {
-  color: #1E66F5; /* blue */
+  color: #ACB0BE; /* surface2 */
 }
 
 #vomnibar {

src/catppuccin-vimium-macchiato.css

@@ -16,7 +16,7 @@
 }
 
 #vimiumHintMarkerContainer div > .matchingCharacter ~ span {
-  color: #8AADF4; /* blue */
+  color: #5B6078; /* surface2 */
 }
 
 #vomnibar {

src/catppuccin-vimium-mocha.css

@@ -16,7 +16,7 @@
 }
 
 #vimiumHintMarkerContainer div > .matchingCharacter ~ span {
-  color: #89B4FA; /* blue */
+  color: #585B70; /* surface2 */
 }
 
 #vomnibar {