mirror of
https://github.com/fulpstation/fulpstation.git
synced 2025-12-10 10:01:40 +00:00
930e9dc501
* better darkmode v1 * ever better colors * slightly improved tip color + fixed scrolly bug * updates skin.dmf as well as some small color tweaks * slightly tweaked more readable info and admin shit * span_class fix * merges ooc fixes * whoops * MC and ticket screen fix * no default darkmode * skin fixes * more obnoxious adminpm * more obnoxious adminshit * skin revert to ensure proper light theme. * prevents weirdness with default whiteness
134 lines
8.6 KiB
Plaintext
134 lines
8.6 KiB
Plaintext
//Darkmode preference by Kmc2000//
|
|
|
|
/*
|
|
This lets you switch chat themes by using winset and CSS loading, you must relog to see this change (or rebuild your browseroutput datum)
|
|
|
|
Things to note:
|
|
If you change ANYTHING in interface/skin.dmf you need to change it here:
|
|
Format:
|
|
winset(src, "window as appears in skin.dmf after elem", "var to change = currentvalue;var to change = desired value")
|
|
|
|
How this works:
|
|
I've added a function to browseroutput.js which registers a cookie for darkmode and swaps the chat accordingly. You can find the button to do this under the "cog" icon next to the ping button (top right of chat)
|
|
This then swaps the window theme automatically
|
|
|
|
Thanks to spacemaniac and mcdonald for help with the JS side of this.
|
|
|
|
*/
|
|
|
|
/client/proc/force_white_theme() //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.
|
|
//Main windows
|
|
winset(src, "infowindow", "background-color = #2c2f33;background-color = none")
|
|
winset(src, "infowindow", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "info", "background-color = #272727;background-color = none")
|
|
winset(src, "info", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "browseroutput", "background-color = #272727;background-color = none")
|
|
winset(src, "browseroutput", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "outputwindow", "background-color = #272727;background-color = none")
|
|
winset(src, "outputwindow", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "mainwindow", "background-color = #2c2f33;background-color = none")
|
|
winset(src, "split", "background-color = #272727;background-color = none")
|
|
//Buttons
|
|
winset(src, "changelog", "background-color = #494949;background-color = none")
|
|
winset(src, "changelog", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "rules", "background-color = #494949;background-color = none")
|
|
winset(src, "rules", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "wiki", "background-color = #494949;background-color = none")
|
|
winset(src, "wiki", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "forum", "background-color = #494949;background-color = none")
|
|
winset(src, "forum", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "github", "background-color = #3a3a3a;background-color = none")
|
|
winset(src, "github", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "report-issue", "background-color = #492020;background-color = none")
|
|
winset(src, "report-issue", "text-color = #99aab5;text-color = #000000")
|
|
//Status and verb tabs
|
|
winset(src, "output", "background-color = #272727;background-color = none")
|
|
winset(src, "output", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "outputwindow", "background-color = #272727;background-color = none")
|
|
winset(src, "outputwindow", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "statwindow", "background-color = #272727;background-color = none")
|
|
winset(src, "statwindow", "text-color = #eaeaea;text-color = #000000")
|
|
winset(src, "stat", "background-color = #2c2f33;background-color = #FFFFFF")
|
|
winset(src, "stat", "tab-background-color = #272727;tab-background-color = none")
|
|
winset(src, "stat", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "stat", "tab-text-color = #99aab5;tab-text-color = #000000")
|
|
winset(src, "stat", "prefix-color = #8ba5c4;prefix-color = #000000")
|
|
winset(src, "stat", "suffix-color = #8ba5c4;suffix-color = #000000")
|
|
//Say, OOC, me Buttons etc.
|
|
winset(src, "saybutton", "background-color = #272727;background-color = none")
|
|
winset(src, "saybutton", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "oocbutton", "background-color = #272727;background-color = none")
|
|
winset(src, "oocbutton", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "mebutton", "background-color = #272727;background-color = none")
|
|
winset(src, "mebutton", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "asset_cache_browser", "background-color = #272727;background-color = none")
|
|
winset(src, "asset_cache_browser", "text-color = #99aab5;text-color = #000000")
|
|
winset(src, "tooltip", "background-color = #272727;background-color = none")
|
|
winset(src, "tooltip", "text-color = #99aab5;text-color = #000000")
|
|
|
|
/client/proc/force_dark_theme() //Inversely, if theyre using white theme and want to swap to the superior dark theme, let's get WINSET() ing
|
|
//Main windows
|
|
winset(src, "infowindow", "background-color = none;background-color = #202020")
|
|
winset(src, "infowindow", "text-color = #000000;text-color = #8ba5c4")
|
|
winset(src, "info", "background-color = none;background-color = #202020")
|
|
winset(src, "info", "text-color = #000000;text-color = #8ba5c4")
|
|
winset(src, "browseroutput", "background-color = none;background-color = #202020")
|
|
winset(src, "browseroutput", "text-color = #000000;text-color = #8ba5c4")
|
|
winset(src, "outputwindow", "background-color = none;background-color = #202020")
|
|
winset(src, "outputwindow", "text-color = #000000;text-color = #8ba5c4")
|
|
winset(src, "mainwindow", "background-color = none;background-color = #202020")
|
|
winset(src, "split", "background-color = none;background-color = #202020")
|
|
winset(src, "input", "background-color = none;background-color = #202020")
|
|
//Buttons
|
|
winset(src, "changelog", "background-color = none;background-color = #494949")
|
|
winset(src, "changelog", "text-color = #000000;text-color = #99aab5")
|
|
winset(src, "rules", "background-color = none;background-color = #494949")
|
|
winset(src, "rules", "text-color = #000000;text-color = #99aab5")
|
|
winset(src, "wiki", "background-color = none;background-color = #494949")
|
|
winset(src, "wiki", "text-color = #000000;text-color = #99aab5")
|
|
winset(src, "forum", "background-color = none;background-color = #494949")
|
|
winset(src, "forum", "text-color = #000000;text-color = #99aab5")
|
|
winset(src, "github", "background-color = none;background-color = #3a3a3a")
|
|
winset(src, "github", "text-color = #000000;text-color = #99aab5")
|
|
winset(src, "report-issue", "background-color = none;background-color = #492020")
|
|
winset(src, "report-issue", "text-color = #000000;text-color = #99aab5")
|
|
//Status and verb tabs
|
|
winset(src, "output", "background-color = none;background-color = #171717")
|
|
winset(src, "output", "text-color = #000000;text-color = #8ba5c4")
|
|
winset(src, "outputwindow", "background-color = none;background-color = #171717")
|
|
winset(src, "outputwindow", "text-color = #000000;text-color = #8ba5c4")
|
|
winset(src, "statwindow", "background-color = none;background-color = #171717")
|
|
winset(src, "statwindow", "text-color = #000000;text-color = #8ba5c4")
|
|
winset(src, "stat", "background-color = #FFFFFF;background-color = #171717")
|
|
winset(src, "stat", "tab-background-color = none;tab-background-color = #202020")
|
|
winset(src, "stat", "text-color = #000000;text-color = #8ba5c4")
|
|
winset(src, "stat", "tab-text-color = #000000;tab-text-color = #8ba5c4")
|
|
winset(src, "stat", "prefix-color = #000000;prefix-color = #8ba5c4")
|
|
winset(src, "stat", "suffix-color = #000000;suffix-color = #8ba5c4")
|
|
//Say, OOC, me Buttons etc.
|
|
winset(src, "saybutton", "background-color = none;background-color = #202020")
|
|
winset(src, "saybutton", "text-color = #000000;text-color = #99aab5")
|
|
winset(src, "oocbutton", "background-color = none;background-color = #202020")
|
|
winset(src, "oocbutton", "text-color = #000000;text-color = #99aab5")
|
|
winset(src, "mebutton", "background-color = none;background-color = #202020")
|
|
winset(src, "mebutton", "text-color = #000000;text-color = #99aab5")
|
|
winset(src, "asset_cache_browser", "background-color = none;background-color = #202020")
|
|
winset(src, "asset_cache_browser", "text-color = #000000;text-color = #99aab5")
|
|
winset(src, "tooltip", "background-color = none;background-color = #202020")
|
|
winset(src, "tooltip", "text-color = #000000;text-color = #99aab5")
|
|
|
|
/datum/asset/simple/goonchat
|
|
verify = FALSE
|
|
assets = list(
|
|
"json2.min.js" = 'code/modules/goonchat/browserassets/js/json2.min.js',
|
|
"errorHandler.js" = 'code/modules/goonchat/browserassets/js/errorHandler.js',
|
|
"browserOutput.js" = 'code/modules/goonchat/browserassets/js/browserOutput.js',
|
|
"fontawesome-webfont.eot" = 'tgui/assets/fonts/fontawesome-webfont.eot',
|
|
"fontawesome-webfont.svg" = 'tgui/assets/fonts/fontawesome-webfont.svg',
|
|
"fontawesome-webfont.ttf" = 'tgui/assets/fonts/fontawesome-webfont.ttf',
|
|
"fontawesome-webfont.woff" = 'tgui/assets/fonts/fontawesome-webfont.woff',
|
|
"font-awesome.css" = 'code/modules/goonchat/browserassets/css/font-awesome.css',
|
|
"browserOutput.css" = 'code/modules/goonchat/browserassets/css/browserOutput.css',
|
|
"browserOutput_white.css" = 'code/modules/goonchat/browserassets/css/browserOutput_white.css',
|
|
)
|