A UserScript for changing the look of the CyberSphere (https://www.cybersphere.net/) web client. Designed for use with Tampermonkey or similar browser extensions.

cybersphere-client-style.js

// ==UserScript==
// @name         CyberSphere Client Reskin
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  make Cybersphere sexy
// @author       You
// @match        https://www.cybersphere.net/cs/Client
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const black = '#282427',
          blackBright = '#969E8D',
          red = '#DC4E42',
          redBright = '#FF4E24',
          green = '#9FB760',
          greenBright = '#8EC65B',
          yellow = '#FF824C',
          yellowBright = '#FF9E37',
          blue = '#609FB7',
          blueBright = '#53B9FD',
          magenta = '#B7609F',
          magentaBright = '#A583ED',
          cyan = '#00C2A6',
          cyanBright = '#37DACD',
          white = '#F8F8F2';

    const backgroundColor = black,
          mainTextColor = white,
          timestampColor = blackBright,
          linkColor = greenBright;

    const fontSize = 12,
          fontFamily = 'Lucida Console,Lucida Sans Typewriter,monaco,Bitstream Vera Sans Mono,monospace';

    const styles = document.createTextNode(`div#client-output-container, input#client-input { background: ${backgroundColor} !important; font-family: ${fontFamily} !important; font-size: ${fontSize}px !important; color: ${mainTextColor} !important; } div.timestamp { color: ${timestampColor} !important } a { color: ${linkColor} !important; } .ansi-black-fg { color: ${black} !important; } .ansi-black-fg.bright { color: ${blackBright} !important; } .ansi-red-fg { color: ${red} !important; } .ansi-red-fg.bright { color: ${redBright} !important; } .ansi-green-fg { color: ${green} !important; } .ansi-green-fg.bright { color: ${greenBright} !important; } .ansi-yellow-fg { color: ${yellow} !important; } .ansi-yellow-fg.bright { color: ${yellowBright} !important; } .ansi-blue-fg { color: ${blue} !important; } .ansi-blue-fg.bright { color: ${blueBright} !important; } .ansi-magenta-fg { color: ${magenta} !important; } .ansi-magenta-fg.bright { color: ${magentaBright} !important; } .ansi-cyan-fg { color: ${cyan} !important; } .ansi-cyan-fg.bright { color: ${cyanBright} !important; } .ansi-white-fg, .ansi-white-fg.bright { color: ${white} !important; }`),
          styleEl = document.createElement('style');

    styleEl.appendChild(styles);
    document.head.appendChild(styleEl);
})();