Greasy Fork is available in English.
Reworked interface, dark and with more details.
当前为
// ==UserScript==
// @name arras.io | Dark Mode
// @namespace http://tampermonkey.net/
// @version 0.3
// @description Reworked interface, dark and with more details.
// @author VinnyR
// @match https://*arras.io/*
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// ==/UserScript==
document.getElementById('startButton').style.borderBottom = '3px solid #62852d';
document.getElementById('startButton').style.textShadow = 'Black 0px 0px 1.3px';
document.getElementsByTagName('h1')[0].style.textShadow = 'White 0px 0px 7px';
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 = '0px';
document.getElementById('patchNotes').style.borderLeft = '3px solid #8abc3f';
document.getElementById('patchNotes').style.backgroundColor = '#1b1b1b';
document.getElementById('patchNotes').style.color = '#8abc3f';
var separ = document.createElement('div');
document.getElementsByClassName('startMenu')[0].appendChild(separ);
separ.style.position = 'relative';
separ.style.left = '-369px';
separ.style.borderLeft = '4px solid #171717';
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.getElementById('optName').style.textShadow = '#81AD41 0px 0px 4px';
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 = '#8abc3f'
document.getElementsByTagName('label')[1].style.color = '#8abc3f'
document.getElementsByTagName('label')[2].style.color = '#8abc3f'
document.getElementsByTagName('label')[3].style.color = '#8abc3f'
document.getElementsByTagName('label')[4].style.color = '#8abc3f'
document.getElementsByTagName('label')[5].style.color = '#8abc3f'
document.getElementsByTagName('label')[6].style.color = '#8abc3f'
document.getElementsByTagName('label')[7].style.color = '#8abc3f'
document.getElementsByTagName('label')[8].style.color = '#8abc3f'
document.getElementsByTagName('label')[9].style.color = '#8abc3f'
document.getElementsByTagName('label')[10].style.color = '#8abc3f'
document.getElementsByTagName('label')[11].style.color = '#8abc3f'
document.getElementsByTagName('label')[12].style.color = '#8abc3f'
document.getElementsByTagName('label')[13].style.color = '#8abc3f'
document.getElementsByTagName('label')[14].style.color = '#8abc3f'
document.getElementsByTagName('label')[15].style.color = '#8abc3f'
document.getElementsByTagName('label')[16].style.color = '#8abc3f'
document.getElementsByTagName('label')[17].style.color = '#8abc3f'
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';
document.getElementsByClassName('checkmark')[0].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[1].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[2].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[3].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[4].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[5].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[6].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[7].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[8].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[9].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[10].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[11].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[12].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[13].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[14].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[15].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[16].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[17].style.backgroundColor = '#1b1b1b';
document.getElementsByClassName('checkmark')[0].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[1].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[2].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[3].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[4].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[5].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[6].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[7].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[8].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[9].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[10].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[11].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[12].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[13].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[14].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[15].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[16].style.borderColor = '#484848';
document.getElementsByClassName('checkmark')[17].style.borderColor = '#484848';