diff --git a/index.html b/index.html
index 0217925..52e735c 100644
--- a/index.html
+++ b/index.html
@@ -21,16 +21,16 @@
     <meta property="og:title" content="BezahlBrudi">
     <meta property="og:description" content="Webapp that generates GiroCodes (EPC QR-Code) so that you can easily exchange money with friends and family without involving third party financial services">
     <meta property="og:image" content="https://bezahlbrudi.jetzt/img/icon-512.png">
-    <meta property="og:image:alt" content="Guy in a blue suit and cape presenting a smartphone showing a QR code pointing to the BezahlBrudi webapp">
+    <meta property="og:image:alt" content="Hero with cape">
     <meta name="twitter:title" content="BezahlBrudi">
     <meta name="twitter:description" content="Webapp that generates GiroCodes (EPC QR-Code) so that you can easily exchange money with friends and family without involving third party financial services">
     <meta name="twitter:url" content="https://bezahlbrudi.jetzt/?src=twitter" />
     <meta name="twitter:image:src" content="https://bezahlbrudi.jetzt/img/icon-512.png" />
-    <meta name="twitter:image:alt" content="Guy in a blue suit and cape presenting a smartphone showing a QR code pointing to the BezahlBrudi webapp" />
+    <meta name="twitter:image:alt" content="Hero with cape" />
 
     <!-- icons and color -->
-    <meta name="theme-color" content="#000000">
-    <meta name="theme-scheme" content="dark light">
+    <meta name="theme-color" content="#ffffff">
+    <meta name="theme-scheme" content="light dark">
     <link rel="icon" type="image/png" sizes="96x96" href="/img/favicon-96x96.png">
     <link rel="icon" type="image/svg+xml" sizes="any" href="/img/favicon.svg">
     <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">