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