arras.io | Dark Mode

Reworked interface, dark and with more details
当前为 2024-01-13 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         arras.io | Dark Mode
// @namespace    http://tampermonkey.net/
// @version      2024-01-09
// @description  Reworked interface, dark and with more details
// @author       VinnyR
// @match        https://*arras.io/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==


document.body.style.backgroundColor = 'Black';

document.getElementsByTagName('h1')[0].style.color = 'White';
document.getElementById('startButton').style.color = 'Black';
document.getElementById('startButton').style.backgroundColor = '#8abc3f';
document.getElementsByTagName('table')[0].style.backgroundColor = '#1b1b1b';
document.getElementById('canvas').style.backgroundColor = '#080808';
document.getElementsByClassName('startMenu')[0].style.backgroundColor = '#1b1b1b';

document.getElementById('patchNotes').style.background = '#8abc3f';
document.getElementById('patchNotes').style.borderRadius = '4.2px';
document.getElementById('patchNotes').style.border = '2px solid #8abc3f';
document.getElementById('patchNotes').style.backgroundColor = '#1b1b1b';
document.getElementById('patchNotes').style.color = '#8abc3f';

document.getElementById('optName').style.backgroundColor = '#1b1b1b';
document.getElementById('optName').style.color = '#8abc3f';
document.getElementById('optName').style.borderColor = '#8abc3f';
document.getElementById('optName').style.borderWidth = '2px';

document.getElementsByClassName('serverSelector')[0].style.padding = '0px';
document.getElementsByClassName('serverSelector')[0].style.borderRadius = '5px';
document.getElementsByClassName('serverSelector')[0].style.border = '2px solid #8abc3f';

document.querySelector('.optionsHeader').style.color = '#8abc3f';

document.querySelector('#optColors').style.color = '#8abc3f';
document.querySelector('#optColors').style.borderColor = '#8abc3f';
document.querySelector('#optColors').style.backgroundColor = '#1b1b1b';

document.querySelector('#optCanvas').style.color = '#8abc3f';
document.querySelector('#optCanvas').style.borderColor = '#8abc3f';
document.querySelector('#optCanvas').style.backgroundColor = '#1b1b1b';

document.querySelector('#optNames').style.borderColor = '#8abc3f';
document.querySelector('#optNames').style.color = '#8abc3f';
document.querySelector('#optNames').style.backgroundColor = '#1b1b1b';

document.getElementsByClassName('optionsHeader')[1].style.color = '#8abc3f'
document.getElementsByClassName('optionsHeader')[2].style.color = '#8abc3f'
document.getElementsByClassName('optionsHeader')[3].style.color = '#8abc3f'
document.getElementsByClassName('optionsHeader')[4].style.color = '#8abc3f'
document.getElementsByClassName('optionsHeader')[5].style.color = '#8abc3f'
document.getElementsByClassName('optionsHeader')[6].style.color = '#8abc3f'

document.getElementsByTagName('label')[0].style.color = 'white'
document.getElementsByTagName('label')[1].style.color = 'white'
document.getElementsByTagName('label')[2].style.color = 'white'
document.getElementsByTagName('label')[3].style.color = 'white'
document.getElementsByTagName('label')[4].style.color = 'white'
document.getElementsByTagName('label')[5].style.color = 'white'
document.getElementsByTagName('label')[6].style.color = 'white'
document.getElementsByTagName('label')[7].style.color = 'white'
document.getElementsByTagName('label')[8].style.color = 'white'
document.getElementsByTagName('label')[9].style.color = 'white'
document.getElementsByTagName('label')[10].style.color = 'white'
document.getElementsByTagName('label')[11].style.color = 'white'
document.getElementsByTagName('label')[12].style.color = 'white'
document.getElementsByTagName('label')[13].style.color = 'white'
document.getElementsByTagName('label')[14].style.color = 'white'
document.getElementsByTagName('label')[15].style.color = 'white'
document.getElementsByTagName('label')[16].style.color = 'white'
document.getElementsByTagName('label')[17].style.color = 'white'

document.querySelector('#optBorders').style.color = '#8abc3f';
document.querySelector('#optBorders').style.borderColor = '#8abc3f';
document.querySelector('#optBorders').style.backgroundColor = '#1b1b1b';

document.querySelector('.shadowScroll').style.backgroundColor = '#1b1b1b';
document.querySelector('.shadowScroll').style.background = '#1b1b1b';
欢迎访问Greasy Fork镜像
