From efae0af22125231e8c91f0c8d24b6d649aa72a42 Mon Sep 17 00:00:00 2001
From: Xavier Valarino <xvalarino@gmail.com>
Date: Mon, 19 Dec 2022 22:46:08 -0800
Subject: [PATCH] Add build script to concatenate CSS files

Build script concatenates CSS variables files to the base CSS file
containing the Vimium class names. Files are output to `dist` directory.
---
 build.sh                             |  17 ++++
 dist/catppuccin-vimium-frappe.css    | 131 +++++++++++++++++++++++++++
 dist/catppuccin-vimium-latte.css     | 131 +++++++++++++++++++++++++++
 dist/catppuccin-vimium-macchiato.css | 131 +++++++++++++++++++++++++++
 dist/catppuccin-vimium-mocha.css     | 131 +++++++++++++++++++++++++++
 5 files changed, 541 insertions(+)
 create mode 100755 build.sh
 create mode 100644 dist/catppuccin-vimium-frappe.css
 create mode 100644 dist/catppuccin-vimium-latte.css
 create mode 100644 dist/catppuccin-vimium-macchiato.css
 create mode 100644 dist/catppuccin-vimium-mocha.css

diff --git a/build.sh b/build.sh
new file mode 100755
index 0000000..89138ce
--- /dev/null
+++ b/build.sh
@@ -0,0 +1,17 @@
+#!/usr/bin/env bash
+
+src='./src/'
+dist='./dist/'
+
+if [ ! -d "$dist" ]; then
+  mkdir -v $dist
+fi
+
+for f in "$src"/palettes/*.css; do
+  filename=$(basename "$f")
+  palette=${filename%.css}
+  basefile=catppuccin-vimium-base.css
+  filename=${basefile/base/$palette}
+  echo "Creating $dist$filename"
+  cat  "$f" "$src$basefile" > "$dist$filename"
+done
diff --git a/dist/catppuccin-vimium-frappe.css b/dist/catppuccin-vimium-frappe.css
new file mode 100644
index 0000000..6957dc6
--- /dev/null
+++ b/dist/catppuccin-vimium-frappe.css
@@ -0,0 +1,131 @@
+/* Frappe palette */
+
+:root {
+  --rosewater: #f2d5cf;
+  --peach: #ef9f76;
+  --blue: #8caaee;
+  --lavender: #babbf1;
+  --green: #a6d189;
+  --text: #c6d0f5;
+  --surface2: #626880;
+  --surface0: #414559;
+  --base: #303446;
+  --mantle: #292c3c;
+}
+#vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer div.vimiumHintMarker {
+  padding: 3px 4px;
+  background: var(--peach);
+  border: 1;
+  border-color: var(--mantle);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+#vimiumHintMarkerContainer div span {
+  color: var(--mantle);
+  text-shadow: none;
+}
+
+#vimiumHintMarkerContainer div > .matchingCharacter {
+  opacity: 1.0;
+}
+
+#vimiumHintMarkerContainer div > .matchingCharacter ~ span {
+  color: var(--surface2);
+}
+
+#vomnibar {
+  background: var(--base);
+  border: 2px solid var(--lavender);
+  animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  max-height: calc(100vh - 70px);
+  overflow: hidden;
+}
+
+@keyframes show {
+  0% {
+    transform: translateY(50px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+#vomnibar input {
+  color: var(--text);
+  background: var(--base);
+  border: none;
+  height: unset;
+  padding: 16px 30px;
+}
+
+#vomnibar .vomnibarSearchArea {
+  border: none;
+  padding: unset;
+  background: var(--base)
+}
+
+#vomnibar ul {
+  padding: 0;
+  margin: 0;
+  background: var(--base);
+  border-top: 1px solid var(--surface0);
+}
+
+#vomnibar li {
+  padding: 10px;
+  border-bottom: 1px solid var(--surface0)
+}
+
+#vomnibar li .vomnibarTopHalf,
+#vomnibar li .vomnibarBottomHalf {
+  padding: 3px 0;
+}
+
+#vomnibar li .vomnibarSource {
+  color: var(--peach);
+}
+
+#vomnibar li em,
+#vomnibar li .vomnibarTitle {
+  color: var(--blue);
+  font-weight: bold;
+}
+
+#vomnibar li .vomnibarUrl {
+  color: var(--rosewater);
+}
+
+#vomnibar li .vomnibarMatch {
+  color: var(--green);
+  font-weight: bold;
+}
+
+#vomnibar li .vomnibarTitle .vomnibarMatch {
+  color: var(--blue);
+}
+
+#vomnibar li.vomnibarSelected {
+  background-color: var(--surface0);
+}
+
+div.vimiumHUD {
+  background: var(--base);
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+div.vimiumHUD span#hud-find-input,
+div.vimiumHUD .vimiumHUDSearchAreaInner {
+  color: var(--text)
+}
+
+div.vimiumHUD .hud-find {
+  background-color: var(--base);
+  border: none;
+}
+
+div.vimiumHUD .vimiumHUDSearchArea {
+  background-color: var(--base);
+}
diff --git a/dist/catppuccin-vimium-latte.css b/dist/catppuccin-vimium-latte.css
new file mode 100644
index 0000000..4037e24
--- /dev/null
+++ b/dist/catppuccin-vimium-latte.css
@@ -0,0 +1,131 @@
+/* Latte palette */
+
+:root {
+  --rosewater: #dc8a78;
+  --peach: #fe640b;
+  --green: #40a02b;
+  --blue: #1e66f5;
+  --lavender: #7287fd;
+  --text: #4c4f69;
+  --surface2: #acb0be;
+  --surface0: #ccd0da;
+  --base: #eff1f5;
+  --mantle: #e6e9ef;
+}
+#vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer div.vimiumHintMarker {
+  padding: 3px 4px;
+  background: var(--peach);
+  border: 1;
+  border-color: var(--mantle);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+#vimiumHintMarkerContainer div span {
+  color: var(--mantle);
+  text-shadow: none;
+}
+
+#vimiumHintMarkerContainer div > .matchingCharacter {
+  opacity: 1.0;
+}
+
+#vimiumHintMarkerContainer div > .matchingCharacter ~ span {
+  color: var(--surface2);
+}
+
+#vomnibar {
+  background: var(--base);
+  border: 2px solid var(--lavender);
+  animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  max-height: calc(100vh - 70px);
+  overflow: hidden;
+}
+
+@keyframes show {
+  0% {
+    transform: translateY(50px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+#vomnibar input {
+  color: var(--text);
+  background: var(--base);
+  border: none;
+  height: unset;
+  padding: 16px 30px;
+}
+
+#vomnibar .vomnibarSearchArea {
+  border: none;
+  padding: unset;
+  background: var(--base)
+}
+
+#vomnibar ul {
+  padding: 0;
+  margin: 0;
+  background: var(--base);
+  border-top: 1px solid var(--surface0);
+}
+
+#vomnibar li {
+  padding: 10px;
+  border-bottom: 1px solid var(--surface0)
+}
+
+#vomnibar li .vomnibarTopHalf,
+#vomnibar li .vomnibarBottomHalf {
+  padding: 3px 0;
+}
+
+#vomnibar li .vomnibarSource {
+  color: var(--peach);
+}
+
+#vomnibar li em,
+#vomnibar li .vomnibarTitle {
+  color: var(--blue);
+  font-weight: bold;
+}
+
+#vomnibar li .vomnibarUrl {
+  color: var(--rosewater);
+}
+
+#vomnibar li .vomnibarMatch {
+  color: var(--green);
+  font-weight: bold;
+}
+
+#vomnibar li .vomnibarTitle .vomnibarMatch {
+  color: var(--blue);
+}
+
+#vomnibar li.vomnibarSelected {
+  background-color: var(--surface0);
+}
+
+div.vimiumHUD {
+  background: var(--base);
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+div.vimiumHUD span#hud-find-input,
+div.vimiumHUD .vimiumHUDSearchAreaInner {
+  color: var(--text)
+}
+
+div.vimiumHUD .hud-find {
+  background-color: var(--base);
+  border: none;
+}
+
+div.vimiumHUD .vimiumHUDSearchArea {
+  background-color: var(--base);
+}
diff --git a/dist/catppuccin-vimium-macchiato.css b/dist/catppuccin-vimium-macchiato.css
new file mode 100644
index 0000000..a2de7e7
--- /dev/null
+++ b/dist/catppuccin-vimium-macchiato.css
@@ -0,0 +1,131 @@
+/* Macchiato palette */
+
+:root {
+  --rosewater: #f4dbd6;
+  --peach: #f5a97f;
+  --green: #a6da95;
+  --blue: #8aadf4;
+  --lavender: #b7bdf8;
+  --text: #cad3f5;
+  --surface2: #5b6078;
+  --surface0: #363a4f;
+  --base: #24273a;
+  --mantle: #1e2030;
+}
+#vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer div.vimiumHintMarker {
+  padding: 3px 4px;
+  background: var(--peach);
+  border: 1;
+  border-color: var(--mantle);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+#vimiumHintMarkerContainer div span {
+  color: var(--mantle);
+  text-shadow: none;
+}
+
+#vimiumHintMarkerContainer div > .matchingCharacter {
+  opacity: 1.0;
+}
+
+#vimiumHintMarkerContainer div > .matchingCharacter ~ span {
+  color: var(--surface2);
+}
+
+#vomnibar {
+  background: var(--base);
+  border: 2px solid var(--lavender);
+  animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  max-height: calc(100vh - 70px);
+  overflow: hidden;
+}
+
+@keyframes show {
+  0% {
+    transform: translateY(50px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+#vomnibar input {
+  color: var(--text);
+  background: var(--base);
+  border: none;
+  height: unset;
+  padding: 16px 30px;
+}
+
+#vomnibar .vomnibarSearchArea {
+  border: none;
+  padding: unset;
+  background: var(--base)
+}
+
+#vomnibar ul {
+  padding: 0;
+  margin: 0;
+  background: var(--base);
+  border-top: 1px solid var(--surface0);
+}
+
+#vomnibar li {
+  padding: 10px;
+  border-bottom: 1px solid var(--surface0)
+}
+
+#vomnibar li .vomnibarTopHalf,
+#vomnibar li .vomnibarBottomHalf {
+  padding: 3px 0;
+}
+
+#vomnibar li .vomnibarSource {
+  color: var(--peach);
+}
+
+#vomnibar li em,
+#vomnibar li .vomnibarTitle {
+  color: var(--blue);
+  font-weight: bold;
+}
+
+#vomnibar li .vomnibarUrl {
+  color: var(--rosewater);
+}
+
+#vomnibar li .vomnibarMatch {
+  color: var(--green);
+  font-weight: bold;
+}
+
+#vomnibar li .vomnibarTitle .vomnibarMatch {
+  color: var(--blue);
+}
+
+#vomnibar li.vomnibarSelected {
+  background-color: var(--surface0);
+}
+
+div.vimiumHUD {
+  background: var(--base);
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+div.vimiumHUD span#hud-find-input,
+div.vimiumHUD .vimiumHUDSearchAreaInner {
+  color: var(--text)
+}
+
+div.vimiumHUD .hud-find {
+  background-color: var(--base);
+  border: none;
+}
+
+div.vimiumHUD .vimiumHUDSearchArea {
+  background-color: var(--base);
+}
diff --git a/dist/catppuccin-vimium-mocha.css b/dist/catppuccin-vimium-mocha.css
new file mode 100644
index 0000000..ac7ee3c
--- /dev/null
+++ b/dist/catppuccin-vimium-mocha.css
@@ -0,0 +1,131 @@
+/* Mocha palette */
+
+:root {
+  --rosewater: #f5e0dc;
+  --peach: #fab387;
+  --green: #a6e3a1;
+  --blue: #89b4fa;
+  --lavender: #b4befe;
+  --text: #cdd6f4;
+  --surface2: #585b70;
+  --surface0: #313244;
+  --base: #1e1e2e;
+  --mantle: #181825;
+}
+#vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer div.vimiumHintMarker {
+  padding: 3px 4px;
+  background: var(--peach);
+  border: 1;
+  border-color: var(--mantle);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+#vimiumHintMarkerContainer div span {
+  color: var(--mantle);
+  text-shadow: none;
+}
+
+#vimiumHintMarkerContainer div > .matchingCharacter {
+  opacity: 1.0;
+}
+
+#vimiumHintMarkerContainer div > .matchingCharacter ~ span {
+  color: var(--surface2);
+}
+
+#vomnibar {
+  background: var(--base);
+  border: 2px solid var(--lavender);
+  animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  max-height: calc(100vh - 70px);
+  overflow: hidden;
+}
+
+@keyframes show {
+  0% {
+    transform: translateY(50px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+#vomnibar input {
+  color: var(--text);
+  background: var(--base);
+  border: none;
+  height: unset;
+  padding: 16px 30px;
+}
+
+#vomnibar .vomnibarSearchArea {
+  border: none;
+  padding: unset;
+  background: var(--base)
+}
+
+#vomnibar ul {
+  padding: 0;
+  margin: 0;
+  background: var(--base);
+  border-top: 1px solid var(--surface0);
+}
+
+#vomnibar li {
+  padding: 10px;
+  border-bottom: 1px solid var(--surface0)
+}
+
+#vomnibar li .vomnibarTopHalf,
+#vomnibar li .vomnibarBottomHalf {
+  padding: 3px 0;
+}
+
+#vomnibar li .vomnibarSource {
+  color: var(--peach);
+}
+
+#vomnibar li em,
+#vomnibar li .vomnibarTitle {
+  color: var(--blue);
+  font-weight: bold;
+}
+
+#vomnibar li .vomnibarUrl {
+  color: var(--rosewater);
+}
+
+#vomnibar li .vomnibarMatch {
+  color: var(--green);
+  font-weight: bold;
+}
+
+#vomnibar li .vomnibarTitle .vomnibarMatch {
+  color: var(--blue);
+}
+
+#vomnibar li.vomnibarSelected {
+  background-color: var(--surface0);
+}
+
+div.vimiumHUD {
+  background: var(--base);
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+div.vimiumHUD span#hud-find-input,
+div.vimiumHUD .vimiumHUDSearchAreaInner {
+  color: var(--text)
+}
+
+div.vimiumHUD .hud-find {
+  background-color: var(--base);
+  border: none;
+}
+
+div.vimiumHUD .vimiumHUDSearchArea {
+  background-color: var(--base);
+}