From 68ed54879f15407e2d8c1f002edd1a0933d7daca Mon Sep 17 00:00:00 2001 From: Zynh0722 Date: Sun, 25 Feb 2024 02:22:13 -0800 Subject: [PATCH] @rose-pine/build --- README.md | 12 ++++ dist/rose-pine-dawn.css | 135 ++++++++++++++++++++++++++++++++++++++++ dist/rose-pine-moon.css | 135 ++++++++++++++++++++++++++++++++++++++++ dist/rose-pine.css | 135 ++++++++++++++++++++++++++++++++++++++++ 4 files changed, 417 insertions(+) create mode 100644 dist/rose-pine-dawn.css create mode 100644 dist/rose-pine-moon.css create mode 100644 dist/rose-pine.css diff --git a/README.md b/README.md index b68b9d9..c843db0 100644 --- a/README.md +++ b/README.md @@ -29,3 +29,15 @@ - [elkrien](https://github.com/elkrien) - [ysjn](https://github.com/ysjn/vimium-simply-dark) + +### rose-pine-build + + + +```sh +npx @rose-pine/build@0.8.2 -t template.css -o dist/ +``` + +_Generated by [@rose-pine/build@0.8.2](https://github.com/rose-pine/build)_ + + diff --git a/dist/rose-pine-dawn.css b/dist/rose-pine-dawn.css new file mode 100644 index 0000000..5b50c0c --- /dev/null +++ b/dist/rose-pine-dawn.css @@ -0,0 +1,135 @@ +:root { + --rosewater: #b4637a; + --peach: #ea9d34; + --green: #56949f; + --blue: #286983; + --lavender: #907aa9; + --text: #575279; + --surface2: #f2e9e1; + --surface0: #f4ede8; + --base: #faf4ed; + --mantle: #fffaf3; +} + +#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; +} + +#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/rose-pine-moon.css b/dist/rose-pine-moon.css new file mode 100644 index 0000000..f2f3005 --- /dev/null +++ b/dist/rose-pine-moon.css @@ -0,0 +1,135 @@ +:root { + --rosewater: #eb6f92; + --peach: #f6c177; + --green: #9ccfd8; + --blue: #3e8fb0; + --lavender: #c4a7e7; + --text: #e0def4; + --surface2: #393552; + --surface0: #2a283e; + --base: #232136; + --mantle: #2a273f; +} + +#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; +} + +#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/rose-pine.css b/dist/rose-pine.css new file mode 100644 index 0000000..a18ad60 --- /dev/null +++ b/dist/rose-pine.css @@ -0,0 +1,135 @@ +:root { + --rosewater: #eb6f92; + --peach: #f6c177; + --green: #9ccfd8; + --blue: #31748f; + --lavender: #c4a7e7; + --text: #e0def4; + --surface2: #26233a; + --surface0: #21202e; + --base: #191724; + --mantle: #1f1d2e; +} + +#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; +} + +#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); +}