add light and dark images

 images/comp.png       | Bin 110158 -> 0 bytes
 images/comp_dark.png  | Bin 0 -> 134333 bytes
 images/comp_light.png | Bin 0 -> 145227 bytes
 images/hero.png       | Bin 330813 -> 0 bytes
 images/hero_dark.png  | Bin 0 -> 326283 bytes
 images/hero_light.png | Bin 0 -> 335049 bytes
 scripts/mkcomp        |  24 ++++++++++++++++--------
 scripts/mkhero        |  32 ++++++++++++++++++++++++++------
 8 files changed, 42 insertions(+), 14 deletions(-)

diff --git a/images/comp.png b/images/comp.png
deleted file mode 100644
index defd3c5..0000000
Binary files a/images/comp.png and /dev/null differ
diff --git a/images/comp_dark.png b/images/comp_dark.png
new file mode 100644
index 0000000..4da05ea
Binary files /dev/null and b/images/comp_dark.png differ
diff --git a/images/comp_light.png b/images/comp_light.png
new file mode 100644
index 0000000..c57a178
Binary files /dev/null and b/images/comp_light.png differ
diff --git a/images/hero.png b/images/hero.png
deleted file mode 100644
index 2e3a35a..0000000
Binary files a/images/hero.png and /dev/null differ
diff --git a/images/hero_dark.png b/images/hero_dark.png
new file mode 100644
index 0000000..339f48a
Binary files /dev/null and b/images/hero_dark.png differ
diff --git a/images/hero_light.png b/images/hero_light.png
new file mode 100644
index 0000000..75a8350
Binary files /dev/null and b/images/hero_light.png differ
diff --git a/scripts/mkcomp b/scripts/mkcomp
index 939ee59..363789a 100755
--- a/scripts/mkcomp
+++ b/scripts/mkcomp
@@ -18,28 +18,36 @@ my $fonts = [
   { "pos" => 100, "name" => "Cascadia-Mono-Regular" },
   { "pos" => 200, "name" => "Source-Code-Pro-Regular" },
   { "pos" => 300, "name" => "Dejavu-Sans-Mono" },
-  { "pos" => 400, "name" => "Jetbrains-Mono" },
+  { "pos" => 400, "name" => "JetBrains-Mono-Regular" },
   { "pos" => 500, "name" => "Iosevka" },
   { "pos" => 600, "name" => "Ubuntu-Mono" },
   { "pos" => 700, "name" => "Fira-Mono-Regular" },
   { "pos" => 800, "name" => "Liberation-Mono" },
-  { "pos" => 900, "name" => "Roboto-Mono" }
+  { "pos" => 900, "name" => "Roboto-Mono-Regular" }
 ];
 
 sub f {
-  my ($x, $s) = @_;
+  my ($x, $s, $c, $a) = @_;
   return join(" ",
-    "-pointsize 48",
-    "-fill black",
+    "-pointsize 64",
+    "-fill " . $c . " ",
     (map { "-font \"$_->{name}\" -annotate +$x+$_->{pos} \"$s\"" } $fonts->@*),
-    "-fill crimson -font \"Myna\" -annotate +$x+1020 \"$s\"",
+    "-fill " . $a . " -font \"Myna\" -annotate +@{[$x + 10]}+1000 \"$s\"",
   );
 }
 
 system (join(" ",
     "magick",
-    "-size 2000x1200 xc:#fefefe",
+    "-size 2000x1200 xc:black",
     "-gravity northwest",
-    join (' ', map { f($_->{pos}, $_->{sym}) } $symbols->@*),
+    join (' ', map { f($_->{pos}, $_->{sym}, "white", "cyan") } $symbols->@*),
     $ARGV[0]
 ));
+
+system (join(" ",
+    "magick",
+    "-size 2000x1200 xc:white",
+    "-gravity northwest",
+    join (' ', map { f($_->{pos}, $_->{sym}, "black", "crimson") } $symbols->@*),
+    $ARGV[1]
+));
diff --git a/scripts/mkhero b/scripts/mkhero
index f36d15c..9d2c737 100755
--- a/scripts/mkhero
+++ b/scripts/mkhero
@@ -1,21 +1,41 @@
 #!/usr/bin/perl
 
-my $text = [
+my $dark = [
   {"col" => "yellow",       "pos" => 100,  "string" => 'MYNA'},
   {"col" => "cyan",         "pos" => 300,  "string" => 'Lorem ipsum dolor sit amet'},
   {"col" => "violet",       "pos" => 500,  "string" => '0 1 2 3 4 5 6 7 8 9'},
-  {"col" => "hotpink",      "pos" => 700,  "string" => '[] {} () <> | \\\ ? ! #'},
+  {"col" => "hotpink",      "pos" => 700,  "string" => '[] {} () <> | / \\\\\ ? ! #'},
   {"col" => "cyan",         "pos" => 900,  "string" => '\` \' \" , . ; : ~ ^ _'},
-  {"col" => "springgreen",  "pos" => 1100,  "string" => '+ - = ++ -- += -= == !='},
+  {"col" => "springgreen",  "pos" => 1100, "string" => '+ - = ++ -- += -= == !='},
   {"col" => "aqua",         "pos" => 1300, "string" => '\$s @a \%h &f *x =~'},
   {"col" => "violet",       "pos" => 1500, "string" => ':: -> => <$> >>= ^. \%~'},
   {"col" => "coral",        "pos" => 1700, "string" => '$ £ € ¥ ₹ ₽'},
   {"col" => "limegreen",    "pos" => 1900, "string" => '0 O o | 1 l I | \` \' \" | Z 2'}
 ];
 
+my $light = [
+  {"col" => "deeppink",     "pos" => 100,  "string" => 'MYNA'},
+  {"col" => "royalblue",    "pos" => 300,  "string" => 'Lorem ipsum dolor sit amet'},
+  {"col" => "darkviolet",   "pos" => 500,  "string" => '0 1 2 3 4 5 6 7 8 9'},
+  {"col" => "deeppink",     "pos" => 700,  "string" => '[] {} () <> | / \\\\\ ? ! #'},
+  {"col" => "teal",         "pos" => 900,  "string" => '\` \' \" , . ; : ~ ^ _'},
+  {"col" => "forestgreen",  "pos" => 1100, "string" => '+ - = ++ -- += -= == !='},
+  {"col" => "steelblue",    "pos" => 1300, "string" => '\$s @a \%h &f *x =~'},
+  {"col" => "purple",       "pos" => 1500, "string" => ':: -> => <$> >>= ^. \%~'},
+  {"col" => "crimson",      "pos" => 1700, "string" => '$ £ € ¥ ₹ ₽'},
+  {"col" => "green",        "pos" => 1900, "string" => '0 O o | 1 l I | \` \' \" | Z 2'}
+];
+
 system(join(' ',
   "magick",
-  "-size 2000x2200 xc:\"#1a1a1a\" -gravity north -pointsize 128 -font Myna -strokewidth 1.2",
-  (map { "-fill $_->{col} -stroke $_->{col} -annotate +0+$_->{pos} \"$_->{string}\"" } $text->@*),
+  "-size 2000x2200 xc:black -gravity north -pointsize 128 -font Myna -strokewidth 1.2",
+  (map { "-fill $_->{col} -stroke $_->{col} -annotate +0+$_->{pos} \"$_->{string}\"" } $dark->@*),
   $ARGV[0]
-))
+));
+
+system(join(' ',
+  "magick",
+  "-size 2000x2200 xc:white -gravity north -pointsize 128 -font Myna -strokewidth 1.2",
+  (map { "-fill $_->{col} -stroke $_->{col} -annotate +0+$_->{pos} \"$_->{string}\"" } $light->@*),
+  $ARGV[1]
+));