diff --git a/build.sh b/build.sh deleted file mode 100755 index 89138ce..0000000 --- a/build.sh +++ /dev/null @@ -1,17 +0,0 @@ -#!/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 deleted file mode 100644 index 6957dc6..0000000 --- a/dist/catppuccin-vimium-frappe.css +++ /dev/null @@ -1,131 +0,0 @@ -/* 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 deleted file mode 100644 index 4037e24..0000000 --- a/dist/catppuccin-vimium-latte.css +++ /dev/null @@ -1,131 +0,0 @@ -/* 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 deleted file mode 100644 index a2de7e7..0000000 --- a/dist/catppuccin-vimium-macchiato.css +++ /dev/null @@ -1,131 +0,0 @@ -/* 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/src/catppuccin-vimium-base.css b/src/catppuccin-vimium-base.css index eea0b11..f1cbbba 100644 --- a/src/catppuccin-vimium-base.css +++ b/src/catppuccin-vimium-base.css @@ -1,9 +1,25 @@ -#vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer div.vimiumHintMarker { +: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); + box-shadow: + 0 1px 3px rgba(0, 0, 0, 0.12), + 0 1px 2px rgba(0, 0, 0, 0.24); } #vimiumHintMarkerContainer div span { @@ -12,7 +28,7 @@ } #vimiumHintMarkerContainer div > .matchingCharacter { - opacity: 1.0; + opacity: 1; } #vimiumHintMarkerContainer div > .matchingCharacter ~ span { @@ -49,7 +65,7 @@ #vomnibar .vomnibarSearchArea { border: none; padding: unset; - background: var(--base) + background: var(--base); } #vomnibar ul { @@ -61,7 +77,7 @@ #vomnibar li { padding: 10px; - border-bottom: 1px solid var(--surface0) + border-bottom: 1px solid var(--surface0); } #vomnibar li .vomnibarTopHalf, @@ -99,12 +115,14 @@ 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); + 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) + color: var(--text); } div.vimiumHUD .hud-find { diff --git a/src/palettes/frappe.css b/src/palettes/frappe.css deleted file mode 100644 index 71d816c..0000000 --- a/src/palettes/frappe.css +++ /dev/null @@ -1,14 +0,0 @@ -/* Frappe palette */ - -:root { - --rosewater: #f2d5cf; - --peach: #ef9f76; - --blue: #8caaee; - --lavender: #babbf1; - --green: #a6d189; - --text: #c6d0f5; - --surface2: #626880; - --surface0: #414559; - --base: #303446; - --mantle: #292c3c; -} diff --git a/src/palettes/latte.css b/src/palettes/latte.css deleted file mode 100644 index 91bfd63..0000000 --- a/src/palettes/latte.css +++ /dev/null @@ -1,14 +0,0 @@ -/* Latte palette */ - -:root { - --rosewater: #dc8a78; - --peach: #fe640b; - --green: #40a02b; - --blue: #1e66f5; - --lavender: #7287fd; - --text: #4c4f69; - --surface2: #acb0be; - --surface0: #ccd0da; - --base: #eff1f5; - --mantle: #e6e9ef; -} diff --git a/src/palettes/macchiato.css b/src/palettes/macchiato.css deleted file mode 100644 index 630ddc3..0000000 --- a/src/palettes/macchiato.css +++ /dev/null @@ -1,14 +0,0 @@ -/* Macchiato palette */ - -:root { - --rosewater: #f4dbd6; - --peach: #f5a97f; - --green: #a6da95; - --blue: #8aadf4; - --lavender: #b7bdf8; - --text: #cad3f5; - --surface2: #5b6078; - --surface0: #363a4f; - --base: #24273a; - --mantle: #1e2030; -} diff --git a/dist/catppuccin-vimium-mocha.css b/template.css similarity index 84% rename from dist/catppuccin-vimium-mocha.css rename to template.css index ac7ee3c..f1cbbba 100644 --- a/dist/catppuccin-vimium-mocha.css +++ b/template.css @@ -1,5 +1,3 @@ -/* Mocha palette */ - :root { --rosewater: #f5e0dc; --peach: #fab387; @@ -12,12 +10,16 @@ --base: #1e1e2e; --mantle: #181825; } -#vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer div.vimiumHintMarker { + +#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); + box-shadow: + 0 1px 3px rgba(0, 0, 0, 0.12), + 0 1px 2px rgba(0, 0, 0, 0.24); } #vimiumHintMarkerContainer div span { @@ -26,7 +28,7 @@ } #vimiumHintMarkerContainer div > .matchingCharacter { - opacity: 1.0; + opacity: 1; } #vimiumHintMarkerContainer div > .matchingCharacter ~ span { @@ -63,7 +65,7 @@ #vomnibar .vomnibarSearchArea { border: none; padding: unset; - background: var(--base) + background: var(--base); } #vomnibar ul { @@ -75,7 +77,7 @@ #vomnibar li { padding: 10px; - border-bottom: 1px solid var(--surface0) + border-bottom: 1px solid var(--surface0); } #vomnibar li .vomnibarTopHalf, @@ -113,12 +115,14 @@ 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); + 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) + color: var(--text); } div.vimiumHUD .hud-find {