forked from mirrors/rmenu
feat: improved default css, added example themes
This commit is contained in:
parent
9d71d9ac2a
commit
dfde39c5b7
4 changed files with 80 additions and 6 deletions
|
@ -3,17 +3,17 @@ body {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
body > div {
|
||||
height: -webkit-fill-available;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
overflow: hidden;
|
||||
min-width: 99%;
|
||||
width: -webkit-fill-available;
|
||||
}
|
||||
|
||||
.results {
|
||||
|
@ -29,7 +29,7 @@ main {
|
|||
/* Navigation */
|
||||
|
||||
input {
|
||||
width: 99%;
|
||||
width: 100%;
|
||||
height: 5vw;
|
||||
outline: none;
|
||||
border: none;
|
||||
|
|
25
themes/dark.css
Normal file
25
themes/dark.css
Normal file
|
@ -0,0 +1,25 @@
|
|||
* {
|
||||
font-family: monospace;
|
||||
color: white;
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: #383C4A;
|
||||
}
|
||||
|
||||
#search {
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
border-bottom: 3px solid black;
|
||||
background-color: #383C4A;
|
||||
margin-bottom: 5px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.result-entry:nth-child(odd){
|
||||
background-color: #404552;
|
||||
}
|
||||
|
||||
.selected {
|
||||
background-color: #5291e2;
|
||||
}
|
22
themes/nord.css
Normal file
22
themes/nord.css
Normal file
|
@ -0,0 +1,22 @@
|
|||
* {
|
||||
font-family: "Hack", monospace;
|
||||
color: white;
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: #3B4252;
|
||||
}
|
||||
|
||||
#search {
|
||||
border: none;
|
||||
border-radius: 0px;
|
||||
background-color: #3B4252;
|
||||
}
|
||||
|
||||
.result-entry:nth-child(odd){
|
||||
background-color: #404552;
|
||||
}
|
||||
|
||||
.selected {
|
||||
background-color: #4C566A;
|
||||
}
|
27
themes/solarized.css
Normal file
27
themes/solarized.css
Normal file
|
@ -0,0 +1,27 @@
|
|||
* {
|
||||
color: #839496;
|
||||
font-family: monospace;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0px;
|
||||
border: 1px solid #928374;
|
||||
background-color: #002b36;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
#search {
|
||||
border: none;
|
||||
color: #839496;
|
||||
background-color: #073642;
|
||||
padding: 5px;
|
||||
width: -webkit-fill-available;
|
||||
}
|
||||
|
||||
.selected {
|
||||
background-color: #073642;
|
||||
}
|
Loading…
Add table
Reference in a new issue