Version 1.11.2 - May 16, 2025 - Steam Release

[Version 1.11.2 - May 16, 2025 - Steam Release]
    + Sandboxels is now on Steam! https://store.steampowered.com/app/3664820/Sandboxels/
    + Theme color setting
    + Destroyable border mode
    + Support for Korean, Italian, Serbian, and Australian English
   [Changes]
    ~ Backgrounds of menus are blurred
    ~ Solids are no longer affected by Void or Loop borders
    ~ World gen is surrounded by Wall with Void or Loop borders
    + Notice when window is resized for the first time
    ~ Saves Menu, Mod Manager, Debug, and Reset settings use native Sandboxels prompts
   [Bug Fixes]
    ~ Fixed: Category buttons show underscores in names
    ~ Fixed: World gen doesn't fill entire canvas horizontally
    ~ Fixed: Elements dynamically added repeatedly aren't selectable
   [Technical]
    + Multiple mods can be added at once, separated by semicolon (;)
    + 'locked' element property, will prevent selection when set to true
    + 'fancy' view property, will allow rendering with Fancy Pixels off when set to false

changelog.html

@@ -109,6 +109,28 @@
 <p>The original <a href="https://sandboxels.R74n.com/changelog.txt">plain text version</a> of this is still maintained.</p>
 </div>
 
+<h2 id="1.11.2">[Version 1.11.2 - May 16, 2025 - Steam Release]</h2>
+<ul>
+<li>+ Sandboxels is now on Steam! <a href="https://store.steampowered.com/app/3664820/Sandboxels/" target="_blank">Check it out!</a></li>
+<li>+ Theme color setting</li>
+<li>+ Destroyable border mode</li>
+<li>+ Support for Korean, Italian, Serbian, and Australian English</li>
+<li>[Changes]</li>
+<li>~ Backgrounds of menus are blurred</li>
+<li>~ Solids are no longer affected by Void or Loop borders</li>
+<li>~ World gen is surrounded by Wall with Void or Loop borders</li>
+<li>+ Notice when window is resized for the first time</li>
+<li>~ Saves Menu, Mod Manager, Debug, and Reset settings use native Sandboxels prompts</li>
+<li>[Bug Fixes]</li>
+<li>~ Fixed: Category buttons show underscores in names</li>
+<li>~ Fixed: World gen doesn't fill entire canvas horizontally</li>
+<li>~ Fixed: Elements dynamically added repeatedly aren't selectable</li>
+<li>[Technical]</li>
+<li>+ Multiple mods can be added at once, separated by semicolon (;)</li>
+<li>+ 'locked' element property, will prevent selection when set to true</li>
+<li>+ 'fancy' view property, will allow rendering with Fancy Pixels off when set to false</li>
+</ul>
+
 <h2 id="1.11.1">[Version 1.11.1 - April 1, 2025 - FOOLS-2-5]</h2>
 <ul>
 <li>+ Border setting</li>

changelog.txt

@@ -4,6 +4,26 @@ See sneak peaks for upcoming updates on the Discord: https://discord.gg/ejUc6YPQ
 
 A fancier version of this changelog can be found here: https://sandboxels.R74n.com/changelog
 
+[Version 1.11.2 - May 16, 2025 - Steam Release]
+    + Sandboxels is now on Steam! https://store.steampowered.com/app/3664820/Sandboxels/
+    + Theme color setting
+    + Destroyable border mode
+    + Support for Korean, Italian, Serbian, and Australian English
+   [Changes]
+    ~ Backgrounds of menus are blurred
+    ~ Solids are no longer affected by Void or Loop borders
+    ~ World gen is surrounded by Wall with Void or Loop borders
+    + Notice when window is resized for the first time
+    ~ Saves Menu, Mod Manager, Debug, and Reset settings use native Sandboxels prompts
+   [Bug Fixes]
+    ~ Fixed: Category buttons show underscores in names
+    ~ Fixed: World gen doesn't fill entire canvas horizontally
+    ~ Fixed: Elements dynamically added repeatedly aren't selectable
+   [Technical]
+    + Multiple mods can be added at once, separated by semicolon (;)
+    + 'locked' element property, will prevent selection when set to true
+    + 'fancy' view property, will allow rendering with Fancy Pixels off when set to false
+
 [Version 1.11.1 - April 1, 2025 - FOOLS-2-5]
     + Border setting
         + Void deletes pixels that touch the sides

lang/en.json

@@ -1 +0,0 @@
-{}

lang/en_au.json

@@ -1 +1 @@
-{"\"#lang.name\"":"English (Australia)","soda":"soft_drink","gray_goo":"grey_goo","aluminum":"aluminium","candy":"sweets","jelly":"jam","ketchup":"tomato_sauce","molten_aluminum":"molten_aluminium","color_smoke":"colour_smoke","sulfur":"sulphur","molten_sulfur":"molten_sulphur","sulfur_gas":"sulphur_gas","color_sand":"colour_sand","soda_ice":"soft_drink_ice","\"gui.saveColors\"":"Colours"}
+{"\"#lang.name\"":"English (Australia)","gray_goo":"grey_goo","aluminum":"aluminium","molten_aluminum":"molten_aluminium","color_smoke":"colour_smoke","sulfur":"sulphur","molten_sulfur":"molten_sulphur","sulfur_gas":"sulphur_gas","color_sand":"colour_sand","\"gui.saveColors\"":"Colours"}

lang/nl.json

@@ -1 +1 @@
-{"\"#lang.name\"":"Nederlands","land":"Land","liquids":"Vloeistoffen","life":"Leven","powders":"Poeder","solids":"Vaste stoffen","energy":"Energie","weapons":"Wapens","gases":"Gassen","food":"Eten","machines":"Machines","special":"Special","other":"Anderen","states":"Staten","heat":"Warmte","cool":"Koud","erase":"Uitgummen","drag":"Mee slepen","pick":"Pakken","mix":"Mix","lookup":"Op Zoeken","shock":"Schok","paint":"Verfen","sand":"Zand","water":"Water","salt_water":"Zout Water","sugar_water":"Suiker Water","seltzer":"seltzer","dirty_water":"Vies water","pool_water":"Zwembad water","dirt":"Aarde","mud":"Modder","wet_sand":"Nat zand","rock":"Steen","rock_wall":"Stenen muur","mudstone":"Moddersteen","packed_sand":"Ingepakt zand","plant":"Plant","dead_plant":"Dode plant","frozen_plant":"Bevroren plant","grass":"Gras","algae":"Algen","concrete":"Beton","wall":"Muur","fire":"Vuur","bomb":"Bom","steam":"Stoom","ice":"ijs","rime":"Rijp","snow":"Sneeuw","slush":"Dik water","packed_snow":"Verpakte sneeuw","wood":"Hout","smoke":"Rook","magma":"Lava","plasma":"Heet Vuur","cold_fire":"Koud Vuur","glass":"Glas","molten_glass":"Gesmolten Glas","molten_rad_glass":"Gesmolten radioactief glas","rad_glass":"Radioactief glas","meat":"Vlees","rotten_meat":"Verrot Vlees","cured_meat":"Gepekeld Vlees","cooked_meat":"Gekookt Vlees","frozen_meat":"Bevroren Vlees","salt":"Zout","molten_salt":"Gesmolten zout","sugar":"Suiker","flour":"Meel","wire":"Stroomdraad","battery":"Batterij","cloner":"Klonen","sensor":"Sensor","heater":"Verwarming","cooler":"Koeler","random":"Willekeurig","image":"Afbeelding","unpaint":"Verf ongedaan maken","uncharge":"Elektriciteit ongedaan maken","unburn":"Brand ongedaan maken","smash":"Breek","filler":"Opvuller","lattice":"Rooster","gravel":"Grind","slime":"Slijm","cement":"Cement","dust":"Stof","void":"Zwart Gat","sun":"Zon","cell":"Cel","cancer":"Kanker","dna":"DNA","plague":"Plaag","worm":"Worm","frozen_worm":"Bevroren Worm","flea":"Vlo","termite":"Termiet","ant":"Mier","spider":"Spin","web":"Spinnenweb","fly":"Vlieg","firefly":"Vuurvlieg","bee":"Bij","hive":"Bijenkorf","stink_bug":"Stink insect","dead_bug":"Dood Insect","human":"Mens","body":"Lichaam","head":"Hoofd","bird":"Vogel","rat":"Rat","frog":"Kikker","frozen_frog":"Bevroren Kikker","tadpole":"Kikkervisje","fish":"Vis","frozen_fish":"Bevroren Vis","slug":"Naaktslak","snail":"Slak","burner":"Brander","superheater":"Super verwarming","freezer":"vriezer","pipe":"Pijp","pipe_wall":"Pijp muur","mixer":"Meng","grinder":"Slijper","fuse":"Lont","ewall":"Elektrische muur","torch":"Fakkel","spout":"Waterspuit","udder":"Uier","bone_marrow":"Beenmerg","bone":"Bot","ball":"Bal","balloon":"Ballon","antipowder":"Anti poeder","antimolten":"Gesmolten anti","antifire":"Anti vuur","antifluid":"Anti vloeistof","antigas":"Anti gas","vertical":"Verticaal","horizontal":"Horizontaal","ash":"As","molten_ash":"Gesmolten as","light":"Licht","liquid_light":"Vloeibaar licht","laser":"Laser","pointer":"Punter","charcoal":"Steenkool\n","tinder":"Tondel","sawdust":"Zaagsel","hail":"Hagel","hydrogen":"Waterstof","oxygen":"Zuurstof","nitrogen":"Stikstof","helium":"Helium","anesthesia":"Anesthesie","carbon_dioxide":"Koolstofdioxide","bubble":"Bubbels","ammonia":"Ammoniak","liquid_ammonia":"Vloeibaar ammoniak","oil":"Olie","lamp_oil":"Kerosine","propane":"Propaan","liquid_propane":"Vloeibaar propaan","methane":"Methaan","liquid_methane":"Vloeibaar methaan","stained_glass":"Gekleurd glas","molten_stained_glass":"Gesmolten gekleurd glas","art":"Kunst","rainbow":"Regenboog","static":"Statisch","border":"Grens","clay":"Klei","clay_soil":"Klei grond","cloth":"Wol","cellulose":"Houtstof","wax":"Wax","melted_wax":"Gesmolten wax","incense":"Wierook","dioxin":"Dioxide","insulation":"Isolatie","sponge":"Spons","bamboo":"Bamboe","iron":"IJzer","copper":"Koper","gold":"Goud","steel":"Staal","galvanized_steel":"Gegalvaniseerd staal","zinc":"Zink","silver":"Zilver","tin":"Tin","lead":"Lood","nickel":"Nikkel","aluminum":"Aluminium","tungsten":"Wolfraam","molten_tungsten":"Gesmolten Wolfraam","brass":"Geelkoper","bronze":"Brons","sterling":"Sterling","gallium":"Gallium","molten_gallium":"Gesmolten Gallium","gallium_gas":"Gallium gas","rose_gold":"Rosé goud","purple_gold":"Paars goud\n","blue_gold":"Blauw Goud","electrum":"Groen Goud","pyrite":"Pyriet","solder":"Soldeersel","amber":"Barnsteen","molten_copper":"Gesmolten koper","molten_copper_sulfate":"Gesmolten koper sulfaat","molten_gold":"Gesmolten goud","molten_silver":"Gesmolten zilver","molten_iron":"Gesmolten IJzer","molten_nickel":"Gesmolten nikkel","molten_tin":"Gesmolten tin","molten_lead":"Gesmolten lood","molten_solder":"Gesmolten soldeersel","juice":"Sap","juice_ice":"Sap ijs","broth":"Bouillon"}
+{"\"#lang.name\"":"Nederlands","land":"Land","liquids":"Vloeistoffen","life":"Leven","powders":"Poeder","solids":"Vaste stoffen","energy":"Energie","weapons":"Wapens","gases":"Gassen","food":"Eten","machines":"Machines","special":"Special","other":"Anderen","states":"Staten","heat":"Warmte","cool":"Koud","erase":"Uitgummen","drag":"Mee slepen","pick":"Pakken","mix":"Mix","lookup":"Op Zoeken","shock":"Schok","paint":"Verfen","sand":"Zand","water":"Water","salt_water":"Zout Water","sugar_water":"Suiker Water","seltzer":"seltzer","dirty_water":"Vies water","pool_water":"Zwembad water","dirt":"Aarde","mud":"Modder","wet_sand":"Nat zand","rock":"Steen","rock_wall":"Stenen muur","mudstone":"Moddersteen","packed_sand":"Ingepakt zand","plant":"Plant","dead_plant":"Dode plant","frozen_plant":"Bevroren plant","grass":"Gras","algae":"Algen","concrete":"Beton","wall":"Muur","fire":"Vuur","bomb":"Bom","steam":"Stoom","ice":"ijs","rime":"Rijp","snow":"Sneeuw","slush":"Dik water","packed_snow":"Verpakte sneeuw","wood":"Hout","smoke":"Rook","magma":"Lava","plasma":"Heet Vuur","cold_fire":"Koud Vuur","glass":"Glas","molten_glass":"Gesmolten Glas","molten_rad_glass":"Gesmolten radioactief glas","rad_glass":"Radioactief glas","meat":"Vlees","rotten_meat":"Verrot Vlees","cured_meat":"Gepekeld Vlees","cooked_meat":"Gekookt Vlees","frozen_meat":"Bevroren Vlees","salt":"Zout","molten_salt":"Gesmolten zout","sugar":"Suiker","flour":"Meel","wire":"Stroomdraad","battery":"Batterij","cloner":"Klonen","sensor":"Sensor","heater":"Verwarming","cooler":"Koeler","random":"Willekeurig","image":"Afbeelding","unpaint":"Verf ongedaan maken","uncharge":"Elektriciteit ongedaan maken","unburn":"Brand ongedaan maken","smash":"Breek","filler":"Opvuller","lattice":"Rooster","gravel":"Grind","slime":"Slijm","cement":"Cement","dust":"Stof","void":"Zwart Gat","sun":"Zon","cell":"Cel","cancer":"Kanker","dna":"DNA","plague":"Plaag","worm":"Worm","frozen_worm":"Bevroren Worm","flea":"Vlo","termite":"Termiet","ant":"Mier","spider":"Spin","web":"Spinnenweb","fly":"Vlieg","firefly":"Vuurvlieg","bee":"Bij","hive":"Bijenkorf","stink_bug":"Stink insect","dead_bug":"Dood Insect","human":"Mens","body":"Lichaam","head":"Hoofd","bird":"Vogel","rat":"Rat","frog":"Kikker","frozen_frog":"Bevroren Kikker","tadpole":"Kikkervisje","fish":"Vis","frozen_fish":"Bevroren Vis","slug":"Naaktslak","snail":"Slak","burner":"Brander","superheater":"Super verwarming","freezer":"vriezer","pipe":"Pijp","pipe_wall":"Pijp muur","mixer":"Meng","grinder":"Slijper","fuse":"Lont","ewall":"Elektrische muur","torch":"Fakkel","spout":"Waterspuit","udder":"Uier","bone_marrow":"Beenmerg","bone":"Bot","ball":"Bal","balloon":"Ballon","antipowder":"Anti poeder","antimolten":"Gesmolten anti","antifire":"Anti vuur","antifluid":"Anti vloeistof","antigas":"Anti gas","vertical":"Verticaal","horizontal":"Horizontaal","ash":"As","molten_ash":"Gesmolten as","light":"Licht","liquid_light":"Vloeibaar licht","laser":"Laser","pointer":"Punter","charcoal":"Steenkool\n","tinder":"Tondel","sawdust":"Zaagsel","hail":"Hagel","hydrogen":"Waterstof","oxygen":"Zuurstof","nitrogen":"Stikstof","helium":"Helium","anesthesia":"Anesthesie","carbon_dioxide":"Koolstofdioxide","bubble":"Bubbels","ammonia":"Ammoniak","liquid_ammonia":"Vloeibaar ammoniak","oil":"Olie","lamp_oil":"Kerosine","propane":"Propaan","liquid_propane":"Vloeibaar propaan","methane":"Methaan","liquid_methane":"Vloeibaar methaan","stained_glass":"Gekleurd glas","molten_stained_glass":"Gesmolten gekleurd glas","art":"Kunst","rainbow":"Regenboog","static":"Statisch","border":"Grens","clay":"Klei","clay_soil":"Klei grond","brick":"Steen","ruins":"Ruïne","porcelain":"Porselein","sapling":"Jonge boom","cactus":"Cactus","kelp":"Kelp","seeds":"Zaden","wheat_seed":"Tarwe zaad","straw":"Rietje","paper":"Papier","pollen":"Pollen","cloth":"Wol","cellulose":"Houtstof","wax":"Wax","melted_wax":"Gesmolten wax","incense":"Wierook","dioxin":"Dioxide","insulation":"Isolatie","sponge":"Spons","bamboo":"Bamboe","iron":"IJzer","copper":"Koper","gold":"Goud","steel":"Staal","galvanized_steel":"Gegalvaniseerd staal","zinc":"Zink","silver":"Zilver","tin":"Tin","lead":"Lood","nickel":"Nikkel","aluminum":"Aluminium","tungsten":"Wolfraam","molten_tungsten":"Gesmolten Wolfraam","brass":"Geelkoper","bronze":"Brons","sterling":"Sterling","gallium":"Gallium","molten_gallium":"Gesmolten Gallium","gallium_gas":"Gallium gas","rose_gold":"Rosé goud","purple_gold":"Paars goud\n","blue_gold":"Blauw Goud","electrum":"Groen Goud","pyrite":"Pyriet","solder":"Soldeersel","amber":"Barnsteen","molten_copper":"Gesmolten koper","molten_copper_sulfate":"Gesmolten koper sulfaat","molten_gold":"Gesmolten goud","molten_silver":"Gesmolten zilver","molten_iron":"Gesmolten IJzer","molten_nickel":"Gesmolten nikkel","molten_tin":"Gesmolten tin","molten_lead":"Gesmolten lood","molten_solder":"Gesmolten soldeersel","juice":"Sap","juice_ice":"Sap ijs","broth":"Bouillon"}

lang/qvp.json

@@ -1 +1 @@
-{"\"#lang.name\"":"Viossa","land":"lantstof","liquids":"ishkestof","life":"vonastof","powders":"pudrastof","solids":"ishilykstof","energy":"zeusstof","weapons":"krizstof","gases":"luftstof","food":"namting","machines":"ilo","special":"viktistof","other":"anderstof","states":"vapazmatel","heat":"plusvapa","cool":"plussamui","erase":"keshite","drag":"bidra","pick":"kawari","mix":"visk","lookup":"suha","shock":"zeus","paint":"vaha","sand":"san","water":"ishke","salt_water":"shio_ishke","sugar_water":"sokkeri_ishke","seltzer":"bersoda_ishke","dirty_water":"bjurkishke","pool_water":"ojoiplas_ishke"}
+{"\"#lang.name\"":"Viossa","land":"lantstof","liquids":"ishkestof","life":"vonastof","powders":"pudrastof","solids":"ishilykstof","energy":"zeusstof","weapons":"krizstof","gases":"luftstof","food":"namting","machines":"ilo","special":"viktistof","other":"anderstof","states":"vapazmatel","heat":"plusvapa","cool":"plussamui","erase":"keshite","drag":"bidra","pick":"kawari","mix":"visk","lookup":"suha","shock":"zeus","paint":"vaha","sand":"san","water":"ishke","salt_water":"shio_ishke","sugar_water":"sokkeri_ishke","seltzer":"bersoda_ishke","dirty_water":"bjurkishke","pool_water":"ojoiplas_ishke","dirt":"ter","mud":"pantano","wet_sand":"mokri san","rock":"ishi","rock_wall":"ishitumam","mudstone":"terishi","packed_sand":"gushena san","plant":"ruti","dead_plant":"shinujena ruti","frozen_plant":"cjepingena ruti","grass":"mun","algae":"marerutinen","concrete":"huomidado","wall":"tumam","fire":"hono","bomb":"bamba","steam":"ishkeluft"}

mods/velocity2.js

@@ -47,8 +47,8 @@ runPerPixel((pixel) => {
                     newPixel.vx = (newPixel.vx||0) + vx*0.6;
                     newPixel.vy = (newPixel.vy||0) + vy*0.6;
                 }
-                vx = vx*0.3;
+                vx = vx*0.4;
-                vy = vy*0.3;
+                vy = vy*0.4;
             };
         }
 
@@ -143,8 +143,8 @@ explodeAt = function(x,y,radius,fire="fire") {
                 else {
                     createPixel(fire,coords[i].x,coords[i].y);
                 }
-                pixelMap[coords[i].x][coords[i].y].vy = 2*power * (1-distance) * -1;
+                pixelMap[coords[i].x][coords[i].y].vy = 2*power * -1;
-                pixelMap[coords[i].x][coords[i].y].vx = 2*power * (1-distance) * dirX;
+                pixelMap[coords[i].x][coords[i].y].vx = 2*power * dirX;
             }
         }
         else if (!outOfBounds(coords[i].x,coords[i].y)) {

style.css

@@ -1,8 +1,28 @@
 html, body {
 	width:  100%;
-    height: 100%;
+	min-height: 100vh;
 	margin: 0;
 }
+html {
+	background-color: #000000;
+}
+:root {
+	--theme: rgb(127, 127, 127);
+	
+	--theme-dark: rgb(63.5, 63.5, 63.5); /* color/2 */
+
+	--theme-darker: rgb(25, 25, 25); /* color/5 */
+	--theme-darker-opac85: rgba(25, 25, 25, 0.85);
+
+	--theme-darkest: rgb(0, 0, 0); /* color-127 */
+	--theme-darkest2: rgb(0, 0, 0); /* color-191 */
+
+	--theme-opac85: rgba(127, 127, 127, 0.85);
+	--theme-opac75: rgba(127, 127, 127, 0.75);
+	--theme-opac50: rgba(127, 127, 127, 0.5);
+	--theme-opac25: rgba(127, 127, 127, 0.25);
+	--theme-opac10: rgba(127, 127, 127, 0.1);
+}
 /* Load the font PressStart2P-Regular.ttf */
 @font-face {
 	font-family: 'Press Start 2P';
@@ -14,7 +34,7 @@ html, body {
 }
 body {
 	font-family: 'Press Start 2P', 'VT323', Arial;
-    background-color: #000000;
+	background-color: var(--theme-darkest2);
 	color: #ffffff;
 	caret-color: #e6d577;
 }
@@ -36,7 +56,7 @@ a, .saveOption {color: rgb(255, 0, 255);text-decoration: none;}
 a:hover, .saveOption:hover {filter: brightness(200%);}
 a:active, a:hover:active, .saveOption:active, .saveOption:hover:active {filter: brightness(275%);}
 #gameDiv { /*game canvas*/
-    border: 3px solid rgba(255, 255, 255, 0.45);
+	border: 3px solid var(--theme-opac85);
 	position: relative;
 	-webkit-touch-callout: none; /* iOS Safari */
 	-webkit-user-select: none; /* Safari */
@@ -125,7 +145,7 @@ kbd:active {filter: brightness(70%);}
 #infoParent, #modParent, #settingsParent, .menuParent {
 	display: none;
 	position: absolute;
-    border: 4px solid #9d9d9d;
+	border: 4px solid var(--theme);
 	left: 50%;
 	top: 5%;
 	transform: translate(-50%, 0%);
@@ -133,7 +153,8 @@ kbd:active {filter: brightness(70%);}
 	height: 60%;
 	max-width: 700px;
 	max-height: 450px;
-    background-color: rgb(31, 31, 31);
+	background-color: var(--theme-darker-opac85);
+	backdrop-filter: blur(3px);
 	z-index:99999
 }
 #infoScreen, #modManager, #settingsMenu, .menuScreen {
@@ -142,7 +163,7 @@ kbd:active {filter: brightness(70%);}
 	width:calc(100% - 20px);
 	padding: 10px;
 
-    background-color: rgb(31, 31, 31);
+	/* background-color: rgb(31, 31, 31); */
 	overflow-x: hidden;
 	z-index: 10;
 }
@@ -150,6 +171,9 @@ kbd:active {filter: brightness(70%);}
 	height: 75%;
 	max-height: 623px;
 }
+.standalone #settingsParent {
+	height: 100%;
+}
 #promptParent {
 	height: 50%;
 }
@@ -160,7 +184,7 @@ kbd:active {filter: brightness(70%);}
 	width: calc(100% - 16px);
 	max-width: 700px;
 	height: 50px;
-    background-color: rgb(66, 66, 66);
+	background-color: var(--theme-dark);
 	color: white;
 	font-size: 1.5em;
 	padding: 8px;
@@ -190,7 +214,7 @@ kbd:active {filter: brightness(70%);}
 	background-color: rgb(100, 33, 33);
 	padding:5px;
 	text-align:center;
-    border: 4px solid #9d9d9d;
+	border: 4px solid var(--theme);
 	border-top: none;
 	border-right: none;
 	z-index: 12;
@@ -239,13 +263,13 @@ kbd:active {filter: brightness(70%);}
 }
 .saveSlot {
 	display: block;
-    border-top: solid gray;
+	border-top: solid var(--theme);
 	padding-top: 1em;
 	padding-bottom: 1em;
 	padding-left: 1em;
 }
 .saveSlot:last-child {
-    border-bottom: solid gray;
+	border-bottom: solid var(--theme);
 }
 .saveOption {
 	float: right;
@@ -262,7 +286,7 @@ kbd:active {filter: brightness(70%);}
 	cursor: not-allowed;
 }
 #saveFile, #loadFile, #saveConfirm, #promptOK, .promptOK, #promptCancel, #promptConfirm {
-    background-color: black;
+	background-color: var(--theme-darkest2);
 	text-align: center;
 	vertical-align: middle;
 	height: 3em;
@@ -270,7 +294,7 @@ kbd:active {filter: brightness(70%);}
 	position:absolute;
 	bottom: 0;
 	cursor: pointer;
-    border-top: 4px solid #9d9d9d;
+	border-top: 4px solid var(--theme);
 }
 #saveConfirm, #promptOK, .promptOK {
 	bottom: 0;
@@ -283,7 +307,7 @@ kbd:active {filter: brightness(70%);}
 #loadFile, #promptConfirm {
 	right: 0;
 	width: 50%;
-    border-left: 4px solid #9d9d9d;
+	border-left: 4px solid var(--theme);
 }
 #saveConfirm, #promptOK, .promptOK {
 	left: 0;
@@ -308,13 +332,16 @@ button, input[type="submit"], input[type="reset"] {
 	margin-top: 10px;
 	width: 100%;
 }
+#underDiv {
+	background-color: var(--theme-darkest);
+}
 #controls button {
 	padding: 5px 10px;
 	border-radius: 5px;
 	font-size: 1em;
 	text-shadow: 0.5px 1px 4px #000000;
 	color: rgba(255, 255, 255, 0.85);
-    border: 2px solid #797979;
+	border: 2px solid var(--theme-opac85);
 	margin: 0px 4px 4px 4px;
 	font-variant: small-caps;
 }
@@ -362,16 +389,16 @@ button, input[type="submit"], input[type="reset"] {
 	float:right;
 }
 #stats {
-    margin: 0px 5px 0px 5px;
+	padding: 0px 5px 0px 5px;
 	font-size: 0.75em;
 	height: 1.5em;
 	line-height: 1.5em;
-    width:calc(100% - 5px);
+	/* width:calc(100% - 5px); */
 	/* no wrapping */
 	white-space: nowrap;
 	overflow-x: hidden;
 	overflow-y: hidden;
-    background-color: black;
+	background-color: var(--theme-darkest2);
 }
 #stat-pos, #stat-pixels, #stat-shift, #stat-tps, #stat-ticks, #stat-view {
 	float:left;
@@ -395,7 +422,9 @@ button, input[type="submit"], input[type="reset"] {
 	vertical-align: middle;
 }
 #extraInfo {
-    margin:5px
+	margin:5px;
+	margin-bottom: 0;
+	padding-bottom: 5px;
 }
 #extraInfo small, #extraInfo p {
 	display: inline-block;
@@ -420,6 +449,9 @@ button, input[type="submit"], input[type="reset"] {
 #toolControls button, #category-tools button {
 	flex-grow: 1;
 }
+#toolControls button {
+	background-color: var(--theme-darkest2);
+}
 #elementControls {
 	flex-direction: column;
 }
@@ -463,7 +495,7 @@ button, input[type="submit"], input[type="reset"] {
 
 #categoryControls {
 	margin-bottom: 5px;
-    background-color: rgba(255, 255, 255, 0.125);
+	background-color: var(--theme-dark);
 	white-space: nowrap;
 	overflow-x: auto;
 	flex-wrap: wrap;
@@ -490,15 +522,16 @@ button, input[type="submit"], input[type="reset"] {
 	position: relative;
 	z-index:0;
 	flex-grow: 1;
-    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
+	/* border-bottom: 2px solid rgba(255, 255, 255, 0.2); */
-    background-color: #202020;
+	border-bottom: 2px solid var(--theme-opac50);
+	background-color: var(--theme-darker);
 }
 #categoryControls button:not(:last-child) {
-    border-right: 2px solid rgba(255, 255, 255, 0.2);
+	border-right: 2px solid var(--theme-opac50);
 }
 #categoryControls button[current="true"] {
 	border: none;
-    background-color: rgba(255, 255, 255, 0.4);
+	background-color: var(--theme-opac85);
 }
 .category {
 	margin-top:0.25em;
@@ -593,11 +626,11 @@ button, input { /*Disable double tap zoom on mobile devices*/
 	color-scheme: dark;
 }
 .settingsButton, select, .toggleInput, #settingsMenu input[type="number"], #settingsMenu input[type="text"], #savePromptMenu input, input[type="email"], input[type="number"] {
-    background-color: black;
+	background-color: var(--theme-darkest2);
 	vertical-align: middle;
 	margin-left: 4px;
 	margin-right: 4px;
-    border: rgb(150, 150, 150) 2px solid;
+	border: var(--theme) 2px solid;
 	padding: 0.4em;
 	color: white;
 	font-size: 1em;
@@ -616,7 +649,9 @@ button, input { /*Disable double tap zoom on mobile devices*/
 	margin:0
 }
 #settingsMenu input[type=color] {
-    padding:0
+	padding:0;
+	background-color: var(--theme-dark);
+	border: none;
 }
 #settingsMenu select, #settingsMenu input[type=text] {
 	font-size: 1em;
@@ -683,3 +718,7 @@ button, input { /*Disable double tap zoom on mobile devices*/
 	font-size: 0.75em;
 	text-shadow: 0px 0px 6px black;
 }
+button.disabled {
+	opacity: 0.5;
+	cursor:not-allowed;
+}