diff --git a/src/ssr-components/Html.jsx b/src/ssr-components/Html.jsx
index 4f7b142..ca8a8b6 100644
--- a/src/ssr-components/Html.jsx
+++ b/src/ssr-components/Html.jsx
@@ -29,6 +29,8 @@ const Html = ({
+
+
{title}
diff --git a/src/ssr-components/Main.jsx b/src/ssr-components/Main.jsx
index c6e89e9..5367042 100644
--- a/src/ssr-components/Main.jsx
+++ b/src/ssr-components/Main.jsx
@@ -73,7 +73,6 @@ function generateMainPage(lang: string): string {
css={css}
// eslint-disable-next-line max-len
code={`window.ssv=JSON.parse('${JSON.stringify(ssvR)}');`}
- useCaptcha
/>,
);
diff --git a/src/store/rendererHook.js b/src/store/rendererHook.js
index ac3b198..28bc172 100644
--- a/src/store/rendererHook.js
+++ b/src/store/rendererHook.js
@@ -3,11 +3,26 @@
*
*/
+/*
+ * set theme-color meta tag that sets the color
+ * of address bars on phones
+ */
+/*
+ * hooks for rendering
+ */
import {
getRenderer,
initRenderer,
} from '../ui/renderer';
+
+function setThemeColorMeta(r, g, b) {
+ const metaThemeColor = document.querySelector('meta[name=theme-color]');
+ if (metaThemeColor) {
+ metaThemeColor.setAttribute('content', `rgb(${r}, ${g}, ${b})`);
+ }
+}
+
export default (store) => (next) => (action) => {
const { type } = action;
@@ -48,7 +63,11 @@ export default (store) => (next) => (action) => {
case 'SELECT_CANVAS':
case 'RECEIVE_ME': {
const renderer = getRenderer();
- const { is3D } = state.canvas;
+ const { is3D, palette } = state.canvas;
+
+ const [r, g, b] = palette.rgb;
+ setThemeColorMeta(r, g, b);
+
if (is3D === renderer.is3D) {
renderer.updateCanvasData(state);
} else {