diff --git a/favicon.png b/favicon.png
new file mode 100644
index 0000000..d067a2b
Binary files /dev/null and b/favicon.png differ
diff --git a/index.html b/index.html
index 47b9855..41c925c 100644
--- a/index.html
+++ b/index.html
@@ -11,10 +11,20 @@
 
 		gtag('config', 'G-T1DS3R5LFM');
 	</script>
+	<title>Terminal.css | Semantic styles for the simple web</title>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	<meta name="description" content="A custom set of semantic styles derived from Terminal Theme for Hugo you always wanted." />
 	<meta name="author" content="Radek Kozieł (@panr)" />
 	<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
+	<!-- OG data -->
+	<meta property="og:locale" content="en" />
+	<meta property="og:type" content="website" />
+	<meta property="og:title" content="Terminal.css">
+	<meta property="og:description" content="A custom set of semantic styles derived from Terminal Theme for Hugo you always wanted." />
+	<meta property="og:url" content="https://panr.github.io/terminal-css/" />
+	<meta property="og:site_name" content="Terminal.css" />
+	<meta property="og:image" content="./og-image.png">
+	<link rel="shortcut icon" href="./favicon.png"">
 	<title>Terminal.css</title>
 	<link href="./terminal.css" rel="stylesheet" />
 	<style>
@@ -29,7 +39,7 @@
 		}
 		#settings #attrs { display: flex; flex-wrap: wrap; align-items: center; }
 		#settings label { display: inline-flex; align-items: center; }
-		#settings table { width: 100%; max-width: 100%; margin-bottom: 0; }
+		#settings table { width: 100%; max-width: 100%; margin-bottom: 0; table-layout: fixed; }
 		#settings table th, #settings table td { position: relative; }
 		#settings table input:not([type="checkbox"]), #settings table select { width: 100%; border: none; margin: 0; border-radius: 0 !important; }
 		#settings table input:not([type="checkbox"]) { position: absolute; top: 0; left: 0; height: 100%; }
@@ -95,7 +105,7 @@ <h1 id="headline">Terminal.css</h1>
 			<div style="margin: 10px 0 20px; opacity: .6;">
 				Type:<br><strong>Standalone</strong> — includes FireCode font from Google Fonts;<br><strong>Terminal Theme</strong> — is prepared for Terminal Theme.
 			</div>
-			<div id="terminal-info" hidden>
+			<div id="terminal-info" hidden style="margin: 20px 0;">
 				<strong>Terminal Theme</strong>: Remember to put all the downloaded files directly into <strong><code>/static/</code></strong> folder to make it work, like this:<br>
 				- <code>/static/terminal.css</code><br>
 				- <code>/static/favicon.png</code><br>
diff --git a/og-image.png b/og-image.png
new file mode 100644
index 0000000..25a824e
Binary files /dev/null and b/og-image.png differ
diff --git a/script.js b/script.js
index 8376311..6674643 100644
--- a/script.js
+++ b/script.js
@@ -1,8 +1,8 @@
 const root = document.querySelector(":root");
 const defaultValues = {
-  background: "#222129",
-  foreground: "#ffffff",
-  accent: "#ffa86a",
+  background: "#1a170f",
+  foreground: "#eceae5",
+  accent: "#eec35e",
   radius: "0",
 };
 
diff --git a/terminal.css b/terminal.css
index 24f8dc1..0acc318 100644
--- a/terminal.css
+++ b/terminal.css
@@ -1,12 +1,12 @@
 @import url("https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Code:wght@400;700&display=swap");
 
 :root {
-  --background: #222129;
-  --foreground: #ffffff;
-  --accent: #ffa86a;
+  --background: #1a170f;
+  --foreground: #eceae5;
+  --accent: #eec35e;
   --font-size: 1rem;
   --line-height: 1.54rem;
-  --radius: 0;
+  --radius: 0px;
 }
 
 html {
@@ -28,7 +28,7 @@ body {
     "Fira Code",
     Monaco,
     Consolas,
-    Ubuntu Mono,
+     "Ubuntu Mono",
     monospace;
   font-size: 1rem;
   font-weight: 400;