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

reorganize in prep for rose-pine/build

Browse source
This commit is contained in:
Zynh0722 2024-02-25 01:24:55 -08:00
parent 2da6d53070
commit b38960c571
10 changed files with 13 additions and 592 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);
}

117
src/catppuccin-vimium-base.css
View file

@ -1,117 +0,0 @@
#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);
}

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

14
src/palettes/mocha.css
View file

@ -1,14 +0,0 @@
/* Mocha palette */
:root {
--rosewater: #f5e0dc;
--peach: #fab387;
--green: #a6e3a1;
--blue: #89b4fa;
--lavender: #b4befe;
--text: #cdd6f4;
--surface2: #585b70;
--surface0: #313244;
--base: #1e1e2e;
--mantle: #181825;
}

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

@ -1,5 +1,3 @@
/* Mocha palette */
:root { :root {
--rosewater: #f5e0dc; --rosewater: #f5e0dc;
--peach: #fab387; --peach: #fab387;
@ -12,12 +10,16 @@
--base: #1e1e2e; --base: #1e1e2e;
--mantle: #181825; --mantle: #181825;
} }
#vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer div.vimiumHintMarker {
#vimiumHintMarkerContainer div.internalVimiumHintMarker,
#vimiumHintMarkerContainer div.vimiumHintMarker {
padding: 3px 4px; padding: 3px 4px;
background: var(--peach); background: var(--peach);
border: 1; border: 1;
border-color: var(--mantle); 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 { #vimiumHintMarkerContainer div span {
@ -26,7 +28,7 @@
} }
#vimiumHintMarkerContainer div > .matchingCharacter { #vimiumHintMarkerContainer div > .matchingCharacter {
opacity: 1.0; opacity: 1;
} }
#vimiumHintMarkerContainer div > .matchingCharacter ~ span { #vimiumHintMarkerContainer div > .matchingCharacter ~ span {
@ -63,7 +65,7 @@
#vomnibar .vomnibarSearchArea { #vomnibar .vomnibarSearchArea {
border: none; border: none;
padding: unset; padding: unset;
background: var(--base) background: var(--base);
} }
#vomnibar ul { #vomnibar ul {
@ -75,7 +77,7 @@
#vomnibar li { #vomnibar li {
padding: 10px; padding: 10px;
border-bottom: 1px solid var(--surface0) border-bottom: 1px solid var(--surface0);
} }
#vomnibar li .vomnibarTopHalf, #vomnibar li .vomnibarTopHalf,
@ -113,12 +115,14 @@
div.vimiumHUD { div.vimiumHUD {
background: var(--base); background: var(--base);
border: none; 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 span#hud-find-input,
div.vimiumHUD .vimiumHUDSearchAreaInner { div.vimiumHUD .vimiumHUDSearchAreaInner {
color: var(--text) color: var(--text);
} }
div.vimiumHUD .hud-find { div.vimiumHUD .hud-find {