rose-pine-vimium/template.css

136 lines
2.4 KiB
CSS

: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;
}
#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);
}