add theme picker
This commit is contained in:
parent
a4337b3514
commit
49f457cda7
5 changed files with 122 additions and 21 deletions
|
|
@ -1,4 +1,5 @@
|
|||
#import "./custom_html.typ" as chtml
|
||||
#import "./html_utils.typ": get-css
|
||||
|
||||
/// Generate the html <head> element for the page.
|
||||
#let html_head(
|
||||
|
|
@ -76,28 +77,12 @@
|
|||
}
|
||||
|
||||
--color-border: light-dark(#414868, #414868);
|
||||
}
|
||||
site-wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
|
||||
site-container {
|
||||
width: 1050px;
|
||||
padding: 0 20px;
|
||||
|
||||
header {
|
||||
// display: flex
|
||||
// flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 15px 5px;
|
||||
border-bottom: solid 1px var(--color-border);
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
--color-button-shadow: light-dark(#888, #000);
|
||||
--color-button-focus: light-dark(#000, #FFF);
|
||||
}
|
||||
```
|
||||
html.style(get-css())
|
||||
|
||||
})
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue