Display logo using data uri as CSS background-image
This commit is contained in:
parent
51b3b58c3a
commit
be39fff8b2
3 changed files with 26 additions and 2 deletions
22
style.less
22
style.less
|
|
@ -2,6 +2,16 @@
|
|||
|
||||
@light: ~"(prefers-color-scheme: light)";
|
||||
@dark: ~"(prefers-color-scheme: dark)";
|
||||
@import "themes/@{theme}/logo.less";
|
||||
|
||||
:root {
|
||||
@media @light {
|
||||
color-scheme: light;
|
||||
}
|
||||
@media @dark {
|
||||
color-scheme: dark;
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: system-ui, sans-serif;
|
||||
|
|
@ -123,9 +133,19 @@ header {
|
|||
justify-content: center;
|
||||
}
|
||||
|
||||
#logo {
|
||||
#linkTitles::before {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
content: "";
|
||||
|
||||
background-repeat: no-repeat;
|
||||
@media @light {
|
||||
background-image: var(--logo-light);
|
||||
}
|
||||
|
||||
@media @dark {
|
||||
background-image: var(--logo-dark);
|
||||
}
|
||||
}
|
||||
|
||||
#titles {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue