Zynh0722
/
rose-pine-vimium
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

reorganize in prep for rose-pine/build

Zynh0722 2024-02-25 01:24:55 -08:00
parent 2da6d53070
commit 4de9740c1c
9 changed files with 38 additions and 468 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
build.sh
View File

@ -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

131
dist/catppuccin-vimium-frappe.css vendored
View File

@ -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);
}

131
dist/catppuccin-vimium-latte.css vendored
View File

@ -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);
}

131
dist/catppuccin-vimium-macchiato.css vendored
View File

@ -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);
}

32
src/catppuccin-vimium-base.css
View File

@ -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 {

14
src/palettes/frappe.css
View File

@ -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;
}

14
src/palettes/latte.css
View File

@ -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;
}

14
src/palettes/macchiato.css
View File

@ -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;
}

22
dist/catppuccin-vimium-mocha.css → template.css
View File

@ -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 {