From 4aba1a7b0250201fa3bd5407df19ceb799689f77 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Mon, 17 Jun 2024 15:28:48 +0200
Subject: [PATCH] illustration fixes

---
 src/pages/_data/errors.yml               |  1 +
 src/pages/_includes/ui/illustration.html | 25 ++++++++----------------
 src/pages/wizard.html                    |  2 +-
 3 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/pages/_data/errors.yml b/src/pages/_data/errors.yml
index f26575072..14a2d6f39 100644
--- a/src/pages/_data/errors.yml
+++ b/src/pages/_data/errors.yml
@@ -8,6 +8,7 @@
   title: 403
   description: We are sorry but you do not have permission to access this page
 404:
+  illustration: not-found.svg
   title: 404
   description: We are sorry but the page you are looking for was not found
 500:
diff --git a/src/pages/_includes/ui/illustration.html b/src/pages/_includes/ui/illustration.html
index 9bf3bd4b7..accc47f19 100644
--- a/src/pages/_includes/ui/illustration.html
+++ b/src/pages/_includes/ui/illustration.html
@@ -1,26 +1,17 @@
 {% removeemptylines %}
 {% assign image = include.image | replace: '.svg', '' %}
 {% assign height = include.height | default: 128 %}
-{% assign src-light = "/illustrations/light/" | append: image %}
-{% assign src-dark = "/illustrations/dark/" | append: image %}
+{% assign src = "/free-illustrations/autodark/" | append: image %}
 
-{% assign illustration-light = site.free-illustrations | where: "id", src-light | first %}
-{% assign illustration-dark = site.free-illustrations | where: "id", src-dark | first %}
+{% assign illustration = site.free-illustrations | where: "id", src | first %}
 
-{% assign replace-to-light = '<svg class="img-light' %}
-{% if include.class %}{% assign replace-to-light = replace-to-light | append: ' ' | append: include.class %}{% endif %}
-{% assign replace-to-light = replace-to-light | append: '" ' %}
-{% assign illustration-light = illustration-light | replace: '<svg ', replace-to-light %}
-
-{% assign replace-to-dark = '<svg class="img-dark' %}
-{% if include.class %}{% assign replace-to-dark = replace-to-dark | append: ' ' | append: include.class %}{% endif %}
-{% assign replace-to-dark = replace-to-dark | append: '" ' %}
-{% assign illustration-dark = illustration-dark | replace: '<svg ', replace-to-dark %}
+{% assign replace-to = '<svg class="img' %}
+{% if include.class %}{% assign replace-to = replace-to | append: ' ' | append: include.class %}{% endif %}
+{% assign replace-to = replace-to | append: '" ' %}
+{% assign illustration = illustration | replace: '<svg ', replace-to %}
 
 {% assign replace-to-height = 'height="' | append: height | append: '"' %}
-{% assign illustration-light = illustration-light | replace: 'width="800" height="600"', replace-to-height %}
-{% assign illustration-dark = illustration-dark | replace: 'width="800" height="600"', replace-to-height %}
+{% assign illustration = illustration | replace: 'width="800" height="600"', replace-to-height %}
 
-{{ illustration-light }}
-{{ illustration-dark }}
+{{ illustration }}
 {% endremoveemptylines %}
\ No newline at end of file
diff --git a/src/pages/wizard.html b/src/pages/wizard.html
index 263a5dc2a..8ed7461ec 100644
--- a/src/pages/wizard.html
+++ b/src/pages/wizard.html
@@ -6,7 +6,7 @@ menu: extra.wizard
 
 <div class="card card-md">
 	<div class="card-body text-center py-4 p-sm-5">
-		{% include ui/illustration.html image="boy-girl.svg" height="120" class="mb-n2" %}
+		{% include ui/illustration.html image="boy-girl.svg" height="200" class="mb-n2" %}
 		<h1 class="mt-5">Welcome to Tabler!</h1>
 		<p class="text-secondary">Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again.</p>
 	</div>