user2/hole_thu_frontend
1
0
Fork 0
forked from newthuhole/hole_thu_frontend
Code Issues Pull Requests Projects Releases Wiki Activity

add dark mode

Browse Source
This commit is contained in:
xmcp
2019-08-22 23:15:58 +08:00
parent 480969519c
commit 29a921cf26
9 changed files with 152 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/Title.css
View File

@@ -1,3 +1,11 @@
/* overriding infrastructure/widget.css */
.root-dark-mode .title-line {
color: var(--foreground-dark);
}
.root-dark-mode .title-line::before, .root-dark-mode .title-line::after {
background-color: var(--foreground-dark);
}
.title-bar {
z-index: 10;
position: sticky;
@@ -11,6 +19,10 @@
backdrop-filter: blur(10px);
}
.root-dark-mode .title-bar {
background-color: hsla(0,0%,80%,.7);
}
.control-bar {
display: flex;
margin-top: .5em;
@@ -36,13 +48,17 @@
.control-search {
flex: auto;
color: black;
background-color: rgba(255,255,255,.3);
background-color: rgba(255,255,255,.3) !important;
margin: 0 .5em;
min-width: 8em;
}
.control-search:focus {
background-color: white;
background-color: white !important;
}
.root-dark-mode .control-search:focus {
background-color: hsl(0,0%,90%) !important;
}
.list-menu {