dr_NightMode

デュラチャ　ボスが来たモードorダークモード
Ask a question, post a review, or report the script.
// ==UserScript==
// @name         dr_NightMode
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  デュラチャ　ボスが来たモードorダークモード
// @author       You
// @match        http://drrrkari.com/*
// @grant        GM_addStyle
// ==/UserScript==

'use strict';

class DrrrkariCom{
	constructor(){
		this.switchUrl();
		console.log('-- nightMode.js --');
	}
	
	switchUrl(){
		let url = location.href;
		switch(url){
			// top page
			case 'http://drrrkari.com/':
			case 'http://drrrkari.com/#':
			case 'http://160.16.61.87/':
			case 'http://160.16.61.87/#':
				const sitetop = new Sitetop();
				break;
			// room list
			case 'http://drrrkari.com/lounge/':
			case 'http://drrrkari.com/lounge/#':
			case 'http://160.16.61.87/lounge/':
			case 'http://160.16.61.87/lounge/#':
				console.log(222);
				const lounge = new Lounge();
				break;
			// chat room
			case 'http://drrrkari.com/room/':
			case 'http://drrrkari.com/room/#':
			case 'http://160.16.61.87/room/':
			case 'http://160.16.61.87/room/#':
				const inroom = new Inroom();
				break;
			// お絵描きモード
			case 'http://drrrkari.com/room/?paintmode':
				break;
			
		}
	}
}

class Sitetop{
	constructor(){
		
	}
}

class Lounge{
	constructor(){
		this.nightMode();
	}
	nightMode(){
		GM_addStyle(`
			#lounge{
				background: black;
				color: #ddd;
			}
			.dashed{
				border-top-color: #666;
			}
			/* 入室ボタン */
			.btn-primary{
				background-color: black;
			}
			/* ノックボタン */
			.btn-warning{
				background-color: black;
			}
		`);
		
		document.querySelector('#profile').style.right = '-70px';
		/*
		var s = document.querySelector('#lounge').style;
		s.background = 'black';
		s.color = 'white';

		var btnLogins = document.querySelectorAll('.login button');
		for(let btnLogin of btnLogins){
			btnLogin.style.background = 'black';
		}
		*/
	}
	
}

class Inroom{
	constructor(){
		this.nightMode();
	}
	nightMode(){
		GM_addStyle(`
		
			body{
				background: gray;
				/* font-size: 9px; */
			}
			
			/* 発言者アイコン
				元のCSSは http://drrrkari.com/css/style.css?2017091702
				発言者アイコン消すだけなら、書き換え不要。
			 */
			dl.setton dt {
				background: transparent url('icon_setton.png') no-repeat center top;
				background: black;
			}
			dl.muff dt {
				background: transparent url('icon_muff.png') no-repeat center top;
				background: black;
			}
			
			dl.setton  p.body, dl.muff  p.body, dl.neko2 p.body, dl.bm  p.body {
				background: transparent url('gray.png') repeat-x left center;
			}
			
			dl.tanaka dt {
				background: transparent url('icon_tanaka.png') no-repeat center top;
				background: skyblue;
			}
			
			dl.tanaka p.body {
				background: transparent url('blue.png') repeat-x left center;
			}

			dl.numakuro dt {
				background: transparent url('icon_numakuro.png') no-repeat center top;
				background: royalblue;
			}

			dl.numakuro p.body{
				background: transparent url('blue.png') repeat-x left center;
			}

			
			dl.kanra dt {
				background: #ddd;
			}
			
			dl.kanra p.body {
				background: transparent url('orange.png') repeat-x left center;
			}
			
			dl.zaika dt {
				background: transparent url('icon_zaika.png') no-repeat center top;
				background: maroon;
			}
			dl.bear dt {
				background: transparent url('icon_bear.png') no-repeat center top;
				background: peru;
			}
			dl.santa dt {
				background: transparent url('icon_santa.png') no-repeat center top;
			}
			
			dl.zawa p.body {
				background: transparent url('green.png') repeat-x left center;
			}
			
			dl.zawa dt {
				background: transparent url('icon_zawa.png') no-repeat center top;
				background: seagreen;
			}
			
			dl.zaika p.body {
				background: transparent url('red.png') repeat-x left center;
			}

			dl.bear p.body, dl.santa p.body {
				background: transparent url('bb.png') repeat-x left center;
			}

			dl.bm dt {
				background: transparent url('icon_bm.png') no-repeat center top;
				background: slategray;
			}

			
			dl.gg dt {
				background: transparent url('icon_gg.png') no-repeat center top;
				background: mediumorchid;
			}
			dl.rab dt {
				background: transparent url('icon_rab.png') no-repeat center top;
				background: mediumvioletred;
			}
			
			dl.gg p.body, dl.rab p.body {
				background: transparent url('pink.png') repeat-x left center;
			}

			dl.orange dt {
				background: transparent url('icon_orange.png') no-repeat center top;
			}

			dl.orange p.body {
				background: transparent url('orange.png') repeat-x left center;
			}

			
			dl.admin dt {
				background: transparent url('icon_admin.png') no-repeat center top;
			}
			
			dl.admin p.body {
				background: transparent url('orange.png') repeat-x left center;
			}

			dl.purple dt {
				background: transparent url('icon_purple.png') no-repeat center top;
				background: blueviolet;
			}

			dl.purple  p.body, p.body {
				background: transparent url('p.png') repeat-x left center;
			}
			dl.bakyura dt {
				background: transparent url('icon_bakyura.png') no-repeat center top;
			}

			dl.bakyura  p.body{
				background: transparent url('limegreen.png') repeat-x left center;
			}

			dl.twin dt {
				background: transparent url('icon_twin.png') no-repeat center top;
				background: red;
			}

			dl.twin  p.body {
				background: transparent url('red2.png') repeat-x left center;
			}
			dl.usa dt {
				background: transparent url('icon_usa.png') no-repeat center top;
				background: gold;
			}

			dl.usa  p.body {
				background: transparent url('yellow.png') repeat-x left center;
			}

			dl.neko dt {
				background: transparent url('icon_neko.png') no-repeat center top;
				background: coral;
			}
			dl.nyan dt {
				background: transparent url('icon_nyan.png') no-repeat center top;
				background: chocolate;
			}

			dl.muff_nyan dt {
				background: transparent url('icon_muff_nyan.png') no-repeat center top;
				background: chocolate;
			}

			dl.neko p.body, dl.nyan p.body, dl.muff_nyan p.body {
				background: transparent url('yy.png') repeat-x left center;
			}

			dl.zz dt {
				background: transparent url('icon_zz.png') no-repeat center top;
			}

			dl.moza dt {
				background: transparent url('icon_moza.png') no-repeat center top;
				background: steelblue;
			}

			dl.moza p.body {
				background: transparent url('b.png') repeat-x left center;
			}

			dl.kai dt {
				background: transparent url('icon_kai.png') no-repeat center top;
				background: olive;
			}

			dl.kai p.body {
				background: transparent url('k.png') repeat-x left center;
			}
			dl.neko2 dt {
				background: transparent url('icon_neko2.png') no-repeat center top;
				background: dimgray;
			}
			dl.girl dt {
				background: transparent url('icon_girl.png') no-repeat center top;
				background: crimson;
			}
			dl.girl p.body {
				background: transparent url('gi.png') repeat-x left center;
			}
			
			/* ふきだし */
			div.bubble p.body,div.bubble2 p.body {
				float: left;
				clear: left;
				padding: 15px 20px;
				border-radius: 13px;
				border: 4px #858585 solid;
				background: rgba(100,100,100, 0);	/* 背景透過。文字そのまま */
				font: 1em "Meiryo", sans-serif;
				font-size: 10px;
				letter-spacing: 3px;
				color: #ccc;
				position: relative;
			}

		`);
	}
}
const d = new DrrrkariCom();