mirror of
https://github.com/fulpstation/fulpstation.git
synced 2025-12-10 10:01:40 +00:00
Adds toggleable darkmode to the game! (#43072)
* Adds toggleable darkmode to the game! (Use the toggle darkmode verb if you want to use light mode) * Removes a random linechange * Undo unintentional changes * Changes some forced font tags to use spans, which won't break darkmode. * Fixes up some problems I found while testing Darkmode is no longer default (this caused some issues with people getting a broken chat) * Darkmode sucks less now * Darkmode button now works again
This commit is contained in:
Kmc2000
oranges
128
code/modules/client/darkmode.dm
Normal file
128
code/modules/client/darkmode.dm
Normal file
@@ -0,0 +1,128 @@
|
||||
//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")
|
||||
//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 = #2c2f33")
|
||||
winset(src, "infowindow", "text-color = #000000;text-color = #99aab5")
|
||||
winset(src, "info", "background-color = none;background-color = #272727")
|
||||
winset(src, "info", "text-color = #000000;text-color = #99aab5")
|
||||
winset(src, "browseroutput", "background-color = none;background-color = #272727")
|
||||
winset(src, "browseroutput", "text-color = #000000;text-color = #99aab5")
|
||||
winset(src, "outputwindow", "background-color = none;background-color = #272727")
|
||||
winset(src, "outputwindow", "text-color = #000000;text-color = #99aab5")
|
||||
winset(src, "mainwindow", "background-color = none;background-color = #2c2f33")
|
||||
winset(src, "split", "background-color = none;background-color = #272727")
|
||||
//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 = #272727")
|
||||
winset(src, "output", "text-color = #000000;text-color = #99aab5")
|
||||
winset(src, "outputwindow", "background-color = none;background-color = #272727")
|
||||
winset(src, "outputwindow", "text-color = #000000;text-color = #99aab5")
|
||||
winset(src, "statwindow", "background-color = none;background-color = #272727")
|
||||
winset(src, "statwindow", "text-color = #000000;text-color = #eaeaea")
|
||||
winset(src, "stat", "background-color = #FFFFFF;background-color = #2c2f33")
|
||||
winset(src, "stat", "tab-background-color = none;tab-background-color = #272727")
|
||||
winset(src, "stat", "text-color = #000000;text-color = #99aab5")
|
||||
winset(src, "stat", "tab-text-color = #000000;tab-text-color = #99aab5")
|
||||
//Say, OOC, me Buttons etc.
|
||||
winset(src, "saybutton", "background-color = none;background-color = #272727")
|
||||
winset(src, "saybutton", "text-color = #000000;text-color = #99aab5")
|
||||
winset(src, "oocbutton", "background-color = none;background-color = #272727")
|
||||
winset(src, "oocbutton", "text-color = #000000;text-color = #99aab5")
|
||||
winset(src, "mebutton", "background-color = none;background-color = #272727")
|
||||
winset(src, "mebutton", "text-color = #000000;text-color = #99aab5")
|
||||
winset(src, "asset_cache_browser", "background-color = none;background-color = #272727")
|
||||
winset(src, "asset_cache_browser", "text-color = #000000;text-color = #99aab5")
|
||||
winset(src, "tooltip", "background-color = none;background-color = #272727")
|
||||
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',
|
||||
)
|
||||
Reference in New Issue
Block a user