From f5815077fcfbfe17c6121c7c5328fff7c6d75f01 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 24 Dec 2024 00:18:56 +0100
Subject: [PATCH 1/9] design: change to currentColor

---
 .env                              | 2 ++
 .env.checksum                     | 2 +-
 .gitignore                        | 1 -
 .husky/pre-push                   | 3 +++
 public/assets/alert.svg           | 2 +-
 public/assets/card.svg            | 2 +-
 public/assets/dark-left-arrow.svg | 2 +-
 public/assets/download.svg        | 2 +-
 public/assets/draft.svg           | 2 +-
 public/assets/edit.svg            | 2 +-
 public/assets/left-arrow.svg      | 2 +-
 public/assets/loading-white.svg   | 2 +-
 public/assets/loading.svg         | 2 +-
 public/assets/mailbox.svg         | 2 +-
 public/assets/offline.svg         | 2 +-
 public/assets/online.svg          | 2 +-
 public/assets/saved.svg           | 2 +-
 public/assets/share.svg           | 2 +-
 18 files changed, 20 insertions(+), 16 deletions(-)
 create mode 100644 .env

diff --git a/.env b/.env
new file mode 100644
index 0000000..0b4fba0
--- /dev/null
+++ b/.env
@@ -0,0 +1,2 @@
+VITE_LIGHT_MODE=lemonade
+VITE_DARK_MODE=coffee
\ No newline at end of file
diff --git a/.env.checksum b/.env.checksum
index 862d82c..b05df2f 100644
--- a/.env.checksum
+++ b/.env.checksum
@@ -1 +1 @@
-59c6aadf9774ee13a19485674685f1d3e67171da330713e09e1793a98b39fc90
+eec56e64108d6f643b2fa7ed84fb89e183096e54541f1d7772bc675f47b9ca28
diff --git a/.gitignore b/.gitignore
index 2c6ada5..ba26183 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,7 +4,6 @@ node_modules
 
 
 # local env files
-.env
 .env.local
 .env.*.local
 
diff --git a/.husky/pre-push b/.husky/pre-push
index d1f9920..6596b2c 100644
--- a/.husky/pre-push
+++ b/.husky/pre-push
@@ -28,4 +28,7 @@ fi
 # Save the new checksum
 echo "$CURRENT_CHECKSUM" > "$CHECKSUM_FILE"
 
+git add "$CHECKSUM_FILE"
+git commit --amend --no-edit
+
 echo "Environment variables imported successfully."
diff --git a/public/assets/alert.svg b/public/assets/alert.svg
index 6ece734..002589e 100644
--- a/public/assets/alert.svg
+++ b/public/assets/alert.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-circle" width="52" height="52" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3a47" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-circle" width="52" height="52" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <circle cx="12" cy="12" r="9" />
   <line x1="12" y1="8" x2="12" y2="12" />
diff --git a/public/assets/card.svg b/public/assets/card.svg
index 8f53605..b310c28 100644
--- a/public/assets/card.svg
+++ b/public/assets/card.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-id" width="36" height="36" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3a47" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-id" width="36" height="36" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <rect x="3" y="4" width="18" height="16" rx="3" />
   <circle cx="9" cy="10" r="2" />
diff --git a/public/assets/dark-left-arrow.svg b/public/assets/dark-left-arrow.svg
index e7dd938..51d3dca 100644
--- a/public/assets/dark-left-arrow.svg
+++ b/public/assets/dark-left-arrow.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-left" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3a47" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-left" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <line x1="5" y1="12" x2="19" y2="12" />
   <line x1="5" y1="12" x2="9" y2="16" />
diff --git a/public/assets/download.svg b/public/assets/download.svg
index b176e6f..a8a8f66 100644
--- a/public/assets/download.svg
+++ b/public/assets/download.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cloud-download" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3a47" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cloud-download" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <path d="M19 18a3.5 3.5 0 0 0 0 -7h-1a5 4.5 0 0 0 -11 -2a4.6 4.4 0 0 0 -2.1 8.4" />
   <line x1="12" y1="13" x2="12" y2="22" />
diff --git a/public/assets/draft.svg b/public/assets/draft.svg
index 2bec933..4ec20e3 100644
--- a/public/assets/draft.svg
+++ b/public/assets/draft.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-notes" width="36" height="36" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3a47" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-notes" width="36" height="36" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <rect x="5" y="3" width="14" height="18" rx="2" />
   <line x1="9" y1="7" x2="15" y2="7" />
diff --git a/public/assets/edit.svg b/public/assets/edit.svg
index bf379b0..06759d6 100644
--- a/public/assets/edit.svg
+++ b/public/assets/edit.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-edit" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3a47" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-edit" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <path d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1" />
   <path d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z" />
diff --git a/public/assets/left-arrow.svg b/public/assets/left-arrow.svg
index 6d97cbd..0ce4026 100644
--- a/public/assets/left-arrow.svg
+++ b/public/assets/left-arrow.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-left" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-left" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <line x1="5" y1="12" x2="19" y2="12" />
   <line x1="5" y1="12" x2="9" y2="16" />
diff --git a/public/assets/loading-white.svg b/public/assets/loading-white.svg
index 61e0fe3..5ca659e 100644
--- a/public/assets/loading-white.svg
+++ b/public/assets/loading-white.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-rotate-clockwise" width="24" height="24" viewBox="0 0 24 24" stroke="#ffffff" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-rotate-clockwise" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
 </svg>
\ No newline at end of file
diff --git a/public/assets/loading.svg b/public/assets/loading.svg
index d6eeeb2..5ca659e 100644
--- a/public/assets/loading.svg
+++ b/public/assets/loading.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-rotate-clockwise" width="24" height="24" viewBox="0 0 24 24" stroke="#445fb9" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-rotate-clockwise" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
 </svg>
\ No newline at end of file
diff --git a/public/assets/mailbox.svg b/public/assets/mailbox.svg
index 9767e27..f25760f 100644
--- a/public/assets/mailbox.svg
+++ b/public/assets/mailbox.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mailbox" width="36" height="36" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3a47" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mailbox" width="36" height="36" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <path d="M10 21v-6.5a3.5 3.5 0 0 0 -7 0v6.5h18v-6a4 4 0 0 0 -4 -4h-10.5" />
   <path d="M12 11v-8h4l2 2l-2 2h-4" />
diff --git a/public/assets/offline.svg b/public/assets/offline.svg
index 5700ff4..b88194f 100644
--- a/public/assets/offline.svg
+++ b/public/assets/offline.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cloud-off" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3a47" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cloud-off" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <path d="M9.58 5.548c.24 -.11 .492 -.207 .752 -.286c1.88 -.572 3.956 -.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486c0 .957 -.383 1.824 -1.003 2.454m-2.997 1.033h-11.343c-2.572 -.004 -4.657 -2.011 -4.657 -4.487c0 -2.475 2.085 -4.482 4.657 -4.482c.13 -.582 .37 -1.128 .7 -1.62" />
   <path d="M3 3l18 18" />
diff --git a/public/assets/online.svg b/public/assets/online.svg
index 91c97b8..ff96b43 100644
--- a/public/assets/online.svg
+++ b/public/assets/online.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cloud-check" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3a47" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cloud-check" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <path d="M11 18.004h-4.343c-2.572 -.004 -4.657 -2.011 -4.657 -4.487c0 -2.475 2.085 -4.482 4.657 -4.482c.393 -1.762 1.794 -3.2 3.675 -3.773c1.88 -.572 3.956 -.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.388 0 2.585 .82 3.138 2.007" />
   <path d="M15 19l2 2l4 -4" />
diff --git a/public/assets/saved.svg b/public/assets/saved.svg
index c0906b3..edac1ca 100644
--- a/public/assets/saved.svg
+++ b/public/assets/saved.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-device-floppy fill-current" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3a47" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-device-floppy fill-current" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <path d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2" />
   <circle cx="12" cy="14" r="2" />
diff --git a/public/assets/share.svg b/public/assets/share.svg
index 9d2b12d..561594c 100644
--- a/public/assets/share.svg
+++ b/public/assets/share.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-share" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3a47" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-share" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <circle cx="6" cy="12" r="3" />
   <circle cx="18" cy="6" r="3" />

From 9e875af78ec52d109545875cf3ee836481511794 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 24 Dec 2024 00:28:00 +0100
Subject: [PATCH 2/9] design: change to good svg!

---
 public/assets/alert.svg                      |  6 --
 public/assets/card.svg                       |  8 --
 public/assets/dark-left-arrow.svg            |  6 --
 public/assets/download.svg                   |  6 --
 public/assets/draft.svg                      |  7 --
 public/assets/edit.svg                       |  6 --
 public/assets/github.svg                     |  4 -
 public/assets/left-arrow.svg                 |  6 --
 public/assets/loading-white.svg              |  4 -
 public/assets/loading.svg                    |  4 -
 public/assets/love.svg                       |  4 -
 public/assets/mailbox.svg                    |  6 --
 public/assets/offline.svg                    |  5 --
 public/assets/online.svg                     |  5 --
 public/assets/saved.svg                      |  6 --
 public/assets/share.svg                      |  8 --
 src/components/GoBack.vue                    | 18 ++++-
 src/components/HeaderNote.vue                | 77 +++++++++++++++++++-
 src/components/LoginGithub.vue               | 18 ++++-
 src/components/SignInGithub.vue              | 18 ++++-
 src/components/StackedNote.vue               | 64 +++++++++++++++-
 src/components/WelcomeWorld.vue              | 20 ++++-
 src/modules/note/components/CacheAllNote.vue | 19 ++++-
 src/views/FleetingNotes.vue                  | 20 ++++-
 src/views/SpaceCowboy.vue                    | 36 ++++++++-
 25 files changed, 275 insertions(+), 106 deletions(-)
 delete mode 100644 public/assets/alert.svg
 delete mode 100644 public/assets/card.svg
 delete mode 100644 public/assets/dark-left-arrow.svg
 delete mode 100644 public/assets/download.svg
 delete mode 100644 public/assets/draft.svg
 delete mode 100644 public/assets/edit.svg
 delete mode 100644 public/assets/github.svg
 delete mode 100644 public/assets/left-arrow.svg
 delete mode 100644 public/assets/loading-white.svg
 delete mode 100644 public/assets/loading.svg
 delete mode 100644 public/assets/love.svg
 delete mode 100644 public/assets/mailbox.svg
 delete mode 100644 public/assets/offline.svg
 delete mode 100644 public/assets/online.svg
 delete mode 100644 public/assets/saved.svg
 delete mode 100644 public/assets/share.svg

diff --git a/public/assets/alert.svg b/public/assets/alert.svg
deleted file mode 100644
index 002589e..0000000
--- a/public/assets/alert.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-circle" width="52" height="52" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <circle cx="12" cy="12" r="9" />
-  <line x1="12" y1="8" x2="12" y2="12" />
-  <line x1="12" y1="16" x2="12.01" y2="16" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/card.svg b/public/assets/card.svg
deleted file mode 100644
index b310c28..0000000
--- a/public/assets/card.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-id" width="36" height="36" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <rect x="3" y="4" width="18" height="16" rx="3" />
-  <circle cx="9" cy="10" r="2" />
-  <line x1="15" y1="8" x2="17" y2="8" />
-  <line x1="15" y1="12" x2="17" y2="12" />
-  <line x1="7" y1="16" x2="17" y2="16" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/dark-left-arrow.svg b/public/assets/dark-left-arrow.svg
deleted file mode 100644
index 51d3dca..0000000
--- a/public/assets/dark-left-arrow.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-left" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <line x1="5" y1="12" x2="19" y2="12" />
-  <line x1="5" y1="12" x2="9" y2="16" />
-  <line x1="5" y1="12" x2="9" y2="8" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/download.svg b/public/assets/download.svg
deleted file mode 100644
index a8a8f66..0000000
--- a/public/assets/download.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cloud-download" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M19 18a3.5 3.5 0 0 0 0 -7h-1a5 4.5 0 0 0 -11 -2a4.6 4.4 0 0 0 -2.1 8.4" />
-  <line x1="12" y1="13" x2="12" y2="22" />
-  <polyline points="9 19 12 22 15 19" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/draft.svg b/public/assets/draft.svg
deleted file mode 100644
index 4ec20e3..0000000
--- a/public/assets/draft.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-notes" width="36" height="36" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <rect x="5" y="3" width="14" height="18" rx="2" />
-  <line x1="9" y1="7" x2="15" y2="7" />
-  <line x1="9" y1="11" x2="15" y2="11" />
-  <line x1="9" y1="15" x2="13" y2="15" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/edit.svg b/public/assets/edit.svg
deleted file mode 100644
index 06759d6..0000000
--- a/public/assets/edit.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-edit" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1" />
-  <path d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z" />
-  <path d="M16 5l3 3" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/github.svg b/public/assets/github.svg
deleted file mode 100644
index 4d38ccd..0000000
--- a/public/assets/github.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-github" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/left-arrow.svg b/public/assets/left-arrow.svg
deleted file mode 100644
index 0ce4026..0000000
--- a/public/assets/left-arrow.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-left" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <line x1="5" y1="12" x2="19" y2="12" />
-  <line x1="5" y1="12" x2="9" y2="16" />
-  <line x1="5" y1="12" x2="9" y2="8" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/loading-white.svg b/public/assets/loading-white.svg
deleted file mode 100644
index 5ca659e..0000000
--- a/public/assets/loading-white.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-rotate-clockwise" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/loading.svg b/public/assets/loading.svg
deleted file mode 100644
index 5ca659e..0000000
--- a/public/assets/loading.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-rotate-clockwise" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M4.05 11a8 8 0 1 1 .5 4m-.5 5v-5h5" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/love.svg b/public/assets/love.svg
deleted file mode 100644
index b92c81a..0000000
--- a/public/assets/love.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-heart" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#eb2f06" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/mailbox.svg b/public/assets/mailbox.svg
deleted file mode 100644
index f25760f..0000000
--- a/public/assets/mailbox.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mailbox" width="36" height="36" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M10 21v-6.5a3.5 3.5 0 0 0 -7 0v6.5h18v-6a4 4 0 0 0 -4 -4h-10.5" />
-  <path d="M12 11v-8h4l2 2l-2 2h-4" />
-  <path d="M6 15h1" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/offline.svg b/public/assets/offline.svg
deleted file mode 100644
index b88194f..0000000
--- a/public/assets/offline.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cloud-off" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M9.58 5.548c.24 -.11 .492 -.207 .752 -.286c1.88 -.572 3.956 -.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486c0 .957 -.383 1.824 -1.003 2.454m-2.997 1.033h-11.343c-2.572 -.004 -4.657 -2.011 -4.657 -4.487c0 -2.475 2.085 -4.482 4.657 -4.482c.13 -.582 .37 -1.128 .7 -1.62" />
-  <path d="M3 3l18 18" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/online.svg b/public/assets/online.svg
deleted file mode 100644
index ff96b43..0000000
--- a/public/assets/online.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-cloud-check" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M11 18.004h-4.343c-2.572 -.004 -4.657 -2.011 -4.657 -4.487c0 -2.475 2.085 -4.482 4.657 -4.482c.393 -1.762 1.794 -3.2 3.675 -3.773c1.88 -.572 3.956 -.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.388 0 2.585 .82 3.138 2.007" />
-  <path d="M15 19l2 2l4 -4" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/saved.svg b/public/assets/saved.svg
deleted file mode 100644
index edac1ca..0000000
--- a/public/assets/saved.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-device-floppy fill-current" width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2" />
-  <circle cx="12" cy="14" r="2" />
-  <polyline points="14 4 14 8 8 8 8 4" />
-</svg>
\ No newline at end of file
diff --git a/public/assets/share.svg b/public/assets/share.svg
deleted file mode 100644
index 561594c..0000000
--- a/public/assets/share.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-share" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <circle cx="6" cy="12" r="3" />
-  <circle cx="18" cy="6" r="3" />
-  <circle cx="18" cy="18" r="3" />
-  <line x1="8.7" y1="10.7" x2="15.3" y2="7.3" />
-  <line x1="8.7" y1="13.3" x2="15.3" y2="16.7" />
-</svg>
\ No newline at end of file
diff --git a/src/components/GoBack.vue b/src/components/GoBack.vue
index 9d90842..b0a09ac 100644
--- a/src/components/GoBack.vue
+++ b/src/components/GoBack.vue
@@ -1,6 +1,22 @@
 <template>
   <button class="button is-white go-back" @click="back">
-    <img src="/assets/dark-left-arrow.svg" alt="back" />
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      class="icon icon-tabler icon-tabler-arrow-narrow-left"
+      width="28"
+      height="28"
+      viewBox="0 0 24 24"
+      stroke-width="1.5"
+      stroke="currentColor"
+      fill="none"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+      <line x1="5" y1="12" x2="19" y2="12" />
+      <line x1="5" y1="12" x2="9" y2="16" />
+      <line x1="5" y1="12" x2="9" y2="8" />
+    </svg>
   </button>
 </template>
 
diff --git a/src/components/HeaderNote.vue b/src/components/HeaderNote.vue
index f0c43e0..f3c6186 100644
--- a/src/components/HeaderNote.vue
+++ b/src/components/HeaderNote.vue
@@ -4,26 +4,95 @@
       :to="{ name: 'Home' }"
       class="button is-small is-white back-button"
     >
-      <img src="/assets/dark-left-arrow.svg" alt="go back left arrow" />
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon icon-tabler icon-tabler-arrow-narrow-left"
+        width="28"
+        height="28"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+        <line x1="5" y1="12" x2="19" y2="12" />
+        <line x1="5" y1="12" x2="9" y2="16" />
+        <line x1="5" y1="12" x2="9" y2="8" />
+      </svg>
     </router-link>
     <theme-swap />
     <router-link
       class="special-folder"
       :to="{ name: 'SpacedRepetitionCard', params: { user, repo } }"
     >
-      <img src="/assets/card.svg" alt="card" />
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon icon-tabler icon-tabler-id"
+        width="36"
+        height="36"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+        <rect x="3" y="4" width="18" height="16" rx="3" />
+        <circle cx="9" cy="10" r="2" />
+        <line x1="15" y1="8" x2="17" y2="8" />
+        <line x1="15" y1="12" x2="17" y2="12" />
+        <line x1="7" y1="16" x2="17" y2="16" />
+      </svg>
     </router-link>
     <router-link
       class="special-folder"
       :to="{ name: 'DraftNotes', params: { user, repo } }"
     >
-      <img src="/assets/draft.svg" alt="card" />
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon icon-tabler icon-tabler-notes"
+        width="36"
+        height="36"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+        <rect x="5" y="3" width="14" height="18" rx="2" />
+        <line x1="9" y1="7" x2="15" y2="7" />
+        <line x1="9" y1="11" x2="15" y2="11" />
+        <line x1="9" y1="15" x2="13" y2="15" />
+      </svg>
     </router-link>
     <router-link
       class="special-folder"
       :to="{ name: 'FleetingNotes', params: { user, repo } }"
     >
-      <img src="/assets/mailbox.svg" alt="card" />
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon icon-tabler icon-tabler-mailbox"
+        width="36"
+        height="36"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+        <path
+          d="M10 21v-6.5a3.5 3.5 0 0 0 -7 0v6.5h18v-6a4 4 0 0 0 -4 -4h-10.5"
+        />
+        <path d="M12 11v-8h4l2 2l-2 2h-4" />
+        <path d="M6 15h1" />
+      </svg>
     </router-link>
   </header>
 </template>
diff --git a/src/components/LoginGithub.vue b/src/components/LoginGithub.vue
index dd1a099..f4c121d 100644
--- a/src/components/LoginGithub.vue
+++ b/src/components/LoginGithub.vue
@@ -8,7 +8,23 @@
       rel="noopener noreferrer"
     >
       login to
-      <img src="/assets/github.svg" alt="GitHub icon" />
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon icon-tabler icon-tabler-brand-github"
+        width="28"
+        height="28"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+        <path
+          d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"
+        />
+      </svg>
     </a>
   </div>
 </template>
diff --git a/src/components/SignInGithub.vue b/src/components/SignInGithub.vue
index 1cccaf9..151aca4 100644
--- a/src/components/SignInGithub.vue
+++ b/src/components/SignInGithub.vue
@@ -16,6 +16,22 @@ const href = url.toString()
 <template>
   <a :href="href" class="sign-in-github btn btn-primary">
     Sign in with
-    <img src="/assets/github.svg" alt="GitHub" />
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      class="icon icon-tabler icon-tabler-brand-github"
+      width="28"
+      height="28"
+      viewBox="0 0 24 24"
+      stroke-width="1.5"
+      stroke="currentColor"
+      fill="none"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+      <path
+        d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"
+      />
+    </svg>
   </a>
 </template>
diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index 8e1878e..0cff39b 100644
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -151,7 +151,27 @@ watch(mode, async (newMode) => {
         :class="{ 'is-link': mode === 'edit' }"
         @click="toggleMode"
       >
-        <img src="/assets/edit.svg" alt="edit" />
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="icon icon-tabler icon-tabler-edit"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          stroke-width="1.5"
+          stroke="currentColor"
+          fill="none"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+          <path
+            d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1"
+          />
+          <path
+            d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z"
+          />
+          <path d="M16 5l3 3" />
+        </svg>
       </button>
       <router-link
         v-if="false"
@@ -161,7 +181,25 @@ watch(mode, async (newMode) => {
         }"
         class="action"
       >
-        <img src="/assets/share.svg" alt="share" />
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="icon icon-tabler icon-tabler-share"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          stroke-width="1.5"
+          stroke="currentColor"
+          fill="none"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+          <circle cx="6" cy="12" r="3" />
+          <circle cx="18" cy="6" r="3" />
+          <circle cx="18" cy="18" r="3" />
+          <line x1="8.7" y1="10.7" x2="15.3" y2="7.3" />
+          <line x1="8.7" y1="13.3" x2="15.3" y2="16.7" />
+        </svg>
       </router-link>
       <div v-if="mode === 'edit'" class="edit">
         <edit-note v-model="rawContent" />
@@ -171,7 +209,27 @@ watch(mode, async (newMode) => {
           :class="{ 'is-link': mode === 'edit' }"
           @click="toggleMode"
         >
-          <img src="/assets/edit.svg" alt="edit" />
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="icon icon-tabler icon-tabler-edit"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            stroke-width="1.5"
+            stroke="currentColor"
+            fill="none"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+            <path
+              d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1"
+            />
+            <path
+              d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z"
+            />
+            <path d="M16 5l3 3" />
+          </svg>
         </button>
       </div>
       <div v-if="mode === 'read'" class="note-content" v-html="content"></div>
diff --git a/src/components/WelcomeWorld.vue b/src/components/WelcomeWorld.vue
index 14ef0a6..e231bc0 100644
--- a/src/components/WelcomeWorld.vue
+++ b/src/components/WelcomeWorld.vue
@@ -40,7 +40,25 @@
     </form>
 
     <footer>
-      Made with <img src="/assets/love.svg" alt="love" /> by
+      Made with
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon icon-tabler icon-tabler-heart"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="#eb2f06"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+        <path
+          d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"
+        />
+      </svg>
+      by
       <a
         href="http://github.com/jcalixte"
         target="_blank"
diff --git a/src/modules/note/components/CacheAllNote.vue b/src/modules/note/components/CacheAllNote.vue
index 5c99669..e9f6cb5 100644
--- a/src/modules/note/components/CacheAllNote.vue
+++ b/src/modules/note/components/CacheAllNote.vue
@@ -20,7 +20,24 @@ const confirmBeforeCachingAllNotes = () => {
     ></progress>
   </div>
   <button v-else class="button" @click="() => confirmBeforeCachingAllNotes()">
-    <img src="/assets/offline.svg" alt="offline cloud" />
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      class="icon icon-tabler icon-tabler-cloud-off"
+      width="30"
+      height="30"
+      viewBox="0 0 24 24"
+      stroke-width="1.5"
+      stroke="currentColor"
+      fill="none"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+      <path
+        d="M9.58 5.548c.24 -.11 .492 -.207 .752 -.286c1.88 -.572 3.956 -.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486c0 .957 -.383 1.824 -1.003 2.454m-2.997 1.033h-11.343c-2.572 -.004 -4.657 -2.011 -4.657 -4.487c0 -2.475 2.085 -4.482 4.657 -4.482c.13 -.582 .37 -1.128 .7 -1.62"
+      />
+      <path d="M3 3l18 18" />
+    </svg>
   </button>
 </template>
 
diff --git a/src/views/FleetingNotes.vue b/src/views/FleetingNotes.vue
index e0a8833..769ca3f 100644
--- a/src/views/FleetingNotes.vue
+++ b/src/views/FleetingNotes.vue
@@ -81,7 +81,25 @@ watch(mode, async (newMode) => {
         <div class="columns">
           <div class="column is-half">
             <button class="btn btn-outline" @click="toggleMode">
-              <img src="/assets/saved.svg" alt="save" />
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                class="icon icon-tabler icon-tabler-device-floppy fill-current"
+                width="28"
+                height="28"
+                viewBox="0 0 24 24"
+                stroke-width="1.5"
+                stroke="currentColor"
+                fill="none"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              >
+                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+                <path
+                  d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2"
+                />
+                <circle cx="12" cy="14" r="2" />
+                <polyline points="14 4 14 8 8 8 8 4" />
+              </svg>
             </button>
           </div>
         </div>
diff --git a/src/views/SpaceCowboy.vue b/src/views/SpaceCowboy.vue
index 05f38c6..1dfd5ed 100644
--- a/src/views/SpaceCowboy.vue
+++ b/src/views/SpaceCowboy.vue
@@ -1,9 +1,41 @@
 <template>
   <main class="space-cowboy content">
     <p>
-      <img src="/assets/alert.svg" alt="alert" />
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon icon-tabler icon-tabler-alert-circle"
+        width="52"
+        height="52"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+        <circle cx="12" cy="12" r="9" />
+        <line x1="12" y1="8" x2="12" y2="12" />
+        <line x1="12" y1="16" x2="12.01" y2="16" />
+      </svg>
       Oops, you've been lost!
-      <img src="/assets/alert.svg" alt="alert" />
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="icon icon-tabler icon-tabler-alert-circle"
+        width="52"
+        height="52"
+        viewBox="0 0 24 24"
+        stroke-width="1.5"
+        stroke="currentColor"
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+        <circle cx="12" cy="12" r="9" />
+        <line x1="12" y1="8" x2="12" y2="12" />
+        <line x1="12" y1="16" x2="12.01" y2="16" />
+      </svg>
     </p>
     <p>A note link can't be used as URL.</p>
     <router-link class="button is-links" :to="{ name: 'Home' }"

From aea72667e65dab2946188ac3f10665066e3a2637 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 24 Dec 2024 00:53:05 +0100
Subject: [PATCH 3/9] design: change themes

---
 .env            | 4 ++--
 .env.checksum   | 2 +-
 .husky/pre-push | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/.env b/.env
index 0b4fba0..8057e5b 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,2 @@
-VITE_LIGHT_MODE=lemonade
-VITE_DARK_MODE=coffee
\ No newline at end of file
+VITE_LIGHT_MODE=valentine
+VITE_DARK_MODE=dracula
diff --git a/.env.checksum b/.env.checksum
index b05df2f..2b383cb 100644
--- a/.env.checksum
+++ b/.env.checksum
@@ -1 +1 @@
-eec56e64108d6f643b2fa7ed84fb89e183096e54541f1d7772bc675f47b9ca28
+d748eac815b40f2bc231be2e70672de6fa9cd1a78fb0983b56207e398c82288e
diff --git a/.husky/pre-push b/.husky/pre-push
index 6596b2c..360c5ed 100644
--- a/.husky/pre-push
+++ b/.husky/pre-push
@@ -30,5 +30,6 @@ echo "$CURRENT_CHECKSUM" > "$CHECKSUM_FILE"
 
 git add "$CHECKSUM_FILE"
 git commit --amend --no-edit
+git push --force-with-lease --force-if-includes
 
 echo "Environment variables imported successfully."

From a590ddc87123d2315d8e5e8b1252884847150023 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 24 Dec 2024 10:13:04 +0100
Subject: [PATCH 4/9] design: fix font size in table

---
 src/components/StackedNote.vue | 4 ----
 src/hooks/useMarkdown.hook.ts  | 6 +++---
 src/styles/app.css             | 9 +++++----
 3 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/components/StackedNote.vue b/src/components/StackedNote.vue
index 0cff39b..28517a5 100644
--- a/src/components/StackedNote.vue
+++ b/src/components/StackedNote.vue
@@ -318,10 +318,6 @@ a.title-stacked-note-link {
 
     .note-content {
       padding: 0 1.5rem;
-
-      .table {
-        overflow-x: auto;
-      }
     }
   }
 }
diff --git a/src/hooks/useMarkdown.hook.ts b/src/hooks/useMarkdown.hook.ts
index 56e6e90..a60efae 100644
--- a/src/hooks/useMarkdown.hook.ts
+++ b/src/hooks/useMarkdown.hook.ts
@@ -57,9 +57,9 @@ const useShikiji = async () => {
 useShikiji()
 
 const rules: Renderer.RenderRuleRecord = {
-  table_close: () => '</table>\n</div>',
   table_open: () =>
-    '<div class="table-wrapper table is-fullwidth is striped">\n<table>\n'
+    '<div class="overflow-x-auto"><table class="table table-zebra">',
+  table_close: () => '</table></div>'
 }
 
 md.renderer.rules = { ...md.renderer.rules, ...rules }
@@ -69,7 +69,7 @@ export const useMarkdown = (defaultPrefix?: Ref<string> | string) => {
   const renderFromUTF8 = (content: string, prefix?: string) =>
     content
       ? md.render(content, {
-          docId: defaultPrefix ? toValue(defaultPrefix) : prefix ?? ''
+          docId: defaultPrefix ? toValue(defaultPrefix) : (prefix ?? '')
         })
       : ''
 
diff --git a/src/styles/app.css b/src/styles/app.css
index 0bb24d0..4c6033f 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -70,14 +70,15 @@ a {
   transition: cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
 }
 
-.table-wrapper {
-  overflow-x: auto;
-}
-
 .btn {
   font-size: 1rem;
 }
 
+.table,
+.table :where(thead, tfoot) {
+  font-size: 1em;
+}
+
 @media print {
 
   html,

From df2ac31a8f36266afb26f7741c6776012539d449 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Tue, 24 Dec 2024 10:24:47 +0100
Subject: [PATCH 5/9] use markdown it/katex from vscode instead

---
 index.html                    |  2 ++
 package.json                  |  2 +-
 pnpm-lock.yaml                | 45 ++++++++++++++++-------------------
 src/hooks/useMarkdown.hook.ts |  2 +-
 src/main.ts                   |  1 -
 src/shims-vue.d.ts            |  1 -
 6 files changed, 24 insertions(+), 29 deletions(-)

diff --git a/index.html b/index.html
index b12fe47..f423e05 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,8 @@
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
     <link rel="mask-icon" href="/masked-icon.svg" color="#FFFFFF" />
     <meta name="theme-color" content="#2C3A47" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css"/>
   </head>
   <body>
     <noscript>
diff --git a/package.json b/package.json
index 7f576e2..0ddbc2d 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "@octokit/core": "^5.2.0",
     "@octokit/rest": "^20.1.1",
     "@toycode/markdown-it-class": "^1.2.4",
+    "@vscode/markdown-it-katex": "^1.1.1",
     "@vueuse/core": "^10.11.1",
     "@vueuse/router": "^10.11.1",
     "date-fns": "^2.30.0",
@@ -29,7 +30,6 @@
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-github-alerts": "^0.3.0",
     "markdown-it-iframe": "^1.0.0",
-    "markdown-it-latex": "^0.2.0",
     "markdown-it-shikiji": "^0.10.2",
     "nanoid": "^5.0.9",
     "notyf": "^3.10.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9416ec9..84cfa36 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,6 +20,9 @@ importers:
       '@toycode/markdown-it-class':
         specifier: ^1.2.4
         version: 1.2.4
+      '@vscode/markdown-it-katex':
+        specifier: ^1.1.1
+        version: 1.1.1
       '@vueuse/core':
         specifier: ^10.11.1
         version: 10.11.1(vue@3.5.13(typescript@5.7.2))
@@ -56,9 +59,6 @@ importers:
       markdown-it-iframe:
         specifier: ^1.0.0
         version: 1.0.0
-      markdown-it-latex:
-        specifier: ^0.2.0
-        version: 0.2.0
       markdown-it-shikiji:
         specifier: ^0.10.2
         version: 0.10.2
@@ -1712,6 +1712,9 @@ packages:
   '@vitest/utils@1.6.0':
     resolution: {integrity: sha512-21cPiuGMoMZwiOHa2i4LXkMkMkCGzA+MVFV70jRwHo95dL4x/ts5GZhML1QWuy7yfp3WzK3lRvZi3JnXTYqrBw==}
 
+  '@vscode/markdown-it-katex@1.1.1':
+    resolution: {integrity: sha512-3KTlbsRBPJQLE2YmLL7K6nunTlU+W9T5+FjfNdWuIUKgxSS6HWLQHaO3L4MkJi7z7MpIPpY+g4N+cWNBPE/MSA==}
+
   '@vue/compiler-core@3.5.13':
     resolution: {integrity: sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==}
 
@@ -1899,9 +1902,6 @@ packages:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
 
-  asciimath-to-latex@0.3.2:
-    resolution: {integrity: sha512-+80CDzm6nXdtsYwUdxBOLo7FA6ZO5CfRyYHgqLpUZgavPYqodXHamOQuLZJksV+4CUteJs1h7cBaF63d2qa97Q==}
-
   assertion-error@1.1.0:
     resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
 
@@ -2048,6 +2048,10 @@ packages:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
     engines: {node: '>= 6'}
 
+  commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+
   common-tags@1.8.2:
     resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
     engines: {node: '>=4.0.0'}
@@ -2821,8 +2825,8 @@ packages:
     resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
     engines: {node: '>=0.10.0'}
 
-  katex@0.9.0:
-    resolution: {integrity: sha512-lp3x90LT1tDZBW2tjLheJ98wmRMRjUHwk4QpaswT9bhqoQZ+XA4cPcjcQBxgOQNwaOSt6ZeL/a6GKQ1of3LFxQ==}
+  katex@0.16.18:
+    resolution: {integrity: sha512-LRuk0rPdXrecAFwQucYjMiIs0JFefk6N1q/04mlw14aVIVgxq1FO0MA9RiIIGVaKOB5GIP5GH4aBBNraZERmaQ==}
     hasBin: true
 
   leven@3.1.0:
@@ -2913,9 +2917,6 @@ packages:
   markdown-it-iframe@1.0.0:
     resolution: {integrity: sha512-UA/MZARLnUXJkhd+ECpMUBLLnMmOB4LmgOUL41+1GMqcwZnb1utP6VNZ4ZvEn5o9ZnuAUh6zvYcsQciwxy7WvA==}
 
-  markdown-it-latex@0.2.0:
-    resolution: {integrity: sha512-vCaS6Dws9faA8lZel7Slfa1IYEnbYOjHzian/tDBulONBS+f9vRkFfQ4S0eFnTGtDTTXqE7zAnoezkv18b9IIA==}
-
   markdown-it-shikiji@0.10.2:
     resolution: {integrity: sha512-Y2Zfp6GblTuGBlirnBms2xS6+C3iFiUzCsVp+nZaMWavBcS9ZFxEglWdSpfjt4gqWlQunWmIEX1OUt9WaqFNvw==}
     deprecated: Shikiji is merged back to Shiki v1.0, please migrate over to get the latest updates
@@ -2924,9 +2925,6 @@ packages:
     resolution: {integrity: sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==}
     hasBin: true
 
-  match-at@0.1.1:
-    resolution: {integrity: sha512-h4Yd392z9mST+dzc+yjuybOGFNOZjmXIPKWjxBd1Bb23r4SmDOsk2NYCU2BMUBGbSpZqwVsZYNq26QS3xfaT3Q==}
-
   mdurl@2.0.0:
     resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
 
@@ -5587,6 +5585,10 @@ snapshots:
       loupe: 2.3.7
       pretty-format: 29.7.0
 
+  '@vscode/markdown-it-katex@1.1.1':
+    dependencies:
+      katex: 0.16.18
+
   '@vue/compiler-core@3.5.13':
     dependencies:
       '@babel/parser': 7.26.2
@@ -5834,8 +5836,6 @@ snapshots:
 
   array-union@2.1.0: {}
 
-  asciimath-to-latex@0.3.2: {}
-
   assertion-error@1.1.0: {}
 
   async@3.2.4: {}
@@ -5996,6 +5996,8 @@ snapshots:
 
   commander@4.1.1: {}
 
+  commander@8.3.0: {}
+
   common-tags@1.8.2: {}
 
   concat-map@0.0.1: {}
@@ -6848,9 +6850,9 @@ snapshots:
 
   jsonpointer@5.0.1: {}
 
-  katex@0.9.0:
+  katex@0.16.18:
     dependencies:
-      match-at: 0.1.1
+      commander: 8.3.0
 
   leven@3.1.0: {}
 
@@ -6930,11 +6932,6 @@ snapshots:
 
   markdown-it-iframe@1.0.0: {}
 
-  markdown-it-latex@0.2.0:
-    dependencies:
-      asciimath-to-latex: 0.3.2
-      katex: 0.9.0
-
   markdown-it-shikiji@0.10.2:
     dependencies:
       markdown-it: 14.1.0
@@ -6950,8 +6947,6 @@ snapshots:
       punycode.js: 2.3.1
       uc.micro: 2.1.0
 
-  match-at@0.1.1: {}
-
   mdurl@2.0.0: {}
 
   merge-stream@2.0.0: {}
diff --git a/src/hooks/useMarkdown.hook.ts b/src/hooks/useMarkdown.hook.ts
index a60efae..fa2042b 100644
--- a/src/hooks/useMarkdown.hook.ts
+++ b/src/hooks/useMarkdown.hook.ts
@@ -1,4 +1,5 @@
 import markdownItClass from '@toycode/markdown-it-class'
+import markdownItLatex from '@vscode/markdown-it-katex'
 import MarkdownIt from 'markdown-it'
 import Renderer from 'markdown-it/lib/renderer'
 import blockEmbedPlugin from 'markdown-it-block-embed'
@@ -6,7 +7,6 @@ import markdownItCheckbox from 'markdown-it-checkbox'
 import markdownItFootnote from 'markdown-it-footnote'
 import MarkdownItGitHubAlerts from 'markdown-it-github-alerts'
 import markdownItIframe from 'markdown-it-iframe'
-import markdownItLatex from 'markdown-it-latex'
 import Shikiji from 'markdown-it-shikiji'
 import { Ref, toValue } from 'vue'
 
diff --git a/src/main.ts b/src/main.ts
index cccde48..59cff79 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,4 @@
 import './styles/app.css'
-import 'markdown-it-latex/dist/index.css'
 import 'notyf/notyf.min.css'
 
 import { createPinia } from 'pinia'
diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
index 2e0a465..843420b 100644
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@@ -9,7 +9,6 @@ declare module 'markdown-it-block-embed'
 declare module 'markdown-it-checkbox'
 declare module 'markdown-it-footnote'
 declare module 'markdown-it-regexp'
-declare module 'markdown-it-latex'
 declare module 'markdown-it-iframe'
 declare module 'markdown-it-shikiji'
 declare module '@rushstack/eslint-patch/modern-module-resolution'

From 48e70faee2b6c1917136bc9e0553a3ecd10826dd Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 26 Dec 2024 16:34:10 +0100
Subject: [PATCH 6/9] commit checksum file too

---
 .husky/pre-push | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.husky/pre-push b/.husky/pre-push
index 360c5ed..130d207 100644
--- a/.husky/pre-push
+++ b/.husky/pre-push
@@ -28,8 +28,10 @@ fi
 # Save the new checksum
 echo "$CURRENT_CHECKSUM" > "$CHECKSUM_FILE"
 
+# Stage the checksum file
 git add "$CHECKSUM_FILE"
+
+# Amend the last commit with the updated checksum
 git commit --amend --no-edit
-git push --force-with-lease --force-if-includes
 
 echo "Environment variables imported successfully."

From 927922a42a8176411c21e75d0a55151ae3eee731 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 26 Dec 2024 16:35:04 +0100
Subject: [PATCH 7/9] change theme

---
 .env | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.env b/.env
index 8057e5b..7540620 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,2 @@
-VITE_LIGHT_MODE=valentine
-VITE_DARK_MODE=dracula
+VITE_LIGHT_MODE=emerald
+VITE_DARK_MODE=night

From ff2d6a6f6d7fc152ac11e6b80dae9b8cc7586c09 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 26 Dec 2024 16:35:04 +0100
Subject: [PATCH 8/9] change theme

---
 .env          | 4 ++--
 .env.checksum | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/.env b/.env
index 8057e5b..7540620 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,2 @@
-VITE_LIGHT_MODE=valentine
-VITE_DARK_MODE=dracula
+VITE_LIGHT_MODE=emerald
+VITE_DARK_MODE=night
diff --git a/.env.checksum b/.env.checksum
index 2b383cb..3299108 100644
--- a/.env.checksum
+++ b/.env.checksum
@@ -1 +1 @@
-d748eac815b40f2bc231be2e70672de6fa9cd1a78fb0983b56207e398c82288e
+059edc3124a0d21c3c0fb492ed98f718c75e4742ec541492d620be64e8f91b13

From 0b88e9e773d9cc1aa81cb8cfd9d86261d5aaf9fb Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 26 Dec 2024 16:38:33 +0100
Subject: [PATCH 9/9] chore: commit .env checksum in a separate commit

---
 .husky/pre-push | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.husky/pre-push b/.husky/pre-push
index 130d207..806e5a4 100644
--- a/.husky/pre-push
+++ b/.husky/pre-push
@@ -32,6 +32,6 @@ echo "$CURRENT_CHECKSUM" > "$CHECKSUM_FILE"
 git add "$CHECKSUM_FILE"
 
 # Amend the last commit with the updated checksum
-git commit --amend --no-edit
+git commit -m "Update .env checksum"
 
 echo "Environment variables imported successfully."