docs: add dark mode

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/653/head
Varun Patil 2023-05-01 15:59:50 -07:00
parent 87627b634e
commit 945afc7f71
2 changed files with 11 additions and 7 deletions

View File

@ -15,7 +15,7 @@
.tx-container {
padding-top: .0rem;
background: linear-gradient(to bottom, var(--md-primary-fg-color), var(--md-primary-fg-color--dark) 99%,#fff 99%)
background: linear-gradient(to bottom, var(--md-primary-fg-color), var(--md-primary-fg-color--dark) 100%)
}
.tx-hero {
@ -109,16 +109,11 @@
.feature-item > div > p {
font-size: 16px;
line-height: 1.8em;
color: #111;
margin: 0 0 10px;
display: block;
max-width: 800px;
}
.feature-item a {
color: var(--md-primary-fg-color--dark);
}
@media screen and (max-width:30em) {
.tx-hero h1 {
font-size: 1.4rem

View File

@ -17,7 +17,16 @@ theme:
- navigation.tabs.sticky
- navigation.tracking
palette:
- scheme: default
primary: blue
toggle:
icon: material/brightness-7
name: Switch to dark mode
- scheme: slate
primary: blue
toggle:
icon: material/brightness-4
name: Switch to light mode
icon:
logo: material/camera
custom_dir: docs/overrides