diff --git a/.github/icons-stroke-dark.png b/.github/icons-stroke-dark.png
new file mode 100644
index 000000000..cfe6beaf8
Binary files /dev/null and b/.github/icons-stroke-dark.png differ
diff --git a/.github/icons-stroke-dark.svg b/.github/icons-stroke-dark.svg
new file mode 100644
index 000000000..b7f9c1276
--- /dev/null
+++ b/.github/icons-stroke-dark.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 914 38" width="914" height="38" style="color: #ffffff"><rect x="0" y="0" width="914" height="38" fill="transparent"></rect>
+	<symbol id="icon-.5" class="icon icon-tabler icon-tabler-disabled" viewBox="0 0 24 24" stroke-width=".5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" />
+</symbol>
+	<symbol id="icon-1" class="icon icon-tabler icon-tabler-disabled" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" />
+</symbol>
+	<symbol id="icon-1.5" class="icon icon-tabler icon-tabler-disabled" 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="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" />
+</symbol>
+	<symbol id="icon-2" class="icon icon-tabler icon-tabler-disabled" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" />
+</symbol>
+	<symbol id="icon-2.75" class="icon icon-tabler icon-tabler-disabled" viewBox="0 0 24 24" stroke-width="2.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" />
+</symbol>
+
+	<use xlink:href="#icon-.5" x="3" y="3" width="32" height="32" />
+	<use xlink:href="#icon-1" x="51" y="3" width="32" height="32" />
+	<use xlink:href="#icon-1.5" x="99" y="3" width="32" height="32" />
+	<use xlink:href="#icon-2" x="147" y="3" width="32" height="32" />
+	<use xlink:href="#icon-2.75" x="195" y="3" width="32" height="32" />
+
+</svg>
\ No newline at end of file
diff --git a/.github/icons-stroke-dark@2x.png b/.github/icons-stroke-dark@2x.png
new file mode 100644
index 000000000..36b50c49d
Binary files /dev/null and b/.github/icons-stroke-dark@2x.png differ
diff --git a/.github/icons-stroke.png b/.github/icons-stroke.png
index a0d50a027..13cd1cffa 100644
Binary files a/.github/icons-stroke.png and b/.github/icons-stroke.png differ
diff --git a/.github/icons-stroke.svg b/.github/icons-stroke.svg
index f3696f2b5..5bd770dff 100644
--- a/.github/icons-stroke.svg
+++ b/.github/icons-stroke.svg
@@ -1,19 +1,19 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 914 42" width="914" height="42" style="color: #354052"><rect x="0" y="0" width="914" height="42" fill="#fff"></rect>
-	<symbol id="icon-.5" class="icon icon-tabler icon-tabler-disabled" viewBox="0 0 24 24" stroke-width=".5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a4.97 4.97 0 1 0 6 7.5" />
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 914 38" width="914" height="38" style="color: #354052"><rect x="0" y="0" width="914" height="38" fill="#fff"></rect>
+	<symbol id="icon-.5" class="icon icon-tabler icon-tabler-disabled" viewBox="0 0 24 24" stroke-width=".5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" />
 </symbol>
-	<symbol id="icon-1" class="icon icon-tabler icon-tabler-disabled" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a4.97 4.97 0 1 0 6 7.5" />
+	<symbol id="icon-1" class="icon icon-tabler icon-tabler-disabled" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" />
 </symbol>
-	<symbol id="icon-1.5" class="icon icon-tabler icon-tabler-disabled" 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"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a4.97 4.97 0 1 0 6 7.5" />
+	<symbol id="icon-1.5" class="icon icon-tabler icon-tabler-disabled" 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="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" />
 </symbol>
-	<symbol id="icon-2" class="icon icon-tabler icon-tabler-disabled" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a4.97 4.97 0 1 0 6 7.5" />
+	<symbol id="icon-2" class="icon icon-tabler icon-tabler-disabled" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" />
 </symbol>
-	<symbol id="icon-2.75" class="icon icon-tabler icon-tabler-disabled" viewBox="0 0 24 24" stroke-width="2.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a4.97 4.97 0 1 0 6 7.5" />
+	<symbol id="icon-2.75" class="icon icon-tabler icon-tabler-disabled" viewBox="0 0 24 24" stroke-width="2.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="11" cy="5" r="2" /><polyline points="11 7 11 15 15 15 19 20" /><line x1="11" y1="11" x2="16" y2="11" /><path d="M7 11.5a5 5 0 1 0 6 7.5" />
 </symbol>
 
-	<use xlink:href="#icon-.5" x="5" y="5" width="32" height="32" />
-	<use xlink:href="#icon-1" x="53" y="5" width="32" height="32" />
-	<use xlink:href="#icon-1.5" x="101" y="5" width="32" height="32" />
-	<use xlink:href="#icon-2" x="149" y="5" width="32" height="32" />
-	<use xlink:href="#icon-2.75" x="197" y="5" width="32" height="32" />
+	<use xlink:href="#icon-.5" x="3" y="3" width="32" height="32" />
+	<use xlink:href="#icon-1" x="51" y="3" width="32" height="32" />
+	<use xlink:href="#icon-1.5" x="99" y="3" width="32" height="32" />
+	<use xlink:href="#icon-2" x="147" y="3" width="32" height="32" />
+	<use xlink:href="#icon-2.75" x="195" y="3" width="32" height="32" />
 
 </svg>
\ No newline at end of file
diff --git a/.github/icons-stroke@2x.png b/.github/icons-stroke@2x.png
new file mode 100644
index 000000000..77e59856c
Binary files /dev/null and b/.github/icons-stroke@2x.png differ
diff --git a/gulpfile.js b/gulpfile.js
index 342fd76b6..34f6ceb5f 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -458,7 +458,7 @@ gulp.task('icons-preview', (cb) => {
   })
 })
 
-gulp.task('icons-stroke', gulp.series('build-jekyll', (cb) => {
+gulp.task('icons-stroke', gulp.series((cb) => {
 
   const icon = 'disabled',
       strokes = ['.5', '1', '1.5', '2', '2.75'],
@@ -487,9 +487,12 @@ gulp.task('icons-stroke', gulp.series('build-jekyll', (cb) => {
   })
 
   const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" style="color: #354052"><rect x="0" y="0" width="${width}" height="${height}" fill="#fff"></rect>\n${svgContentSymbols}\n${svgContentIcons}\n</svg>`
+  const svgContentDark = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" style="color: #ffffff"><rect x="0" y="0" width="${width}" height="${height}" fill="transparent"></rect>\n${svgContentSymbols}\n${svgContentIcons}\n</svg>`
 
   fs.writeFileSync('.github/icons-stroke.svg', svgContent)
+  fs.writeFileSync('.github/icons-stroke-dark.svg', svgContentDark)
   createScreenshot('.github/icons-stroke.svg')
+  createScreenshot('.github/icons-stroke-dark.svg')
   cb()
 }))