mirror of
https://github.com/SPLURT-Station/S.P.L.U.R.T-Station-13.git
synced 2025-12-10 09:54:52 +00:00
128 lines
4.7 KiB
JavaScript
128 lines
4.7 KiB
JavaScript
/**
|
|
* @file
|
|
* @copyright 2020 Aleksej Komarov
|
|
* @license MIT
|
|
*/
|
|
|
|
export const THEMES = ['light', 'dark', 'default'];
|
|
|
|
const COLOR_DARK_BG = '#202020';
|
|
const COLOR_DARK_BG_DARKER = '#171717';
|
|
const COLOR_DARK_TEXT = 'E0E0E0'; // '#a4bad6';
|
|
|
|
/**
|
|
* Darkmode preference, originally by Kmc2000.
|
|
*
|
|
* This lets you switch client themes by using winset.
|
|
*
|
|
* If you change ANYTHING in interface/skin.dmf you need to change it here.
|
|
*
|
|
* There's no way round it. We're essentially changing the skin by hand.
|
|
* It's painful but it works, and is the way Lummox suggested.
|
|
*/
|
|
export const setClientTheme = name => {
|
|
if (name === 'light') {
|
|
return Byond.winset({
|
|
// Main windows
|
|
'infowindow.background-color': 'none',
|
|
'infowindow.text-color': '#000000',
|
|
'info.background-color': 'none',
|
|
'info.text-color': '#000000',
|
|
'browseroutput.background-color': 'none',
|
|
'browseroutput.text-color': '#000000',
|
|
'outputwindow.background-color': 'none',
|
|
'outputwindow.text-color': '#000000',
|
|
'mainwindow.background-color': 'none',
|
|
'split.background-color': 'none',
|
|
// Buttons
|
|
'changelog.background-color': '#90B3DD',
|
|
'changelog.text-color': '#EF7F7F',
|
|
'rules.background-color': '#90B3DD',
|
|
'rules.text-color': '#EF7F7F',
|
|
'wiki.background-color': '#90B3DD',
|
|
'wiki.text-color': '#EF7F7F',
|
|
'forum.background-color': '#90B3DD',
|
|
'forum.text-color': '#EF7F7F',
|
|
'github.background-color': '#90B3DD',
|
|
'github.text-color': '#EF7F7F',
|
|
'report-issue.background-color': '#90B3DD',
|
|
'report-issue.text-color': '#EF7F7F',
|
|
// Status and verb tabs
|
|
'output.background-color': 'none',
|
|
'output.text-color': '#000000',
|
|
'statwindow.background-color': 'none',
|
|
'statwindow.text-color': '#000000',
|
|
'stat.background-color': '#FFFFFF',
|
|
'stat.tab-background-color': 'none',
|
|
'stat.text-color': '#000000',
|
|
'stat.tab-text-color': '#000000',
|
|
'stat.prefix-color': '#000000',
|
|
'stat.suffix-color': '#000000',
|
|
// Say, OOC, me Buttons etc.
|
|
'saybutton.background-color': 'none',
|
|
'saybutton.text-color': '#000000',
|
|
'oocbutton.background-color': 'none',
|
|
'oocbutton.text-color': '#000000',
|
|
'mebutton.background-color': 'none',
|
|
'mebutton.text-color': '#000000',
|
|
'asset_cache_browser.background-color': 'none',
|
|
'asset_cache_browser.text-color': '#000000',
|
|
'tooltip.background-color': 'none',
|
|
'tooltip.text-color': '#000000',
|
|
});
|
|
}
|
|
if (name === 'dark') {
|
|
Byond.winset({
|
|
// Main windows
|
|
'infowindow.background-color': COLOR_DARK_BG,
|
|
'infowindow.text-color': COLOR_DARK_TEXT,
|
|
'info.background-color': COLOR_DARK_BG,
|
|
'info.text-color': COLOR_DARK_TEXT,
|
|
'browseroutput.background-color': COLOR_DARK_BG,
|
|
'browseroutput.text-color': COLOR_DARK_TEXT,
|
|
'outputwindow.background-color': COLOR_DARK_BG,
|
|
'outputwindow.text-color': COLOR_DARK_TEXT,
|
|
'mainwindow.background-color': COLOR_DARK_BG,
|
|
'split.background-color': COLOR_DARK_BG,
|
|
// Buttons
|
|
'changelog.background-color': '#40628A',
|
|
'changelog.text-color': COLOR_DARK_TEXT,
|
|
'rules.background-color': '#40628A',
|
|
'rules.text-color': COLOR_DARK_TEXT,
|
|
'wiki.background-color': '#40628A',
|
|
'wiki.text-color': COLOR_DARK_TEXT,
|
|
'forum.background-color': '#40628A',
|
|
'forum.text-color': COLOR_DARK_TEXT,
|
|
'github.background-color': '#40628A',
|
|
'github.text-color': COLOR_DARK_TEXT,
|
|
'report-issue.background-color': '#40628A',
|
|
'report-issue.text-color': COLOR_DARK_TEXT,
|
|
// Status and verb tabs
|
|
'output.background-color': COLOR_DARK_BG_DARKER,
|
|
'output.text-color': COLOR_DARK_TEXT,
|
|
'statwindow.background-color': COLOR_DARK_BG_DARKER,
|
|
'statwindow.text-color': COLOR_DARK_TEXT,
|
|
'stat.background-color': COLOR_DARK_BG_DARKER,
|
|
'stat.tab-background-color': COLOR_DARK_BG,
|
|
'stat.text-color': COLOR_DARK_TEXT,
|
|
'stat.tab-text-color': COLOR_DARK_TEXT,
|
|
'stat.prefix-color': COLOR_DARK_TEXT,
|
|
'stat.suffix-color': COLOR_DARK_TEXT,
|
|
// Say, OOC, me Buttons etc.
|
|
'saybutton.background-color': COLOR_DARK_BG,
|
|
'saybutton.text-color': COLOR_DARK_TEXT,
|
|
'oocbutton.background-color': COLOR_DARK_BG,
|
|
'oocbutton.text-color': COLOR_DARK_TEXT,
|
|
'mebutton.background-color': COLOR_DARK_BG,
|
|
'mebutton.text-color': COLOR_DARK_TEXT,
|
|
'asset_cache_browser.background-color': COLOR_DARK_BG,
|
|
'asset_cache_browser.text-color': COLOR_DARK_TEXT,
|
|
'tooltip.background-color': COLOR_DARK_BG,
|
|
'tooltip.text-color': COLOR_DARK_TEXT,
|
|
});
|
|
}
|
|
if (name === 'default') {
|
|
setClientTheme('light'); // absolute cheeze.
|
|
}
|
|
};
|