#183 🎉

src/config.ts

@@ -79,10 +79,13 @@ interface Mixin {
 	secondary_scheme: string;
 	api_url: string;
 	auth_url: string;
+	about_url: string;
 	dev_url: string;
 	drive_url: string;
 }
 
+export type Config = Source & Mixin;
+
 export default function load() {
 	const config = yaml.safeLoad(fs.readFileSync(path, 'utf-8')) as Source;
 
@@ -104,6 +107,7 @@ export default function load() {
 	mixin.api_url = `${mixin.scheme}://api.${mixin.host}`;
 	mixin.auth_url = `${mixin.scheme}://auth.${mixin.host}`;
 	mixin.dev_url = `${mixin.scheme}://dev.${mixin.host}`;
+	mixin.about_url = `${mixin.scheme}://about.${mixin.host}`;
 	mixin.drive_url = `${mixin.secondary_scheme}://file.${mixin.secondary_host}`;
 
 	return Object.assign(config, mixin);

src/web/app/auth/script.js

@@ -2,6 +2,10 @@
  * Authorize Form
  */
 
+// Style
+//import './style.styl';
+require('./style.styl');
+
 const riot = require('riot');
 document.title = 'Misskey | アプリの連携';
 require('./tags');

src/web/app/base.styl

@@ -1,7 +1,7 @@
 @charset 'utf-8'
 
-$theme-color = convert(themeColor)
-$theme-color-foreground = convert(themeColorForeground)
+$theme-color = #f76d6c
+$theme-color-foreground = #fff
 
 @import './reset'
 

src/web/app/client/script.js

@@ -2,18 +2,9 @@ const head = document.getElementsByTagName('head')[0];
 const ua = navigator.userAgent.toLowerCase();
 const isMobile = /mobile|iphone|ipad|android/.test(ua);
 
-if (isMobile) {
-	mountMobile();
-} else {
-	mountDesktop();
-}
+isMobile ? mountMobile() : mountDesktop();
 
 function mountDesktop() {
-	const style = document.createElement('link');
-	style.setAttribute('href', '/_/resources/desktop/style.css');
-	style.setAttribute('rel', 'stylesheet');
-	head.appendChild(style);
-
 	const script = document.createElement('script');
 	script.setAttribute('src', '/_/resources/desktop/script.js');
 	script.setAttribute('async', 'true');
@@ -27,11 +18,6 @@ function mountMobile() {
 	meta.setAttribute('content', 'width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no');
 	head.appendChild(meta);
 
-	const style = document.createElement('link');
-	style.setAttribute('href', '/_/resources/mobile/style.css');
-	style.setAttribute('rel', 'stylesheet');
-	head.appendChild(style);
-
 	const script = document.createElement('script');
 	script.setAttribute('src', '/_/resources/mobile/script.js');
 	script.setAttribute('async', 'true');

src/web/app/desktop/script.js

@@ -2,6 +2,10 @@
  * Desktop Client
  */
 
+// Style
+//import './style.styl';
+require('./style.styl');
+
 require('chart.js');
 require('./tags');
 const riot = require('riot');

src/web/app/dev/script.js

@@ -2,6 +2,10 @@
  * Developer Center
  */
 
+// Style
+//import './style.styl';
+require('./style.styl');
+
 require('./tags');
 const boot = require('../boot');
 const route = require('./router');

src/web/app/dev/style.styl

@@ -2,9 +2,3 @@
 
 html
 	background-color #fff
-
-#init
-	background #100f0f
-
-	> p
-		color $theme-color

src/web/app/mobile/script.js

@@ -2,6 +2,10 @@
  * Mobile Client
  */
 
+// Style
+//import './style.styl';
+require('./style.styl');
+
 require('./tags');
 const boot = require('../boot');
 const mixins = require('./mixins');