Merge pull request #3 from xaviervalarino/ui-cleanup

UI cleanup (small improvements)
This commit is contained in:
elkrien 2023-04-29 15:16:21 +02:00 committed by GitHub
commit 6ba3b19300
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 32 additions and 20 deletions

View file

@ -21,8 +21,10 @@
#vomnibar { #vomnibar {
background: #303446; /* base */ background: #303446; /* base */
border: 2px solid #BABBF1; /* lavender */ border: 2px solid #BABBF1; /* 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);
overflow: hidden;
} }
@keyframes show { @keyframes show {
@ -38,20 +40,21 @@
#vomnibar input { #vomnibar input {
color: #C6D0F5; /* text */ color: #C6D0F5; /* text */
font: -moz-window;
background: #303446; /* base */ background: #303446; /* base */
border: none; border: none;
padding: 2; height: unset;
padding: 16px 30px;
} }
#vomnibar .vomnibarSearchArea { #vomnibar .vomnibarSearchArea {
padding: 10px 30px;
border: none; border: none;
padding: unset;
background: #303446; /* base */ background: #303446; /* base */
} }
#vomnibar ul { #vomnibar ul {
padding: 0; padding: 0;
margin: 0;
background: #303446; /* base */ background: #303446; /* base */
border-top: 1px solid #414559; /* surface0 */ border-top: 1px solid #414559; /* surface0 */
} }
@ -67,7 +70,7 @@
} }
#vomnibar li .vomnibarSource { #vomnibar li .vomnibarSource {
color: #EF9F76; /* peach */ color: #EF9F76; /* peach */
} }
#vomnibar li em, #vomnibar li em,

View file

@ -21,8 +21,10 @@
#vomnibar { #vomnibar {
background: #EFF1F5; /* base */ background: #EFF1F5; /* base */
border: 2px solid #7287FD; /* lavender */ border: 2px solid #7287FD; /* 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);
overflow: hidden;
} }
@keyframes show { @keyframes show {
@ -38,20 +40,21 @@
#vomnibar input { #vomnibar input {
color: #4C4F69; /* text */ color: #4C4F69; /* text */
font: -moz-window;
background: #EFF1F5; /* base */ background: #EFF1F5; /* base */
border: none; border: none;
padding: 2; height: unset;
padding: 16px 30px;
} }
#vomnibar .vomnibarSearchArea { #vomnibar .vomnibarSearchArea {
padding: 10px 30px;
border: none; border: none;
padding: unset;
background: #EFF1F5; /* base */ background: #EFF1F5; /* base */
} }
#vomnibar ul { #vomnibar ul {
padding: 0; padding: 0;
margin: 0;
background: #EFF1F5; /* base */ background: #EFF1F5; /* base */
border-top: 1px solid #CCD0DA; /* surface0 */ border-top: 1px solid #CCD0DA; /* surface0 */
} }
@ -67,7 +70,7 @@
} }
#vomnibar li .vomnibarSource { #vomnibar li .vomnibarSource {
color: #FE640B; /* peach */ color: #FE640B; /* peach */
} }
#vomnibar li em, #vomnibar li em,

View file

@ -21,8 +21,10 @@
#vomnibar { #vomnibar {
background: #24273A; /* base */ background: #24273A; /* base */
border: 2px solid #B7BDF8; /* lavender */ border: 2px solid #B7BDF8; /* 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);
overflow: hidden;
} }
@keyframes show { @keyframes show {
@ -38,20 +40,21 @@
#vomnibar input { #vomnibar input {
color: #CAD3F5; /* text */ color: #CAD3F5; /* text */
font: -moz-window;
background: #24273A; /* base */ background: #24273A; /* base */
border: none; border: none;
padding: 2; height: unset;
padding: 16px 30px;
} }
#vomnibar .vomnibarSearchArea { #vomnibar .vomnibarSearchArea {
padding: 10px 30px;
border: none; border: none;
padding: unset;
background: #24273A; /* base */ background: #24273A; /* base */
} }
#vomnibar ul { #vomnibar ul {
padding: 0; padding: 0;
margin: 0;
background: #24273A; /* base */ background: #24273A; /* base */
border-top: 1px solid #363A4F; /* surface0 */ border-top: 1px solid #363A4F; /* surface0 */
} }
@ -67,7 +70,7 @@
} }
#vomnibar li .vomnibarSource { #vomnibar li .vomnibarSource {
color: #F5A97F; /* peach */ color: #F5A97F; /* peach */
} }
#vomnibar li em, #vomnibar li em,

View file

@ -21,8 +21,10 @@
#vomnibar { #vomnibar {
background: #1E1E2E; /* base */ background: #1E1E2E; /* base */
border: 2px solid #B4BEFE; /* lavender */ border: 2px solid #B4BEFE; /* 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);
overflow: hidden;
} }
@keyframes show { @keyframes show {
@ -38,20 +40,21 @@
#vomnibar input { #vomnibar input {
color: #CDD6F4; /* text */ color: #CDD6F4; /* text */
font: -moz-window;
background: #1E1E2E; /* base */ background: #1E1E2E; /* base */
border: none; border: none;
padding: 2; height: unset;
padding: 16px 30px;
} }
#vomnibar .vomnibarSearchArea { #vomnibar .vomnibarSearchArea {
padding: 10px 30px;
border: none; border: none;
padding: unset;
background: #1E1E2E; /* base */ background: #1E1E2E; /* base */
} }
#vomnibar ul { #vomnibar ul {
padding: 0; padding: 0;
margin: 0;
background: #1E1E2E; /* base */ background: #1E1E2E; /* base */
border-top: 1px solid #313244; /* surface0 */ border-top: 1px solid #313244; /* surface0 */
} }
@ -67,7 +70,7 @@
} }
#vomnibar li .vomnibarSource { #vomnibar li .vomnibarSource {
color: #FAB387; /* peach */ color: #FAB387; /* peach */
} }
#vomnibar li em, #vomnibar li em,