diff --git a/mods/page_color.js b/mods/page_color.js index 2b35b185..0af50c5b 100644 --- a/mods/page_color.js +++ b/mods/page_color.js @@ -13,4 +13,23 @@ if(urlParams.get('pageColor') != null) { //null check }; }; -document.body.style.backgroundColor = color; \ No newline at end of file +color_Would_Be_A_Triplet_If_It_Started_With_An_Octothorpe = null; +color_Is_Supported_As_A_Background_By_The_Browser = null; + +if( /^#([0-9A-F]{3}){1,2}$/i.test("#" + color) ) { + color_Would_Be_A_Triplet_If_It_Started_With_An_Octothorpe = true +} else { + color_Would_Be_A_Triplet_If_It_Started_With_An_Octothorpe = false +} + +if( CSS.supports('background',color) ) { + color_Is_Supported_As_A_Background_By_The_Browser = true +} else { + color_Is_Supported_As_A_Background_By_The_Browser = false +} + +if(color_Is_Supported_As_A_Background_By_The_Browser == false && color_Would_Be_A_Triplet_If_It_Started_With_An_Octothorpe == true) { + color = "#" + color +} + +document.body.style.background = color;