Note: If you are having problems with dice not rendering behind the window see This section for a work around.
For chrome this and dice speed have been put into an extension which you can find here
This requires the character sheet theme to work on character sheets. To work else where the dark mode theme for the rest of the site is required. Follow instructions in README.md to install the ones you require first. The background color for the dice tray/green screen window is set in these themes at the bottom of the options.
For how to set up character specific themes and apply your dice customization per character see: Character Specific Themes.md
Then you will need an extention that allows you to install user.js.
I recommend Tampermonkey. You can get it for Chrome or Firefox
Then install the javascript by going here: Dice Tray Stream Window.user.js
It will popup with the below. Click install.
Once installed when you load into various parts of the site where dice are enabled it will pop up another window. If it doesn't make sure you are allowing popups on dndbeyond.
You can change the background in the character sheet theme options. The options in the image below apply to the dice roll area.
You can put it behind the main window as long as a sliver of it is showing. However it will not render in chrome if the whole dice tray is hidden behind another window. Chrome does this to save computer resources. Firefox will be implementing this feature as well at some point.
If you need to be able to fully hide the dice tray behind the main window you can launch chrome with the --disable-backgrounding-occluded-windows flag in the shortcut target.
To do this create a chrome shortcut. Right click it and go to properties. Add the flag at the end of the target field as below. Once you do this close all instances of chrome before launching with the newly created shortcut. This flag allows chrome to render windows fully hidden behind others.
You should now be able to see the dice in the dice tray when you roll dice in the oringal window.
Once you have this set up add the window that starts with "Dice Tray - ..." to your OBS or software of choice.
If you find any issues please let me know either by posting an issue here on github or messaging me directly on discord Azmoria#7532.