diff --git a/public/assets/logo-skizzle-dark-context.svg b/public/assets/logo-skizzle-dark-context.svg
new file mode 100644
index 0000000..b62d38c
--- /dev/null
+++ b/public/assets/logo-skizzle-dark-context.svg
@@ -0,0 +1,17 @@
+<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg">
+
+ <g>
+  <title>background</title>
+  <rect fill="none" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
+ </g>
+ <g>
+  <title>Layer 1</title>
+  <path id="svg_1" d="m-1,-1l102,0l0,52l-102,0l0,-52z" fill="none"/>
+  <g id="svg_2">
+   <text fill="#ffffff" id="svg_3" stroke="#000" stroke-width="0" x="40.468" y="31.778" font-size="24" font-family="Arvo, sans-serif" font-weight="bold">izzle</text>
+   <path id="svg_4" d="m30.027,14.358l0,17.41m9.883,-17.897l-7.66,7.66m-1.312,1.752l8.892,8.891" fill="none" stroke-width="3" stroke-linejoin="undefined" stroke-linecap="undefined" stroke="#ffffff"/>
+   <ellipse id="svg_5" fill="none" stroke="#ffffff" stroke-width="3" cx="30.027" cy="23.063" rx="2.062" ry="2.062"/>
+   <text fill="#ffffff" id="svg_6" stroke-width="0" x="9.965" y="31.774" font-size="24" font-family="Helvetica, Arial, sans-serif" font-weight="bold">S</text>
+  </g>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/src/layouts/Login/Login.scss b/src/layouts/Login/Login.scss
index ee23caf..0d8c170 100644
--- a/src/layouts/Login/Login.scss
+++ b/src/layouts/Login/Login.scss
@@ -12,6 +12,10 @@
     animation: slideUp 0.7s;
     animation-fill-mode: both;
     animation-timing-function: ease-in-out;
+
+    &--dark {
+      display: none;
+    }
   }
 
   &__intro {
@@ -46,13 +50,13 @@
     }
 
     &:before {
-      content: '';
+      content: "";
       position: absolute;
       left: 1rem;
       top: 50%;
       width: 1.5rem;
       height: 1.5rem;
-      background: url('../assets/logo-azure-devops.png') no-repeat;
+      background: url("../assets/logo-azure-devops.png") no-repeat;
       background-size: cover;
       transform: translateY(-50%);
     }
@@ -70,6 +74,14 @@
   .skz-login {
     background-color: #333;
 
+    &__logo {
+      display: none;
+
+      &--dark {
+        display: block;
+      }
+    }
+
     &__intro {
       color: #fff;
     }
diff --git a/src/layouts/Login/Login.svelte b/src/layouts/Login/Login.svelte
index b4e50d3..91b1353 100644
--- a/src/layouts/Login/Login.svelte
+++ b/src/layouts/Login/Login.svelte
@@ -10,6 +10,11 @@ const { ipcRenderer } = require('electron');
     src="./assets/logo-skizzle.svg"
     alt="Skizzle"
   />
+  <img
+    class="skz-login__logo skz-login__logo--dark"
+    src="./assets/logo-skizzle-dark-context.svg"
+    alt="Skizzle"
+  />
   <p class="skz-login__intro">
     Skizzle vous permet de regrouper les pull requests de vos équipes. <br/>Pour commencer <b>connectez vous</b> avec votre compte.
   </p>