diff --git a/assets/images/Makefile b/assets/images/Makefile
index 5ddf94c10bfbb7e9e5a66267576d9c08b11ed66e..cddb557b9c5448b48830228f8239f97329d54e78 100644
--- a/assets/images/Makefile
+++ b/assets/images/Makefile
@@ -1,6 +1,30 @@
 RESOLUTION = $(shell pwd)/generate_resolution.sh
 THUMB = $(shell pwd)/generate_thumb.sh
-all: quassel_light@220.png quassel_light@266.png quassel_light@335.png quassel_light@352.png quassel_light@532.png quassel_light@thumb.jpg quassel_dark@220.png quassel_dark@266.png quassel_dark@335.png quassel_dark@352.png quassel_dark@532.png quassel_dark@thumb.jpg solarized_light@220.png solarized_light@266.png solarized_light@335.png solarized_light@352.png solarized_light@532.png solarized_light@thumb.jpg solarized_dark@220.png solarized_dark@266.png solarized_dark@335.png solarized_dark@352.png solarized_dark@532.png solarized_dark@thumb.jpg gruvbox_light@220.png gruvbox_light@266.png gruvbox_light@335.png gruvbox_light@352.png gruvbox_light@532.png gruvbox_light@thumb.jpg gruvbox_dark@220.png gruvbox_dark@266.png gruvbox_dark@335.png gruvbox_dark@352.png gruvbox_dark@532.png gruvbox_dark@thumb.jpg amoled@220.png amoled@266.png amoled@335.png amoled@352.png amoled@532.png amoled@thumb.jpg dracula@220.png dracula@266.png dracula@335.png dracula@352.png dracula@532.png dracula@thumb.jpg phone@220.png phone@300.png phone@400.png phone@520.png phone@640.png phone@800.png phone@1000.png phone@1220.png phone@thumb.png tablet@545.png tablet@640.png tablet@720.png tablet@800.png tablet@880.png tablet@960.png tablet@1090.png tablet@1635.png tablet@2180.png tablet@thumb.png notifications@363.png notifications@474.png notifications@590.png notifications@thumb.jpg desktop@363.png desktop@474.png desktop@590.png desktop@726.png desktop@948.png desktop@1180.png desktop@thumb.jpg
+all: material_light@220.png material_light@266.png material_light@335.png material_light@352.png material_light@532.png material_light@thumb.jpg material_dark@220.png material_dark@266.png material_dark@335.png material_dark@352.png material_dark@532.png material_dark@thumb.jpg quassel_light@220.png quassel_light@266.png quassel_light@335.png quassel_light@352.png quassel_light@532.png quassel_light@thumb.jpg quassel_dark@220.png quassel_dark@266.png quassel_dark@335.png quassel_dark@352.png quassel_dark@532.png quassel_dark@thumb.jpg solarized_light@220.png solarized_light@266.png solarized_light@335.png solarized_light@352.png solarized_light@532.png solarized_light@thumb.jpg solarized_dark@220.png solarized_dark@266.png solarized_dark@335.png solarized_dark@352.png solarized_dark@532.png solarized_dark@thumb.jpg gruvbox_light@220.png gruvbox_light@266.png gruvbox_light@335.png gruvbox_light@352.png gruvbox_light@532.png gruvbox_light@thumb.jpg gruvbox_dark@220.png gruvbox_dark@266.png gruvbox_dark@335.png gruvbox_dark@352.png gruvbox_dark@532.png gruvbox_dark@thumb.jpg amoled@220.png amoled@266.png amoled@335.png amoled@352.png amoled@532.png amoled@thumb.jpg dracula@220.png dracula@266.png dracula@335.png dracula@352.png dracula@532.png dracula@thumb.jpg phone@220.png phone@300.png phone@400.png phone@520.png phone@640.png phone@800.png phone@1000.png phone@1220.png phone@thumb.png tablet@545.png tablet@640.png tablet@720.png tablet@800.png tablet@880.png tablet@960.png tablet@1090.png tablet@1635.png tablet@2180.png tablet@thumb.png notifications@363.png notifications@474.png notifications@590.png notifications@thumb.jpg desktop@363.png desktop@474.png desktop@590.png desktop@726.png desktop@948.png desktop@1180.png desktop@thumb.jpg
+material_light@220.png: material_light.png
+	$(RESOLUTION) material_light 220 85
+material_light@266.png: material_light.png
+	$(RESOLUTION) material_light 266 85
+material_light@335.png: material_light.png
+	$(RESOLUTION) material_light 335 85
+material_light@352.png: material_light.png
+	$(RESOLUTION) material_light 352 85
+material_light@532.png: material_light.png
+	$(RESOLUTION) material_light 532 85
+material_light@thumb.jpg: material_light.png
+	$(THUMB) material_light 16x 50 jpg
+material_dark@220.png: material_dark.png
+	$(RESOLUTION) material_dark 220 85
+material_dark@266.png: material_dark.png
+	$(RESOLUTION) material_dark 266 85
+material_dark@335.png: material_dark.png
+	$(RESOLUTION) material_dark 335 85
+material_dark@352.png: material_dark.png
+	$(RESOLUTION) material_dark 352 85
+material_dark@532.png: material_dark.png
+	$(RESOLUTION) material_dark 532 85
+material_dark@thumb.jpg: material_dark.png
+	$(THUMB) material_dark 16x 50 jpg
 quassel_light@220.png: quassel_light.png
 	$(RESOLUTION) quassel_light 220 85
 quassel_light@266.png: quassel_light.png
diff --git a/assets/images/amoled.png b/assets/images/amoled.png
index 7d54ffc236fc2b73679248f3cbceffae83095b5b..48d7a5cafd0027cf5b1472b4739d7c527c498f96 100644
Binary files a/assets/images/amoled.png and b/assets/images/amoled.png differ
diff --git a/assets/images/amoled@220.png b/assets/images/amoled@220.png
index b89e47e3fb07cd338421a9f30891ef8c66d769c5..fdeee3ccd30dcccad3a724aaa1e710beb3976b27 100644
Binary files a/assets/images/amoled@220.png and b/assets/images/amoled@220.png differ
diff --git a/assets/images/amoled@266.png b/assets/images/amoled@266.png
index 4ffa905f632e4ab4fc7a7593874a115fa0a4734c..056fe54fc8e672862a16c6b20e5af37491b119bb 100644
Binary files a/assets/images/amoled@266.png and b/assets/images/amoled@266.png differ
diff --git a/assets/images/amoled@335.png b/assets/images/amoled@335.png
index 1c0609c7d0d207493b69db9911d87c2edecd0331..d5a167d51d2e0e2123a94f82fb7ad052575e55fc 100644
Binary files a/assets/images/amoled@335.png and b/assets/images/amoled@335.png differ
diff --git a/assets/images/amoled@352.png b/assets/images/amoled@352.png
index e9baa25a6cb526638068f8873415514c0c5ab1d8..653dc95e9b53da9661d511be7cc97c213426fa8c 100644
Binary files a/assets/images/amoled@352.png and b/assets/images/amoled@352.png differ
diff --git a/assets/images/amoled@532.png b/assets/images/amoled@532.png
index 268e034b30109e3b43ce838ac893e5d10ae4044e..e9576c80c9d1f8499a9935903b7c937c25c9a7c8 100644
Binary files a/assets/images/amoled@532.png and b/assets/images/amoled@532.png differ
diff --git a/assets/images/amoled@thumb.jpg b/assets/images/amoled@thumb.jpg
index ef4cd7103d942fa4dd962f1f04f9f451fd54ef74..56f8fdceeeaa4ee6dc5f9f70d6cd210b81b04aa5 100644
Binary files a/assets/images/amoled@thumb.jpg and b/assets/images/amoled@thumb.jpg differ
diff --git a/assets/images/dracula.png b/assets/images/dracula.png
index 795e1c09172a60c859509cd414326e0227a87e37..9f97c6e17d16608f5a98cfe3f3e2680aeaf26ad8 100644
Binary files a/assets/images/dracula.png and b/assets/images/dracula.png differ
diff --git a/assets/images/dracula@220.png b/assets/images/dracula@220.png
index 269daa5275d8b34f3bb516292cc3b75e829fbb3a..6954a0e73713a879b78ae2533c638806910ab398 100644
Binary files a/assets/images/dracula@220.png and b/assets/images/dracula@220.png differ
diff --git a/assets/images/dracula@266.png b/assets/images/dracula@266.png
index fd9bfc6f3cd775a5c42eba9e7b42daaed36333a5..bbbb087a0d3cba7be23945e58af78201f713f8d5 100644
Binary files a/assets/images/dracula@266.png and b/assets/images/dracula@266.png differ
diff --git a/assets/images/dracula@335.png b/assets/images/dracula@335.png
index 30c99dd87965f776145dc9862f8603c4d37ebf48..a856e594fc7359e4fdcc479be71dd1bd6e95628f 100644
Binary files a/assets/images/dracula@335.png and b/assets/images/dracula@335.png differ
diff --git a/assets/images/dracula@352.png b/assets/images/dracula@352.png
index dab6e7b63d521949f34038b46dc5dfadd95132e2..e369d49c2615f5a4f4289a27e230f30726678f76 100644
Binary files a/assets/images/dracula@352.png and b/assets/images/dracula@352.png differ
diff --git a/assets/images/dracula@532.png b/assets/images/dracula@532.png
index db225fd813a973edc8c81dd4889ae8e568cb177c..153df0776c59d3a6c37bad22b47be5f06f02b2fa 100644
Binary files a/assets/images/dracula@532.png and b/assets/images/dracula@532.png differ
diff --git a/assets/images/dracula@thumb.jpg b/assets/images/dracula@thumb.jpg
index 37f40a5a4a66802ccb28dd72b0b3c0fb32c6036f..53c62fdae88e0c596c01326370bf56d6a2b88b90 100644
Binary files a/assets/images/dracula@thumb.jpg and b/assets/images/dracula@thumb.jpg differ
diff --git a/assets/images/generate_makefile.sh b/assets/images/generate_makefile.sh
index 306f6a81715cdb212c87b0dc74211186231065d8..475e9ca831cca0afcfcf483d4f4b8c157d81534d 100755
--- a/assets/images/generate_makefile.sh
+++ b/assets/images/generate_makefile.sh
@@ -59,7 +59,7 @@ RESOLUTION = \$(shell pwd)/generate_resolution.sh
 THUMB = \$(shell pwd)/generate_thumb.sh
 EOF
 # Generate Images
-themes="quassel_light quassel_dark solarized_light solarized_dark gruvbox_light gruvbox_dark amoled dracula"
+themes="material_light material_dark quassel_light quassel_dark solarized_light solarized_dark gruvbox_light gruvbox_dark amoled dracula"
 for image in ${themes}; do
   generate_rule ${image} "220 266 335 352 532" 16x ${QUALITY} ${THUMB_QUALITY_JPG} jpg
 done
diff --git a/assets/images/gruvbox_dark.png b/assets/images/gruvbox_dark.png
index 1eb919d08f96bf4805f75ee18d8e83e71bf190aa..23c898dc03ba8db0b5f3298f770b7bc34ce5e3dc 100644
Binary files a/assets/images/gruvbox_dark.png and b/assets/images/gruvbox_dark.png differ
diff --git a/assets/images/gruvbox_dark@220.png b/assets/images/gruvbox_dark@220.png
index 37a0e53dac70cf4caad5cf28caeec04194acba44..0c458c198095b2e552201c2c3e7fab12db1ad3f9 100644
Binary files a/assets/images/gruvbox_dark@220.png and b/assets/images/gruvbox_dark@220.png differ
diff --git a/assets/images/gruvbox_dark@266.png b/assets/images/gruvbox_dark@266.png
index a252324fabe754ab735efde30be931fa3fc07706..2a4cbbebaffad599448e30f9f861eacee4bb14ec 100644
Binary files a/assets/images/gruvbox_dark@266.png and b/assets/images/gruvbox_dark@266.png differ
diff --git a/assets/images/gruvbox_dark@335.png b/assets/images/gruvbox_dark@335.png
index 1bb3e7604a5a4fe4db326190ce15030266f380b6..c4895a6f707d58de8b1f3f0d97685cc94ebbb09f 100644
Binary files a/assets/images/gruvbox_dark@335.png and b/assets/images/gruvbox_dark@335.png differ
diff --git a/assets/images/gruvbox_dark@352.png b/assets/images/gruvbox_dark@352.png
index 2effd0f9d4041f35c5ba7e2f2688e663f13de817..7b8fb1560bcf4b29608d16a04244d34739320751 100644
Binary files a/assets/images/gruvbox_dark@352.png and b/assets/images/gruvbox_dark@352.png differ
diff --git a/assets/images/gruvbox_dark@532.png b/assets/images/gruvbox_dark@532.png
index c3049310008727045d55304a25aea546651bb9a6..c40688e89b49b881f13bacbb864d3800b67d05c2 100644
Binary files a/assets/images/gruvbox_dark@532.png and b/assets/images/gruvbox_dark@532.png differ
diff --git a/assets/images/gruvbox_dark@thumb.jpg b/assets/images/gruvbox_dark@thumb.jpg
index 615b1c434e79d1976430078a848b5afba3ecf46e..25eb295f4a1d4ea99d01e86471e9a4bef94e6d26 100644
Binary files a/assets/images/gruvbox_dark@thumb.jpg and b/assets/images/gruvbox_dark@thumb.jpg differ
diff --git a/assets/images/gruvbox_light.png b/assets/images/gruvbox_light.png
index 6f75cf814310f2dea169653f48e7aacc0ff34e69..60a07bca91d02c96dc756cbcc82518623e6bd22b 100644
Binary files a/assets/images/gruvbox_light.png and b/assets/images/gruvbox_light.png differ
diff --git a/assets/images/gruvbox_light@220.png b/assets/images/gruvbox_light@220.png
index 005ab4f16d54839a94aa6cb243a32c2f9a2b89c7..6592a7346924ab82a3d334b832cece03a8cf172b 100644
Binary files a/assets/images/gruvbox_light@220.png and b/assets/images/gruvbox_light@220.png differ
diff --git a/assets/images/gruvbox_light@266.png b/assets/images/gruvbox_light@266.png
index ff0b68e494b18c319b39347a37200990d47c08c2..e289acd8309687afd1c221a5741e3644a49b107d 100644
Binary files a/assets/images/gruvbox_light@266.png and b/assets/images/gruvbox_light@266.png differ
diff --git a/assets/images/gruvbox_light@335.png b/assets/images/gruvbox_light@335.png
index c64663250b720588abf83b69798bc740d1c1abf6..5b7c572e5e818c15e4f2a520db4e724d5f0515f3 100644
Binary files a/assets/images/gruvbox_light@335.png and b/assets/images/gruvbox_light@335.png differ
diff --git a/assets/images/gruvbox_light@352.png b/assets/images/gruvbox_light@352.png
index 91ec7dafa7a5e48855c76ec628444666ce8755de..0540f0c786c1cc03e7e66ae4df9a87bba97a7214 100644
Binary files a/assets/images/gruvbox_light@352.png and b/assets/images/gruvbox_light@352.png differ
diff --git a/assets/images/gruvbox_light@532.png b/assets/images/gruvbox_light@532.png
index 12ca9c67e93f1f760d9d8338e0e2d69ac752ffda..26567bda721a56c551f63189ff51c8bda494dc0e 100644
Binary files a/assets/images/gruvbox_light@532.png and b/assets/images/gruvbox_light@532.png differ
diff --git a/assets/images/gruvbox_light@thumb.jpg b/assets/images/gruvbox_light@thumb.jpg
index 1dcbd8adf215d6945f1f7f37780427c71c07c5c8..845c6084073cf7ecb8a2b413340bd0db777130be 100644
Binary files a/assets/images/gruvbox_light@thumb.jpg and b/assets/images/gruvbox_light@thumb.jpg differ
diff --git a/assets/images/material_dark.png b/assets/images/material_dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..b251ab98ce68b55e88f8ad0e676d203b1b6e7af6
Binary files /dev/null and b/assets/images/material_dark.png differ
diff --git a/assets/images/material_dark@220.png b/assets/images/material_dark@220.png
new file mode 100644
index 0000000000000000000000000000000000000000..815cfad3aebc736e607d2594f1a8e5f2e20ec755
Binary files /dev/null and b/assets/images/material_dark@220.png differ
diff --git a/assets/images/material_dark@266.png b/assets/images/material_dark@266.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e8a9b86e61d4e9b5a726dd6506172e4e2cdc9ea
Binary files /dev/null and b/assets/images/material_dark@266.png differ
diff --git a/assets/images/material_dark@335.png b/assets/images/material_dark@335.png
new file mode 100644
index 0000000000000000000000000000000000000000..086180964d47a55fd7d0bae4b806605786fc0c3f
Binary files /dev/null and b/assets/images/material_dark@335.png differ
diff --git a/assets/images/material_dark@352.png b/assets/images/material_dark@352.png
new file mode 100644
index 0000000000000000000000000000000000000000..d296806fcf4bb0feea2543107839802f2f1e6536
Binary files /dev/null and b/assets/images/material_dark@352.png differ
diff --git a/assets/images/material_dark@532.png b/assets/images/material_dark@532.png
new file mode 100644
index 0000000000000000000000000000000000000000..bf31c944627922517378a43ec5b59ba2ea8685e2
Binary files /dev/null and b/assets/images/material_dark@532.png differ
diff --git a/assets/images/material_dark@thumb.jpg b/assets/images/material_dark@thumb.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..04cc79a243c2bef46c5bd68740f41c529124bb6e
Binary files /dev/null and b/assets/images/material_dark@thumb.jpg differ
diff --git a/assets/images/material_light.png b/assets/images/material_light.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3e603ba00b254fc67ee10ca5a6bb68d984865c9
Binary files /dev/null and b/assets/images/material_light.png differ
diff --git a/assets/images/material_light@220.png b/assets/images/material_light@220.png
new file mode 100644
index 0000000000000000000000000000000000000000..15c64a787971eb432d470afd879cae4434d83720
Binary files /dev/null and b/assets/images/material_light@220.png differ
diff --git a/assets/images/material_light@266.png b/assets/images/material_light@266.png
new file mode 100644
index 0000000000000000000000000000000000000000..de740e3ea16e27eff15688de5b174a4114de033b
Binary files /dev/null and b/assets/images/material_light@266.png differ
diff --git a/assets/images/material_light@335.png b/assets/images/material_light@335.png
new file mode 100644
index 0000000000000000000000000000000000000000..68daac76bb5dc351873be827b809d0358412f660
Binary files /dev/null and b/assets/images/material_light@335.png differ
diff --git a/assets/images/material_light@352.png b/assets/images/material_light@352.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4fdf667bc30ca3ea844a90cab37d148512293d6
Binary files /dev/null and b/assets/images/material_light@352.png differ
diff --git a/assets/images/material_light@532.png b/assets/images/material_light@532.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c1174a33b1966ea5d5837f35f7fc522c81cef81
Binary files /dev/null and b/assets/images/material_light@532.png differ
diff --git a/assets/images/material_light@thumb.jpg b/assets/images/material_light@thumb.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..3e1c642f94218190b105d0092ea085c524e1213f
Binary files /dev/null and b/assets/images/material_light@thumb.jpg differ
diff --git a/assets/images/phone.png b/assets/images/phone.png
index 3539222e01789618ec2c94e385d7ec47179c91fe..a7a537f9122f22b33d80b32cc26848555fd13055 100644
Binary files a/assets/images/phone.png and b/assets/images/phone.png differ
diff --git a/assets/images/phone@1000.png b/assets/images/phone@1000.png
index 7f101f0739c6385003d682948709771afa167fdd..3a9e216b6eb06994ace99a1c30e9a06622c4a9b9 100644
Binary files a/assets/images/phone@1000.png and b/assets/images/phone@1000.png differ
diff --git a/assets/images/phone@1220.png b/assets/images/phone@1220.png
index 6fbe996c0969a438b2d74bc1a2423b46d07e5084..ca5cc60884e70b0bd6963a2e1e5a8ac45b1b406b 100644
Binary files a/assets/images/phone@1220.png and b/assets/images/phone@1220.png differ
diff --git a/assets/images/phone@220.png b/assets/images/phone@220.png
index 371eeac29f2f966e14d5692283458eda2c741697..5422ec863e8a2805509a585d1b54ede075fb6c4c 100644
Binary files a/assets/images/phone@220.png and b/assets/images/phone@220.png differ
diff --git a/assets/images/phone@300.png b/assets/images/phone@300.png
index 2383fa13cb828ef4ad7e35607150031ec70f9de0..8654740bebefa1502dbc3c129478b873e1f84751 100644
Binary files a/assets/images/phone@300.png and b/assets/images/phone@300.png differ
diff --git a/assets/images/phone@400.png b/assets/images/phone@400.png
index c10eda618a34ca99f4739f76975fd9c909439406..822fd5468ae9ac7e78bc5dcf7d81613a4491160a 100644
Binary files a/assets/images/phone@400.png and b/assets/images/phone@400.png differ
diff --git a/assets/images/phone@520.png b/assets/images/phone@520.png
index 1bea45dd6e91642f276048c3ada7f9d3325338bc..552c458232ef87ab82b1238fdc3a68465f7c5a6b 100644
Binary files a/assets/images/phone@520.png and b/assets/images/phone@520.png differ
diff --git a/assets/images/phone@640.png b/assets/images/phone@640.png
index a58ec9607e6930c0bb2ed73e40b44cf8c86490d1..35a81bfd6ee4f3a2f2a11b707df6cdfb0da1f7ee 100644
Binary files a/assets/images/phone@640.png and b/assets/images/phone@640.png differ
diff --git a/assets/images/phone@800.png b/assets/images/phone@800.png
index 6a529d1f3402984cf4013c5530ce1fc86f086899..312cd1d4f010c25c31741e7978646cf63d087349 100644
Binary files a/assets/images/phone@800.png and b/assets/images/phone@800.png differ
diff --git a/assets/images/phone@thumb.png b/assets/images/phone@thumb.png
index 3dedc0949399a77d9729f528cf75bcf3032c5bac..c330fdc19359e7101368cbf84ace28774bf75129 100644
Binary files a/assets/images/phone@thumb.png and b/assets/images/phone@thumb.png differ
diff --git a/assets/images/quassel_dark.png b/assets/images/quassel_dark.png
index 8f6a5ae9044773e2bbad966214fd48d11530a19d..70a0f00056a500f5cad5fa96af7aa0392f0d50b7 100644
Binary files a/assets/images/quassel_dark.png and b/assets/images/quassel_dark.png differ
diff --git a/assets/images/quassel_dark@220.png b/assets/images/quassel_dark@220.png
index 019fa5dce118881d0dec89f464339fa23d86ae2d..33a460ebf1665aab293cbbb997d45508e79f2b35 100644
Binary files a/assets/images/quassel_dark@220.png and b/assets/images/quassel_dark@220.png differ
diff --git a/assets/images/quassel_dark@266.png b/assets/images/quassel_dark@266.png
index 5752dbc42cd938646985f548e90ef12741d98559..1e65434e45589b42020b745d6d87019160b02fde 100644
Binary files a/assets/images/quassel_dark@266.png and b/assets/images/quassel_dark@266.png differ
diff --git a/assets/images/quassel_dark@335.png b/assets/images/quassel_dark@335.png
index 42201045bed270cc8e4621c84e4eb7e062d3e59e..e0f75d1f0d96e8727e8f9755bbee59686cdcd4ad 100644
Binary files a/assets/images/quassel_dark@335.png and b/assets/images/quassel_dark@335.png differ
diff --git a/assets/images/quassel_dark@352.png b/assets/images/quassel_dark@352.png
index 70bd14c01d8ce3e60dce9fa95e9a2e695ffc88ce..3cdde7687c6f9c4a721b4df513f9a379c8a278ca 100644
Binary files a/assets/images/quassel_dark@352.png and b/assets/images/quassel_dark@352.png differ
diff --git a/assets/images/quassel_dark@532.png b/assets/images/quassel_dark@532.png
index cf700d9dcf137b9ef86621e8ab9be7afb0d49438..2eeeac250bdedfce23e47db7b3e7fc3231e5270d 100644
Binary files a/assets/images/quassel_dark@532.png and b/assets/images/quassel_dark@532.png differ
diff --git a/assets/images/quassel_dark@thumb.jpg b/assets/images/quassel_dark@thumb.jpg
index 4f09b7f8c63d4342ef16119bf3213bd72c3019b5..5147789077e3d61cd17b693551229476ddc80394 100644
Binary files a/assets/images/quassel_dark@thumb.jpg and b/assets/images/quassel_dark@thumb.jpg differ
diff --git a/assets/images/quassel_light.png b/assets/images/quassel_light.png
index 442d98079da36f7010c60c8b28e74dc9da663861..271ffbc8edaeb5be60a16801ba4998444b5a0599 100644
Binary files a/assets/images/quassel_light.png and b/assets/images/quassel_light.png differ
diff --git a/assets/images/quassel_light@220.png b/assets/images/quassel_light@220.png
index 0786a2e236afbb68d43d531017c96920cba8bb81..fcd51e454805755163c543d5f03d00f4bd254e0a 100644
Binary files a/assets/images/quassel_light@220.png and b/assets/images/quassel_light@220.png differ
diff --git a/assets/images/quassel_light@266.png b/assets/images/quassel_light@266.png
index d75e22e5124a213fb9f4e2f6c3699ff96b925162..24a21b9f727efc907a3856c6caba34a2d19a27cb 100644
Binary files a/assets/images/quassel_light@266.png and b/assets/images/quassel_light@266.png differ
diff --git a/assets/images/quassel_light@335.png b/assets/images/quassel_light@335.png
index 2ec27028871f181c9e355081833e242a97b40a29..bf876d77433b73deeae08cb3090c0080964be855 100644
Binary files a/assets/images/quassel_light@335.png and b/assets/images/quassel_light@335.png differ
diff --git a/assets/images/quassel_light@352.png b/assets/images/quassel_light@352.png
index 5bcedc62e05386d333d812f60a7cd398b580e05e..4566a7ab1ed7e59f0a196397e3a7c2d7a85af6fe 100644
Binary files a/assets/images/quassel_light@352.png and b/assets/images/quassel_light@352.png differ
diff --git a/assets/images/quassel_light@532.png b/assets/images/quassel_light@532.png
index 848532ea90f94dc8fc3ec7c5512e57488d12d859..ef41dee3678045c0378aefe3e9da5f5711f37d10 100644
Binary files a/assets/images/quassel_light@532.png and b/assets/images/quassel_light@532.png differ
diff --git a/assets/images/quassel_light@thumb.jpg b/assets/images/quassel_light@thumb.jpg
index 8c7b77f7da9cd339d99c772058bfec03c0628142..0fb1f743c188f9ea637c59c80d73853bbdd767e3 100644
Binary files a/assets/images/quassel_light@thumb.jpg and b/assets/images/quassel_light@thumb.jpg differ
diff --git a/assets/images/solarized_dark.png b/assets/images/solarized_dark.png
index 1efb9187849fd002192ccb9df6f21aa7e33184a4..ca0ee98819810471bb5bcc832d01c10adf786439 100644
Binary files a/assets/images/solarized_dark.png and b/assets/images/solarized_dark.png differ
diff --git a/assets/images/solarized_dark@220.png b/assets/images/solarized_dark@220.png
index d2abe466fff86b3a2777e6aa8b3a910c16009fe0..d4a80fa74ce8ab5a7ba698a6c02c5f4089c2c056 100644
Binary files a/assets/images/solarized_dark@220.png and b/assets/images/solarized_dark@220.png differ
diff --git a/assets/images/solarized_dark@266.png b/assets/images/solarized_dark@266.png
index 131b930dd6687d21fbea0db6e585062a8ea9d461..e98bc3629c855e318830cc81c625095836449b8d 100644
Binary files a/assets/images/solarized_dark@266.png and b/assets/images/solarized_dark@266.png differ
diff --git a/assets/images/solarized_dark@335.png b/assets/images/solarized_dark@335.png
index 58f1e01ceb5a4a40e587c28e2c4d43323c416ddc..555d6936637ec5f867280055f021341e713af3ab 100644
Binary files a/assets/images/solarized_dark@335.png and b/assets/images/solarized_dark@335.png differ
diff --git a/assets/images/solarized_dark@352.png b/assets/images/solarized_dark@352.png
index 0c951ba0e6ca48472d28adff3e9c8193721f8e8a..a9a94b6b9cb12c697dbeee5aeb6663684b11ad93 100644
Binary files a/assets/images/solarized_dark@352.png and b/assets/images/solarized_dark@352.png differ
diff --git a/assets/images/solarized_dark@532.png b/assets/images/solarized_dark@532.png
index 8b6da16a3a053e2626be7b171cca150b601ad2a5..4ab2071ac518508f3c64f8b3d6cfd2ff0e30b316 100644
Binary files a/assets/images/solarized_dark@532.png and b/assets/images/solarized_dark@532.png differ
diff --git a/assets/images/solarized_dark@thumb.jpg b/assets/images/solarized_dark@thumb.jpg
index 3aa4857348c523dde8acbce15e0eca1a2e642d75..02729e509b49490d389408fb5f8736e0f9f98e7f 100644
Binary files a/assets/images/solarized_dark@thumb.jpg and b/assets/images/solarized_dark@thumb.jpg differ
diff --git a/assets/images/solarized_light.png b/assets/images/solarized_light.png
index 8ea159101e327eb6e907905cb37cd2e88a5bac54..d1d692ff7bc833a38f01c4f7acab6907f138ee3e 100644
Binary files a/assets/images/solarized_light.png and b/assets/images/solarized_light.png differ
diff --git a/assets/images/solarized_light@220.png b/assets/images/solarized_light@220.png
index 3bfdda268a7b456370499e4fb9f5959bef082ed7..27c015ec127dcff073c88bc9f81226bfc34781c9 100644
Binary files a/assets/images/solarized_light@220.png and b/assets/images/solarized_light@220.png differ
diff --git a/assets/images/solarized_light@266.png b/assets/images/solarized_light@266.png
index d06295cd3b181fa2bd90caf9ec2337603fd1d125..672b73c3c0dd7a5cf29185b1cf6d898524db2487 100644
Binary files a/assets/images/solarized_light@266.png and b/assets/images/solarized_light@266.png differ
diff --git a/assets/images/solarized_light@335.png b/assets/images/solarized_light@335.png
index 6f5bca81011a70397d28a6ebb010b6d678a64453..c6054d05710152efae0c2984d5de688c6c0691ec 100644
Binary files a/assets/images/solarized_light@335.png and b/assets/images/solarized_light@335.png differ
diff --git a/assets/images/solarized_light@352.png b/assets/images/solarized_light@352.png
index ee91cc565c93930287b3e150cf92737496d34c39..e9200c9779d10b62b407d707f5d276ed9c796ff2 100644
Binary files a/assets/images/solarized_light@352.png and b/assets/images/solarized_light@352.png differ
diff --git a/assets/images/solarized_light@532.png b/assets/images/solarized_light@532.png
index c53b38c7b4994941be7c75efb5183a17b4e4cc90..e9b8fd185860106fd627133cea4dc5f5217ec40f 100644
Binary files a/assets/images/solarized_light@532.png and b/assets/images/solarized_light@532.png differ
diff --git a/assets/images/solarized_light@thumb.jpg b/assets/images/solarized_light@thumb.jpg
index fa6cf3b96a519fe321d79e6d4d8c0ac944471168..66cf756c6712f9bafb69365ebd8e63c3e74d0b73 100644
Binary files a/assets/images/solarized_light@thumb.jpg and b/assets/images/solarized_light@thumb.jpg differ
diff --git a/assets/images/tablet.png b/assets/images/tablet.png
index 1e8bdc81de1be27c07b1c2d6490110458c958a8a..b3bb9455fbeaf18e5e4ab18beac501705daaec51 100644
Binary files a/assets/images/tablet.png and b/assets/images/tablet.png differ
diff --git a/assets/images/tablet@1090.png b/assets/images/tablet@1090.png
index 771ac590ad26c5169f00d9eceaab3f9f6f61b94b..2041f4a5e9c0b486db5e2ae4ecfd7f61f03f31a7 100644
Binary files a/assets/images/tablet@1090.png and b/assets/images/tablet@1090.png differ
diff --git a/assets/images/tablet@1635.png b/assets/images/tablet@1635.png
index 8c17e12d5bf79e68dc6d124616abc2225e561e68..9a1247a42facacdd58b848d01940ca3978a98891 100644
Binary files a/assets/images/tablet@1635.png and b/assets/images/tablet@1635.png differ
diff --git a/assets/images/tablet@2180.png b/assets/images/tablet@2180.png
index 56930be650997b78954f4e133004ab45b3551323..37807fbeacb93db275f9050f488a5160f9043810 100644
Binary files a/assets/images/tablet@2180.png and b/assets/images/tablet@2180.png differ
diff --git a/assets/images/tablet@545.png b/assets/images/tablet@545.png
index 5de072ff26c157a993b18c2ee61e4a464b1f05ce..512b4f1dfe75975e44d383394908a98a7141c9ab 100644
Binary files a/assets/images/tablet@545.png and b/assets/images/tablet@545.png differ
diff --git a/assets/images/tablet@640.png b/assets/images/tablet@640.png
index ab21365c8076d84c8f70623e8fc6ce08e0f31494..0b3c03953cd94dcada1cd3469ea686017eae34cc 100644
Binary files a/assets/images/tablet@640.png and b/assets/images/tablet@640.png differ
diff --git a/assets/images/tablet@720.png b/assets/images/tablet@720.png
index 3dfcb32528e5c5d26b7fb92e121432a26d3b2d17..8b050b4f02094773b5a14b1b736f435ce5c63466 100644
Binary files a/assets/images/tablet@720.png and b/assets/images/tablet@720.png differ
diff --git a/assets/images/tablet@800.png b/assets/images/tablet@800.png
index e9af1548e22e327bd28d2f2f3f0bc7dceeed67f0..46a9d230fa3f3bbdee930e5c22be398060d42aa0 100644
Binary files a/assets/images/tablet@800.png and b/assets/images/tablet@800.png differ
diff --git a/assets/images/tablet@880.png b/assets/images/tablet@880.png
index 2c5404da5da0b739550f84013299740306f7da96..fa9aab6801aa598d5206b655ddef73526bd6861c 100644
Binary files a/assets/images/tablet@880.png and b/assets/images/tablet@880.png differ
diff --git a/assets/images/tablet@960.png b/assets/images/tablet@960.png
index ea272d3347d6399149792d91a6cefea47ca6e8aa..25584f91e9729a0410258c0e4b0c589c6802d256 100644
Binary files a/assets/images/tablet@960.png and b/assets/images/tablet@960.png differ
diff --git a/index.html b/index.html
index 1813f747b0197965db271624cc9be8f65d12e8ea..f82f8d47cea43ba2966912ae198e130e8984f2d4 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@ runtime.</p></div><div class="nine wide column"><div class="ui one doubling card
 little bit of the UI to your liking, you can truly
 customize QuasselDroid however you’d like.</p><p>Special themes for every situation – be it AMOLED displays
 or holidays – are available, and improve your battery life
-or just look fancy.</p></div><div class="nine wide column"></div></div><div class="ui divider"></div><div class="row centered"><div class="wide column"><div class="ui four doubling cards"><a class="card" href="/assets/images/quassel_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/quassel_light@thumb.jpg);"><noscript><img src="/assets/images/quassel_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/quassel_light@220.png 220w, /assets/images/quassel_light@266.png 266w, /assets/images/quassel_light@335.png 335w, /assets/images/quassel_light@352.png 352w, /assets/images/quassel_light@532.png 532w"/></noscript><img data-src="/assets/images/quassel_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/quassel_light@220.png 220w, /assets/images/quassel_light@266.png 266w, /assets/images/quassel_light@335.png 335w, /assets/images/quassel_light@352.png 352w, /assets/images/quassel_light@532.png 532w"/></div></div></div><div class="content"><div class="extra">Quassel Light</div></div></a><a class="card" href="/assets/images/quassel_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/quassel_dark@thumb.jpg);"><noscript><img src="/assets/images/quassel_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/quassel_dark@220.png 220w, /assets/images/quassel_dark@266.png 266w, /assets/images/quassel_dark@335.png 335w, /assets/images/quassel_dark@352.png 352w, /assets/images/quassel_dark@532.png 532w"/></noscript><img data-src="/assets/images/quassel_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/quassel_dark@220.png 220w, /assets/images/quassel_dark@266.png 266w, /assets/images/quassel_dark@335.png 335w, /assets/images/quassel_dark@352.png 352w, /assets/images/quassel_dark@532.png 532w"/></div></div></div><div class="content"><div class="extra">Quassel Dark</div></div></a><a class="card" href="/assets/images/solarized_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/solarized_light@thumb.jpg);"><noscript><img src="/assets/images/solarized_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/solarized_light@220.png 220w, /assets/images/solarized_light@266.png 266w, /assets/images/solarized_light@335.png 335w, /assets/images/solarized_light@352.png 352w, /assets/images/solarized_light@532.png 532w"/></noscript><img data-src="/assets/images/solarized_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/solarized_light@220.png 220w, /assets/images/solarized_light@266.png 266w, /assets/images/solarized_light@335.png 335w, /assets/images/solarized_light@352.png 352w, /assets/images/solarized_light@532.png 532w"/></div></div></div><div class="content"><div class="extra">Solarized Light</div></div></a><a class="card" href="/assets/images/solarized_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/solarized_dark@thumb.jpg);"><noscript><img src="/assets/images/solarized_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/solarized_dark@220.png 220w, /assets/images/solarized_dark@266.png 266w, /assets/images/solarized_dark@335.png 335w, /assets/images/solarized_dark@352.png 352w, /assets/images/solarized_dark@532.png 532w"/></noscript><img data-src="/assets/images/solarized_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/solarized_dark@220.png 220w, /assets/images/solarized_dark@266.png 266w, /assets/images/solarized_dark@335.png 335w, /assets/images/solarized_dark@352.png 352w, /assets/images/solarized_dark@532.png 532w"/></div></div></div><div class="content"><div class="extra">Solarized Dark</div></div></a><a class="card" href="/assets/images/gruvbox_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/gruvbox_light@thumb.jpg);"><noscript><img src="/assets/images/gruvbox_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/gruvbox_light@220.png 220w, /assets/images/gruvbox_light@266.png 266w, /assets/images/gruvbox_light@335.png 335w, /assets/images/gruvbox_light@352.png 352w, /assets/images/gruvbox_light@532.png 532w"/></noscript><img data-src="/assets/images/gruvbox_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/gruvbox_light@220.png 220w, /assets/images/gruvbox_light@266.png 266w, /assets/images/gruvbox_light@335.png 335w, /assets/images/gruvbox_light@352.png 352w, /assets/images/gruvbox_light@532.png 532w"/></div></div></div><div class="content"><div class="extra">Gruvbox Light</div></div></a><a class="card" href="/assets/images/gruvbox_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/gruvbox_dark@thumb.jpg);"><noscript><img src="/assets/images/gruvbox_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/gruvbox_dark@220.png 220w, /assets/images/gruvbox_dark@266.png 266w, /assets/images/gruvbox_dark@335.png 335w, /assets/images/gruvbox_dark@352.png 352w, /assets/images/gruvbox_dark@532.png 532w"/></noscript><img data-src="/assets/images/gruvbox_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/gruvbox_dark@220.png 220w, /assets/images/gruvbox_dark@266.png 266w, /assets/images/gruvbox_dark@335.png 335w, /assets/images/gruvbox_dark@352.png 352w, /assets/images/gruvbox_dark@532.png 532w"/></div></div></div><div class="content"><div class="extra">Gruvbox Dark</div></div></a><a class="card" href="/assets/images/amoled.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/amoled@thumb.jpg);"><noscript><img src="/assets/images/amoled@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/amoled@220.png 220w, /assets/images/amoled@266.png 266w, /assets/images/amoled@335.png 335w, /assets/images/amoled@352.png 352w, /assets/images/amoled@532.png 532w"/></noscript><img data-src="/assets/images/amoled@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/amoled@220.png 220w, /assets/images/amoled@266.png 266w, /assets/images/amoled@335.png 335w, /assets/images/amoled@352.png 352w, /assets/images/amoled@532.png 532w"/></div></div></div><div class="content"><div class="extra">AMOLED</div></div></a><a class="card" href="/assets/images/dracula.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/dracula@thumb.jpg);"><noscript><img src="/assets/images/dracula@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/dracula@220.png 220w, /assets/images/dracula@266.png 266w, /assets/images/dracula@335.png 335w, /assets/images/dracula@352.png 352w, /assets/images/dracula@532.png 532w"/></noscript><img data-src="/assets/images/dracula@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/dracula@220.png 220w, /assets/images/dracula@266.png 266w, /assets/images/dracula@335.png 335w, /assets/images/dracula@352.png 352w, /assets/images/dracula@532.png 532w"/></div></div></div><div class="content"><div class="extra">Dracula</div></div></a></div></div></div></div></div></div><div class="ui black inverted vertical footer segment"><div class="ui center aligned container"><div class="ui stackable inverted grid"><div class="three wide column"><h4 class="ui inverted header">Community</h4><div class="ui inverted link list"><a class="item" href="https://www.transifex.com/quasseldroid/quasseldroid/">Help Translate</a><a class="item" href="https://github.com/sandsmark/quasseldroid/issues/">Submit an Issue</a><a class="item" href="irc://chat.freenode.org/#quasseldroid">Join our Chat</a><a class="item" href="/docs/">Documentation</a><a class="item" href="/privacy-policy/">Privacy Policy</a></div></div><div class="three wide column"><h4 class="ui inverted header">Discover More</h4><div class="ui inverted link list"><a class="item" href="https://quassel-irc.org/">Quassel</a><a class="item" href="https://github.com/magne4000/quassel-webserver/">quassel-webserver</a><a class="item" href="https://github.com/phhusson/quassel-irssi">quassel-irssi</a><a class="item" href="https://woboq.com/iquassel.html">iQuassel</a><a class="item" href="http://github.com/justjanne/quassel-rest-search">Quassel-Rest-Search</a></div></div></div><div class="ui inverted section divider"></div><img class="ui centered mini image" src="/assets/images/icon.svg"><div class="ui horizontal inverted small divided link list"><a class="item" href="https://github.com/sandsmark/QuasselDroid">Free &amp; Open Source
+or just look fancy.</p></div><div class="nine wide column"></div></div><div class="ui divider"></div><div class="row centered"><div class="wide column"><div class="ui four doubling cards"><a class="card" href="/assets/images/material_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/material_light@thumb.jpg);"><noscript><img src="/assets/images/material_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/material_light@220.png 220w, /assets/images/material_light@266.png 266w, /assets/images/material_light@335.png 335w, /assets/images/material_light@352.png 352w, /assets/images/material_light@532.png 532w"/></noscript><img data-src="/assets/images/material_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/material_light@220.png 220w, /assets/images/material_light@266.png 266w, /assets/images/material_light@335.png 335w, /assets/images/material_light@352.png 352w, /assets/images/material_light@532.png 532w"/></div></div></div><div class="content"><div class="extra">Material Light</div></div></a><a class="card" href="/assets/images/material_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/material_dark@thumb.jpg);"><noscript><img src="/assets/images/material_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/material_dark@220.png 220w, /assets/images/material_dark@266.png 266w, /assets/images/material_dark@335.png 335w, /assets/images/material_dark@352.png 352w, /assets/images/material_dark@532.png 532w"/></noscript><img data-src="/assets/images/material_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/material_dark@220.png 220w, /assets/images/material_dark@266.png 266w, /assets/images/material_dark@335.png 335w, /assets/images/material_dark@352.png 352w, /assets/images/material_dark@532.png 532w"/></div></div></div><div class="content"><div class="extra">Material Dark</div></div></a><a class="card" href="/assets/images/quassel_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/quassel_light@thumb.jpg);"><noscript><img src="/assets/images/quassel_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/quassel_light@220.png 220w, /assets/images/quassel_light@266.png 266w, /assets/images/quassel_light@335.png 335w, /assets/images/quassel_light@352.png 352w, /assets/images/quassel_light@532.png 532w"/></noscript><img data-src="/assets/images/quassel_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/quassel_light@220.png 220w, /assets/images/quassel_light@266.png 266w, /assets/images/quassel_light@335.png 335w, /assets/images/quassel_light@352.png 352w, /assets/images/quassel_light@532.png 532w"/></div></div></div><div class="content"><div class="extra">Quassel Light</div></div></a><a class="card" href="/assets/images/quassel_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/quassel_dark@thumb.jpg);"><noscript><img src="/assets/images/quassel_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/quassel_dark@220.png 220w, /assets/images/quassel_dark@266.png 266w, /assets/images/quassel_dark@335.png 335w, /assets/images/quassel_dark@352.png 352w, /assets/images/quassel_dark@532.png 532w"/></noscript><img data-src="/assets/images/quassel_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/quassel_dark@220.png 220w, /assets/images/quassel_dark@266.png 266w, /assets/images/quassel_dark@335.png 335w, /assets/images/quassel_dark@352.png 352w, /assets/images/quassel_dark@532.png 532w"/></div></div></div><div class="content"><div class="extra">Quassel Dark</div></div></a><a class="card" href="/assets/images/solarized_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/solarized_light@thumb.jpg);"><noscript><img src="/assets/images/solarized_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/solarized_light@220.png 220w, /assets/images/solarized_light@266.png 266w, /assets/images/solarized_light@335.png 335w, /assets/images/solarized_light@352.png 352w, /assets/images/solarized_light@532.png 532w"/></noscript><img data-src="/assets/images/solarized_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/solarized_light@220.png 220w, /assets/images/solarized_light@266.png 266w, /assets/images/solarized_light@335.png 335w, /assets/images/solarized_light@352.png 352w, /assets/images/solarized_light@532.png 532w"/></div></div></div><div class="content"><div class="extra">Solarized Light</div></div></a><a class="card" href="/assets/images/solarized_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/solarized_dark@thumb.jpg);"><noscript><img src="/assets/images/solarized_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/solarized_dark@220.png 220w, /assets/images/solarized_dark@266.png 266w, /assets/images/solarized_dark@335.png 335w, /assets/images/solarized_dark@352.png 352w, /assets/images/solarized_dark@532.png 532w"/></noscript><img data-src="/assets/images/solarized_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/solarized_dark@220.png 220w, /assets/images/solarized_dark@266.png 266w, /assets/images/solarized_dark@335.png 335w, /assets/images/solarized_dark@352.png 352w, /assets/images/solarized_dark@532.png 532w"/></div></div></div><div class="content"><div class="extra">Solarized Dark</div></div></a><a class="card" href="/assets/images/gruvbox_light.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/gruvbox_light@thumb.jpg);"><noscript><img src="/assets/images/gruvbox_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/gruvbox_light@220.png 220w, /assets/images/gruvbox_light@266.png 266w, /assets/images/gruvbox_light@335.png 335w, /assets/images/gruvbox_light@352.png 352w, /assets/images/gruvbox_light@532.png 532w"/></noscript><img data-src="/assets/images/gruvbox_light@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/gruvbox_light@220.png 220w, /assets/images/gruvbox_light@266.png 266w, /assets/images/gruvbox_light@335.png 335w, /assets/images/gruvbox_light@352.png 352w, /assets/images/gruvbox_light@532.png 532w"/></div></div></div><div class="content"><div class="extra">Gruvbox Light</div></div></a><a class="card" href="/assets/images/gruvbox_dark.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/gruvbox_dark@thumb.jpg);"><noscript><img src="/assets/images/gruvbox_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/gruvbox_dark@220.png 220w, /assets/images/gruvbox_dark@266.png 266w, /assets/images/gruvbox_dark@335.png 335w, /assets/images/gruvbox_dark@352.png 352w, /assets/images/gruvbox_dark@532.png 532w"/></noscript><img data-src="/assets/images/gruvbox_dark@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/gruvbox_dark@220.png 220w, /assets/images/gruvbox_dark@266.png 266w, /assets/images/gruvbox_dark@335.png 335w, /assets/images/gruvbox_dark@352.png 352w, /assets/images/gruvbox_dark@532.png 532w"/></div></div></div><div class="content"><div class="extra">Gruvbox Dark</div></div></a><a class="card" href="/assets/images/amoled.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/amoled@thumb.jpg);"><noscript><img src="/assets/images/amoled@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/amoled@220.png 220w, /assets/images/amoled@266.png 266w, /assets/images/amoled@335.png 335w, /assets/images/amoled@352.png 352w, /assets/images/amoled@532.png 532w"/></noscript><img data-src="/assets/images/amoled@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/amoled@220.png 220w, /assets/images/amoled@266.png 266w, /assets/images/amoled@335.png 335w, /assets/images/amoled@352.png 352w, /assets/images/amoled@532.png 532w"/></div></div></div><div class="content"><div class="extra">AMOLED</div></div></a><a class="card" href="/assets/images/dracula.png"><div class="image"><div class="responsive container"><div class="responsive placeholder" style="padding-bottom: 177.7777777777778%; background-image: url(/assets/images/dracula@thumb.jpg);"><noscript><img src="/assets/images/dracula@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" srcset="/assets/images/dracula@220.png 220w, /assets/images/dracula@266.png 266w, /assets/images/dracula@335.png 335w, /assets/images/dracula@352.png 352w, /assets/images/dracula@532.png 532w"/></noscript><img data-src="/assets/images/dracula@266.png" sizes="(max-width: 767px) calc(50vw - 2em + 1px), (max-width: 991px) 336px, (max-width: 1199px) 221px, 267px" data-srcset="/assets/images/dracula@220.png 220w, /assets/images/dracula@266.png 266w, /assets/images/dracula@335.png 335w, /assets/images/dracula@352.png 352w, /assets/images/dracula@532.png 532w"/></div></div></div><div class="content"><div class="extra">Dracula</div></div></a></div></div></div></div></div></div><div class="ui black inverted vertical footer segment"><div class="ui center aligned container"><div class="ui stackable inverted grid"><div class="three wide column"><h4 class="ui inverted header">Community</h4><div class="ui inverted link list"><a class="item" href="https://www.transifex.com/quasseldroid/quasseldroid/">Help Translate</a><a class="item" href="https://github.com/sandsmark/quasseldroid/issues/">Submit an Issue</a><a class="item" href="irc://chat.freenode.org/#quasseldroid">Join our Chat</a><a class="item" href="/docs/">Documentation</a><a class="item" href="/privacy-policy/">Privacy Policy</a></div></div><div class="three wide column"><h4 class="ui inverted header">Discover More</h4><div class="ui inverted link list"><a class="item" href="https://quassel-irc.org/">Quassel</a><a class="item" href="https://github.com/magne4000/quassel-webserver/">quassel-webserver</a><a class="item" href="https://github.com/phhusson/quassel-irssi">quassel-irssi</a><a class="item" href="https://woboq.com/iquassel.html">iQuassel</a><a class="item" href="http://github.com/justjanne/quassel-rest-search">Quassel-Rest-Search</a></div></div></div><div class="ui inverted section divider"></div><img class="ui centered mini image" src="/assets/images/icon.svg"><div class="ui horizontal inverted small divided link list"><a class="item" href="https://github.com/sandsmark/QuasselDroid">Free &amp; Open Source
 </a></div></div></div></div><script src="/assets/js/intersectionobserver.min.js"></script><script>document.addEventListener("DOMContentLoaded", () => {
   const following_bar = document.querySelector(".following.bar");
   const update_top_bar = function () {
diff --git a/index.pug b/index.pug
index 06df9b630a291658dc15d05e8affc76bdd148f0a..91b46615f5d8b26004e104595307036c1493ee53 100644
--- a/index.pug
+++ b/index.pug
@@ -79,6 +79,8 @@ block content
       .row.centered
         .wide.column
           .ui.four.doubling.cards
+            +theme_card("material_light", "Material Light")
+            +theme_card("material_dark", "Material Dark")
             +theme_card("quassel_light", "Quassel Light")
             +theme_card("quassel_dark", "Quassel Dark")
             +theme_card("solarized_light", "Solarized Light")