Create a single base CSS file

main
Xavier Valarino 2022-12-19 22:07:45 -08:00
parent eac0f2f59f
commit 9fc03cb21b
4 changed files with 22 additions and 373 deletions

View File

@ -1,13 +1,13 @@
#vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer div.vimiumHintMarker { #vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer div.vimiumHintMarker {
padding: 3px 4px; padding: 3px 4px;
background: #EF9F76; /* peach */ background: var(--peach);
border: 1; border: 1;
border-color: #292C3C; /* 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 {
color: #292C3C; /* mantle */ color: var(--mantle);
text-shadow: none; text-shadow: none;
} }
@ -16,12 +16,12 @@
} }
#vimiumHintMarkerContainer div > .matchingCharacter ~ span { #vimiumHintMarkerContainer div > .matchingCharacter ~ span {
color: #626880; /* surface2 */ color: var(--surface2);
} }
#vomnibar { #vomnibar {
background: #303446; /* base */ background: var(--base);
border: 2px solid #BABBF1; /* lavender */ border: 2px solid var(--lavender);
animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: show 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
max-height: calc(100vh - 70px); max-height: calc(100vh - 70px);
overflow: hidden; overflow: hidden;
@ -39,8 +39,8 @@
} }
#vomnibar input { #vomnibar input {
color: #C6D0F5; /* text */ color: var(--text);
background: #303446; /* base */ background: var(--base);
border: none; border: none;
height: unset; height: unset;
padding: 16px 30px; padding: 16px 30px;
@ -49,19 +49,19 @@
#vomnibar .vomnibarSearchArea { #vomnibar .vomnibarSearchArea {
border: none; border: none;
padding: unset; padding: unset;
background: #303446; /* base */ background: var(--base)
} }
#vomnibar ul { #vomnibar ul {
padding: 0; padding: 0;
margin: 0; margin: 0;
background: #303446; /* base */ background: var(--base);
border-top: 1px solid #414559; /* surface0 */ border-top: 1px solid var(--surface0);
} }
#vomnibar li { #vomnibar li {
padding: 10px; padding: 10px;
border-bottom: 1px solid #414559; /* surface0 */ border-bottom: 1px solid var(--surface0)
} }
#vomnibar li .vomnibarTopHalf, #vomnibar li .vomnibarTopHalf,
@ -70,48 +70,48 @@
} }
#vomnibar li .vomnibarSource { #vomnibar li .vomnibarSource {
color: #EF9F76; /* peach */ color: var(--peach);
} }
#vomnibar li em, #vomnibar li em,
#vomnibar li .vomnibarTitle { #vomnibar li .vomnibarTitle {
color: #8CAAEE; /* blue */ color: var(--blue);
font-weight: bold; font-weight: bold;
} }
#vomnibar li .vomnibarUrl { #vomnibar li .vomnibarUrl {
color: #F2D5CF; /* rosewater */ color: var(--rosewater);
} }
#vomnibar li .vomnibarMatch { #vomnibar li .vomnibarMatch {
color: #A6D189; /* green */ color: var(--green);
font-weight: bold; font-weight: bold;
} }
#vomnibar li .vomnibarTitle .vomnibarMatch { #vomnibar li .vomnibarTitle .vomnibarMatch {
color: #8CAAEE; /* blue */ color: var(--blue);
} }
#vomnibar li.vomnibarSelected { #vomnibar li.vomnibarSelected {
background-color: #414559; /* surface0 */ background-color: var(--surface0);
} }
div.vimiumHUD { div.vimiumHUD {
background: #303446; /* 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: #C6D0F5; /* text */ color: var(--text)
} }
div.vimiumHUD .hud-find { div.vimiumHUD .hud-find {
background-color: #303446; /* base */ background-color: var(--base);
border: none; border: none;
} }
div.vimiumHUD .vimiumHUDSearchArea { div.vimiumHUD .vimiumHUDSearchArea {
background-color: #303446; /* base */ background-color: var(--base);
} }

View File

@ -1,117 +0,0 @@
#vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer div.vimiumHintMarker {
padding: 3px 4px;
background: #FE640B; /* peach */
border: 1;
border-color: #E6E9EF; /* 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: #E6E9EF; /* mantle */
text-shadow: none;
}
#vimiumHintMarkerContainer div > .matchingCharacter {
opacity: 1.0;
}
#vimiumHintMarkerContainer div > .matchingCharacter ~ span {
color: #ACB0BE; /* surface2 */
}
#vomnibar {
background: #EFF1F5; /* base */
border: 2px solid #7287FD; /* 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: #4C4F69; /* text */
background: #EFF1F5; /* base */
border: none;
height: unset;
padding: 16px 30px;
}
#vomnibar .vomnibarSearchArea {
border: none;
padding: unset;
background: #EFF1F5; /* base */
}
#vomnibar ul {
padding: 0;
margin: 0;
background: #EFF1F5; /* base */
border-top: 1px solid #CCD0DA; /* surface0 */
}
#vomnibar li {
padding: 10px;
border-bottom: 1px solid #CCD0DA; /* surface0 */
}
#vomnibar li .vomnibarTopHalf,
#vomnibar li .vomnibarBottomHalf {
padding: 3px 0;
}
#vomnibar li .vomnibarSource {
color: #FE640B; /* peach */
}
#vomnibar li em,
#vomnibar li .vomnibarTitle {
color: #1E66F5; /* blue */
font-weight: bold;
}
#vomnibar li .vomnibarUrl {
color: #DC8A78; /* rosewater */
}
#vomnibar li .vomnibarMatch {
color: #40A02B; /* green */
font-weight: bold;
}
#vomnibar li .vomnibarTitle .vomnibarMatch {
color: #1E66F5; /* blue */
}
#vomnibar li.vomnibarSelected {
background-color: #CCD0DA; /* surface0 */
}
div.vimiumHUD {
background: #EFF1F5; /* 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: #4C4F69; /* text */
}
div.vimiumHUD .hud-find {
background-color: #EFF1F5; /* base */
border: none;
}
div.vimiumHUD .vimiumHUDSearchArea {
background-color: #EFF1F5; /* base */
}

View File

@ -1,117 +0,0 @@
#vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer div.vimiumHintMarker {
padding: 3px 4px;
background: #F5A97F; /* peach */
border: 1;
border-color: #1E2030; /* 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: #1E2030; /* mantle */
text-shadow: none;
}
#vimiumHintMarkerContainer div > .matchingCharacter {
opacity: 1.0;
}
#vimiumHintMarkerContainer div > .matchingCharacter ~ span {
color: #5B6078; /* surface2 */
}
#vomnibar {
background: #24273A; /* base */
border: 2px solid #B7BDF8; /* 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: #CAD3F5; /* text */
background: #24273A; /* base */
border: none;
height: unset;
padding: 16px 30px;
}
#vomnibar .vomnibarSearchArea {
border: none;
padding: unset;
background: #24273A; /* base */
}
#vomnibar ul {
padding: 0;
margin: 0;
background: #24273A; /* base */
border-top: 1px solid #363A4F; /* surface0 */
}
#vomnibar li {
padding: 10px;
border-bottom: 1px solid #363A4F; /* surface0 */
}
#vomnibar li .vomnibarTopHalf,
#vomnibar li .vomnibarBottomHalf {
padding: 3px 0;
}
#vomnibar li .vomnibarSource {
color: #F5A97F; /* peach */
}
#vomnibar li em,
#vomnibar li .vomnibarTitle {
color: #8AADF4; /* blue */
font-weight: bold;
}
#vomnibar li .vomnibarUrl {
color: #F4DBD6; /* rosewater */
}
#vomnibar li .vomnibarMatch {
color: #A6DA95; /* green */
font-weight: bold;
}
#vomnibar li .vomnibarTitle .vomnibarMatch {
color: #8AADF4; /* blue */
}
#vomnibar li.vomnibarSelected {
background-color: #363A4F; /* surface0 */
}
div.vimiumHUD {
background: #24273A; /* 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: #CAD3F5; /* text */
}
div.vimiumHUD .hud-find {
background-color: #24273A; /* base */
border: none;
}
div.vimiumHUD .vimiumHUDSearchArea {
background-color: #24273A; /* base */
}

View File

@ -1,117 +0,0 @@
#vimiumHintMarkerContainer div.internalVimiumHintMarker, #vimiumHintMarkerContainer div.vimiumHintMarker {
padding: 3px 4px;
background: #FAB387; /* peach */
border: 1;
border-color: #181825; /* 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: #181825; /* mantle */
text-shadow: none;
}
#vimiumHintMarkerContainer div > .matchingCharacter {
opacity: 1.0;
}
#vimiumHintMarkerContainer div > .matchingCharacter ~ span {
color: #585B70; /* surface2 */
}
#vomnibar {
background: #1E1E2E; /* base */
border: 2px solid #B4BEFE; /* 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: #CDD6F4; /* text */
background: #1E1E2E; /* base */
border: none;
height: unset;
padding: 16px 30px;
}
#vomnibar .vomnibarSearchArea {
border: none;
padding: unset;
background: #1E1E2E; /* base */
}
#vomnibar ul {
padding: 0;
margin: 0;
background: #1E1E2E; /* base */
border-top: 1px solid #313244; /* surface0 */
}
#vomnibar li {
padding: 10px;
border-bottom: 1px solid #313244; /* surface0 */
}
#vomnibar li .vomnibarTopHalf,
#vomnibar li .vomnibarBottomHalf {
padding: 3px 0;
}
#vomnibar li .vomnibarSource {
color: #FAB387; /* peach */
}
#vomnibar li em,
#vomnibar li .vomnibarTitle {
color: #89B4FA; /* blue */
font-weight: bold;
}
#vomnibar li .vomnibarUrl {
color: #F5E0DC; /* rosewater */
}
#vomnibar li .vomnibarMatch {
color: #A6E3A1; /* green */
font-weight: bold;
}
#vomnibar li .vomnibarTitle .vomnibarMatch {
color: #89B4FA; /* blue */
}
#vomnibar li.vomnibarSelected {
background-color: #313244; /* surface0 */
}
div.vimiumHUD {
background: #1E1E2E; /* 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: #CDD6F4; /* text */
}
div.vimiumHUD .hud-find {
background-color: #1E1E2E; /* base */
border: none;
}
div.vimiumHUD .vimiumHUDSearchArea {
background-color: #1E1E2E; /* base */
}