colin
/
bookstack
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjusted global search preview for dark mode

This commit is contained in:
Dan Brown 2022-11-23 00:05:24 +00:00
parent 0e528986ab
commit fcff206853
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
1 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/sass/_header.scss
View File

@ -121,15 +121,11 @@ header .search-box {
} }
#header-search-box-button { #header-search-box-button {
z-index: 1; z-index: 1;
left: 16px; inset-inline-start: 16px;
top: 10px; top: 10px;
color: #FFF; color: #FFF;
opacity: 0.6; opacity: 0.6;
@include lightDark(color, rgba(255, 255, 255, 0.8), #AAA); @include lightDark(color, rgba(255, 255, 255, 0.8), #AAA);
@include rtl {
left: auto;
right: 16px;
}
svg { svg {
margin-inline-end: 0; margin-inline-end: 0;
} }
@ -173,12 +169,11 @@ header .search-box.search-active:focus-within {
display: block; display: block;
} }
input { input {
background-color: #EEE; @include lightDark(background-color, #EEE, #333);
color: #444; @include lightDark(border-color, #DDD, #111);
border-color: #DDD;
} }
#header-search-box-button { #header-search-box-button, input {
color: #444; @include lightDark(color, #444, #AAA);
} }
} }