diff --git a/src/app.scss b/src/app.scss index 48e0ec0..e35bba4 100644 --- a/src/app.scss +++ b/src/app.scss @@ -24,6 +24,35 @@ --code-color: hsl(205 30% 30%); } +html { + min-height: 100vh; + background-image: url('/favicon.svg'); + background-color: var(--card-sectionning-background-color); + background-size: min(20vw, 150px); + background-position: center center; + background-repeat: no-repeat; + + &[data-theme] { + background-image: none; + } + + &.modal-is-open { + scrollbar-gutter: stable; + } +} + +body { + background-color: var(--background-color); + + html[data-theme] & { + min-height: 100vh; + } + + &:has(.bytemd-fullscreen) { + overflow: hidden; + } +} + h1, h2, h3, @@ -63,14 +92,6 @@ ol > li { list-style: decimal; } -html.modal-is-open { - scrollbar-gutter: stable; -} - -body:has(.bytemd-fullscreen) { - overflow: hidden; -} - .bytemd { --editor-bg: hsl(0 0% 100% / 0.1); --editor-text: black; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index b0dff0b..e6878d6 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -28,6 +28,10 @@ diff --git a/static/favicon.svg b/static/favicon.svg new file mode 100755 index 0000000..3e7e686 --- /dev/null +++ b/static/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file