mirror of
https://github.com/craftzdog/solarized-osaka.nvim.git
synced 2026-09-10 07:16:21 -04:00
0df74ef0ed
Point the last computed colors at real tokens so nothing is derived by blending anymore: - barbar inactive labels take the new 600 tier, which reads dimmer than the 500 accent and, unlike 700, still brightens under the vivid style - notify borders take the 900 tier, and the debug border takes base02 - black was a blend of the background toward pure black, a value that appeared nowhere in the palette; it is base04, so replace it outright - border was aliased to black, leaving it invisible against the background in the dark style; it is now base02, matching WinSeparator With no callers left, darken and blend go, and with them the mutable util.bg they relied on -- a shared global whose value depended on which style had been resolved last. Every highlight group is unchanged by the black removal. The barbar and notify groups do shift slightly, since a token can never reproduce a blend toward the background exactly; they were chosen to read correctly rather than to match the old values. Light gains from this: black resolved to a muddy #cac4b5 that measured 1.85:1 on statusline mode chips, and base04 lifts that to 3.21:1. The same change makes terminal color0 white in the light style, completing an inversion that already had color7 resolving to a dark value.
134 lines
2.6 KiB
CSS
134 lines
2.6 KiB
CSS
/* Copy the content into the `CSS for Vimium UI` textarea field on the vimium options page */
|
|
|
|
:root {
|
|
--vimium-blue: #268bd3;
|
|
--vimium-green: #849900;
|
|
--vimium-fg: #576d74;
|
|
--vimium-fg-dark: #637981;
|
|
--vimium-border: #ede7d3;
|
|
--vimium-border-highlight: #ede7d3;
|
|
--vimium-bg: #fdf5e2;
|
|
--vimium-bg-highlight: #ede7d3;
|
|
}
|
|
|
|
#vimiumHintMarkerContainer div.internalVimiumHintMarker,
|
|
#vimiumHintMarkerContainer div.vimiumHintMarker {
|
|
padding: 3px 4px;
|
|
border: 1;
|
|
background: var(--vimium-blue);
|
|
border-color: var(--vimium-border);
|
|
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(--vimium-border) !important;
|
|
text-shadow: none;
|
|
}
|
|
|
|
#vimiumHintMarkerContainer div > .matchingCharacter {
|
|
opacity: 1;
|
|
}
|
|
|
|
#vimiumHintMarkerContainer div > .matchingCharacter ~ span {
|
|
color: var(--vimium-fg-dark);
|
|
}
|
|
|
|
#vomnibar {
|
|
background: var(--vimium-bg);
|
|
border: 2px solid var(--vimium-border-highlight);
|
|
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(--vimium-fg);
|
|
background: var(--vimium-bg);
|
|
border: none;
|
|
height: unset;
|
|
padding: 16px 30px;
|
|
}
|
|
|
|
#vomnibar .vomnibarSearchArea {
|
|
border: none;
|
|
padding: unset;
|
|
background: var(--vimium-bg);
|
|
}
|
|
|
|
#vomnibar ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
background: var(--vimium-bg);
|
|
border-top: 1px solid var(--vimium-border);
|
|
}
|
|
|
|
#vomnibar li {
|
|
padding: 10px;
|
|
border-bottom: 1px solid var(--vimium-border);
|
|
}
|
|
|
|
#vomnibar li .vomnibarTopHalf,
|
|
#vomnibar li .vomnibarBottomHalf {
|
|
padding: 3px 0;
|
|
}
|
|
|
|
#vomnibar li .vomnibarSource {
|
|
color: var(--vimium-green);
|
|
}
|
|
|
|
#vomnibar li em,
|
|
#vomnibar li .vomnibarTitle {
|
|
color: var(--vimium-blue);
|
|
}
|
|
|
|
#vomnibar li .vomnibarUrl {
|
|
color: var(--vimium-fg);
|
|
}
|
|
|
|
#vomnibar li .vomnibarMatch {
|
|
color: var(--vimium-blue);
|
|
}
|
|
|
|
#vomnibar li .vomnibarTitle .vomnibarMatch {
|
|
color: var(--vimium-blue);
|
|
}
|
|
|
|
#vomnibar li.vomnibarSelected {
|
|
background-color: var(--vimium-bg-highlight);
|
|
}
|
|
|
|
div.vimiumHUD {
|
|
background: var(--vimium-bg);
|
|
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(--vimium-fg);
|
|
}
|
|
|
|
div.vimiumHUD .hud-find {
|
|
background-color: var(--vimium-bg);
|
|
border: none;
|
|
}
|
|
|
|
div.vimiumHUD .vimiumHUDSearchArea {
|
|
background-color: var(--vimium-bg);
|
|
}
|