OGP向けにインスタンスのバナー画像を提供するように

src/client/app/base.pug

@@ -1,45 +0,0 @@
-block vars
-
-doctype html
-
-!= '\n<!-- Thank you for using Misskey! @syuilo -->\n'
-
-html
-
-	head
-		meta(charset='utf-8')
-		meta(name='application-name' content='Misskey')
-		meta(name='theme-color' content=themeColor)
-		meta(name='referrer' content='origin')
-		meta(property='og:site_name' content='Misskey')
-		link(rel='manifest' href='/manifest.json')
-
-		title
-			block title
-				| Misskey
-
-		block desc
-			meta(name='description' content='A planet of fediverse')
-
-		block meta
-
-		style
-			include ./../../../built/client/assets/init.css
-		script
-			include ./../../../built/client/assets/boot.js
-
-		script
-			include ./../../../built/client/assets/safe.js
-
-		//- FontAwesome style
-		style #{facss}
-
-	body
-		noscript: p
-			| JavaScriptを有効にしてください
-			br
-			| Please turn on your JavaScript
-		div#ini.
-			<svg viewBox="0 0 50 50">
-				<path fill=#{themeColor} d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z" />
-			</svg>

src/client/app/common/views/components/analog-clock.vue

@@ -32,7 +32,7 @@
 
 <script lang="ts">
 import Vue from 'vue';
-import { themeColor } from '../../../config';
+import * as tinycolor from 'tinycolor2';
 
 export default Vue.extend({
 	props: {
@@ -75,7 +75,7 @@ export default Vue.extend({
 			return this.dark ? '#fff' : '#777';
 		},
 		hHandColor(): string {
-			return themeColor;
+			return tinycolor(getComputedStyle(document.documentElement).getPropertyValue('--text')).toHexString();
 		},
 
 		ms(): number {

src/client/app/config.ts

@@ -16,7 +16,6 @@ export const wsUrl = url.replace('http://', 'ws://').replace('https://', 'wss://
 export const lang = window.lang;
 export const langs = _LANGS_;
 export const locale = JSON.parse(localStorage.getItem('locale'));
-export const themeColor = _THEME_COLOR_;
 export const copyright = _COPYRIGHT_;
 export const version = _VERSION_;
 export const clientVersion = _CLIENT_VERSION_;