v1.4.3

v1.4.2
v1.4.1
2021-05-05 01:00:18 +02:00 · 2021-04-23 02:13:09 +02:00 · 2021-04-21 23:32:05 +02:00 · 2021-04-21 18:27:03 +02:00 · 2021-04-21 18:26:10 +02:00 · 2021-04-21 18:23:02 +02:00
76 changed files with 825 additions and 461 deletions
--- a/MaterialDeck.js
+++ b/MaterialDeck.js
@@ -22,7 +22,6 @@ export var externalModules;
 export var sceneControl;

 export const moduleName = "MaterialDeck";
-export var selectedTokenId;

 let ready = false;
 let activeSounds = [];
@@ -30,7 +29,7 @@ let activeSounds = [];
 export let hotbarUses = false;
 export let calculateHotbarUses;

-
+let controlTokenTimer;
       
 //CONFIG.debug.hooks = true;
 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
@@ -72,14 +71,28 @@ async function analyzeWSmessage(msg){
    }

    if (data.type == "version" && data.source == "SD") {
-        /*
-        console.log(data);
        const minimumSDversion = game.modules.get("MaterialDeck").data.minimumSDversion.replace('v','');
        const minimumMSversion = game.modules.get("MaterialDeck").data.minimumMSversion;
-        console.log('SD',minimumSDversion,data.version)
-        if (data.version < minimumSDversion) console.log('SD: nope')
-        else console.log('SD: yes');
-        */
+
+        if (data.version < minimumSDversion) {
+            let d = new Dialog({
+                title: "Material Deck: Update Needed",
+                content: "<p>The Stream Deck plugin version you're using is v" + data.version + ", which is outdated.<br>Update to v" + minimumSDversion + " or newer.</p>",
+                buttons: {
+                 download: {
+                  icon: '<i class="fas fa-download"></i>',
+                  label: "Update",
+                  callback: () => window.open("https://github.com/CDeenen/MaterialDeck_SD/releases")
+                 },
+                 ignore: {
+                  icon: '<i class="fas fa-times"></i>',
+                  label: "Ignore"
+                 }
+                },
+                default: "download"
+            });
+            d.render(true);
+        }
    }

    if (data == undefined || data.payload == undefined) return;
@@ -89,6 +102,8 @@ async function analyzeWSmessage(msg){
    const context = data.context;
    const coordinates = data.payload.coordinates;
    const settings = data.payload.settings;
+    const device = data.device;
+    

    if (data.data == 'init'){

@@ -96,33 +111,33 @@ async function analyzeWSmessage(msg){
    if (event == 'willAppear' || event == 'didReceiveSettings'){
        if (coordinates == undefined) return;
        streamDeck.setScreen(action);
-        streamDeck.setContext(action,context,coordinates,settings);
+        await streamDeck.setContext(device,data.size,data.deviceIteration,action,context,coordinates,settings);

        if (action == 'token'){
            tokenControl.active = true;
-            tokenControl.update(selectedTokenId);
+            tokenControl.pushData(canvas.tokens.controlled[0]?.id,settings,context,device);
        }  
        else if (action == 'move')
-            move.update(settings,context);
+            move.update(settings,context,device);
        else if (action == 'macro')
-            macroControl.update(settings,context);
+            macroControl.update(settings,context,device);
        else if (action == 'combattracker')
-            combatTracker.update(settings,context);
+            combatTracker.update(settings,context,device);
        else if (action == 'playlist')
-            playlistControl.update(settings,context);
+            playlistControl.update(settings,context,device);
        else if (action == 'soundboard')
-            soundboard.update(settings,context); 
+            soundboard.update(settings,context,device); 
        else if (action == 'other')
-            otherControls.update(settings,context);
+            otherControls.update(settings,context,device);
        else if (action == 'external')
-            externalModules.update(settings,context);
+            externalModules.update(settings,context,device);
        else if (action == 'scene')
-            sceneControl.update(settings,context);
+            sceneControl.update(settings,context,device);
    }
    
    else if (event == 'willDisappear'){
        if (coordinates == undefined) return;
-        streamDeck.clearContext(action,coordinates,context);
+        streamDeck.clearContext(device,action,coordinates,context);
    }

    else if (event == 'keyDown'){
@@ -133,15 +148,15 @@ async function analyzeWSmessage(msg){
        else if (action == 'macro')
            macroControl.keyPress(settings);
        else if (action == 'combattracker')
-            combatTracker.keyPress(settings,context);
+            combatTracker.keyPress(settings,context,device);
        else if (action == 'playlist')
-            playlistControl.keyPress(settings,context);
+            playlistControl.keyPress(settings,context,device);
        else if (action == 'soundboard')
            soundboard.keyPressDown(settings);
        else if (action == 'other')
-            otherControls.keyPress(settings,context);
+            otherControls.keyPress(settings,context,device);
        else if (action == 'external')
-            externalModules.keyPress(settings,context);
+            externalModules.keyPress(settings,context,device);
        else if (action == 'scene')
            sceneControl.keyPress(settings);
    }
@@ -301,6 +316,43 @@ Hooks.once('ready', async()=>{
    for (let i=0; i<64; i++)
        activeSounds[i] = false;

+    if (game.user.isGM) {
+        let soundBoardSettings = game.settings.get(moduleName,'soundboardSettings');
+        let macroSettings = game.settings.get(moduleName, 'macroSettings');
+        let array = [];
+        for (let i=0; i<64; i++) array[i] = "";
+        let arrayVolume = [];
+        for (let i=0; i<64; i++) arrayVolume[i] = "50";
+        let arrayZero = [];
+        for (let i=0; i<64; i++) arrayZero[i] = "0";
+    
+        if (macroSettings.color == undefined){
+            game.settings.set(moduleName,'macroSettings',{
+                macros: array,
+                color: arrayZero
+            });
+        }
+    
+        const settings = {
+            playlist: "",
+            sounds: array,
+            colorOn: arrayZero,
+            colorOff: arrayZero,
+            mode: arrayZero,
+            toggle: arrayZero,
+            volume: arrayVolume
+        };
+        if (soundBoardSettings.colorOff == undefined){
+            game.settings.set(moduleName,'soundboardSettings',settings);
+        }
+    }
+
+
+
+
+
+
+
    if (enableModule == false) return;
    if (getPermission('ENABLE') == false) {
        ready = true;
@@ -309,45 +361,14 @@ Hooks.once('ready', async()=>{

    startWebsocket();

-    let soundBoardSettings = game.settings.get(moduleName,'soundboardSettings');
-    let macroSettings = game.settings.get(moduleName, 'macroSettings');
-    let array = [];
-    for (let i=0; i<64; i++) array[i] = "";
-    let arrayVolume = [];
-    for (let i=0; i<64; i++) arrayVolume[i] = "50";
-    let arrayZero = [];
-    for (let i=0; i<64; i++) arrayZero[i] = "0";
-
-    if (macroSettings.color == undefined){
-        game.settings.set(moduleName,'macroSettings',{
-            macros: array,
-            color: arrayZero
-        });
-    }
-    if (soundBoardSettings.colorOff == undefined){
-        game.settings.set(moduleName,'soundboardSettings',{
-            playlist: "",
-            sounds: array,
-            colorOn: arrayZero,
-            colorOff: arrayZero,
-            mode: arrayZero,
-            toggle: arrayZero,
-            volume: arrayVolume
-        });
-    }
-
    const hotbarUsesTemp = game.modules.get("illandril-hotbar-uses");
-    if (hotbarUsesTemp != undefined) {
-        hotbarUses = true;
-    }
-    
+    if (hotbarUsesTemp != undefined) hotbarUses = true;
 });

 Hooks.on('updateToken',(scene,token)=>{
    if (enableModule == false || ready == false) return;
    let tokenId = token._id;
-    if (tokenId == selectedTokenId)
-        tokenControl.update(selectedTokenId);
+    if (tokenId == canvas.tokens.controlled[0]?.id) tokenControl.update(canvas.tokens.controlled[0]?.id);
    if (macroControl != undefined) macroControl.updateAll();
 });

@@ -357,8 +378,10 @@ Hooks.on('updateActor',(scene,actor)=>{
    for (let i=0; i<children.length; i++){
        if (children[i].actor.id == actor._id){
            let tokenId = children[i].id;
-            if (tokenId == selectedTokenId)
-                tokenControl.update(selectedTokenId);
+            if (tokenId == canvas.tokens.controlled[0]?.id) {
+                tokenControl.update(canvas.tokens.controlled[0]?.id);
+            }
+                
        }
    }
    if (macroControl != undefined) macroControl.updateAll();
@@ -367,12 +390,16 @@ Hooks.on('updateActor',(scene,actor)=>{
 Hooks.on('controlToken',(token,controlled)=>{
    if (enableModule == false || ready == false) return;
    if (controlled) {
-        selectedTokenId = token.data._id;
+        tokenControl.update(token.data._id);
+        if (controlTokenTimer != undefined) {
+            clearTimeout(controlTokenTimer);
+            controlTokenTimer = undefined;
+        }
    }
    else {
-        selectedTokenId = undefined;
+        controlTokenTimer = setTimeout(function(){tokenControl.update(canvas.tokens.controlled[0]?.id);},10)
    }
-    tokenControl.update(selectedTokenId);
+    
    if (macroControl != undefined) macroControl.updateAll();
 });

@@ -381,7 +408,6 @@ Hooks.on('updateOwnedItem',()=>{
 })

 Hooks.on('renderHotbar', (hotbar)=>{
-    if (compatibleCore("0.8.1")) return;
    if (enableModule == false || ready == false) return;
    if (macroControl != undefined) macroControl.hotbar(hotbar.macros);
 });
@@ -396,7 +422,7 @@ Hooks.on('render', (app)=>{
 Hooks.on('renderCombatTracker',()=>{
    if (enableModule == false || ready == false) return;
    if (combatTracker != undefined) combatTracker.updateAll();
-    if (tokenControl != undefined) tokenControl.update(selectedTokenId);
+    if (tokenControl != undefined) tokenControl.update(canvas.tokens.controlled[0]?.id);
 });

 Hooks.on('renderPlaylistDirectory', (playlistDirectory)=>{
@@ -453,7 +479,7 @@ Hooks.on('renderSceneControls',()=>{

 Hooks.on('targetToken',(user,token,targeted)=>{
    if (enableModule == false || ready == false) return;
-    if (token.id == selectedTokenId) tokenControl.update(selectedTokenId);
+    if (token.id == canvas.tokens.controlled[0]?.id) tokenControl.update(canvas.tokens.controlled[0]?.id);
 });

 Hooks.on('sidebarCollapse',()=>{
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,84 @@
 # Changelog Material Deck Module
-## v1.3.3
+### v1.4.3 - 05-05-2021
+Fixes:
+<ul>
+<li>Fixed issue where the module would break if multiple Stream Decks were configured in the Stream Deck application, but not all of them had MD actions assigned to them</li>
+<li>In the User Permission Configuration, the Scene Directory hint wasn't displayed properly</li>
+<li>Got rid of warnings that popped up on initialization when using MD as a player</li>
+<li>Fixed issue where the soundboard and macro board could not be configured by players, if it hadn't first been configured by a GM</li>
+</ul>
+
+Other
+<ul>
+<li>Added compatibility for Foundry 0.8.2. Some functions no longer work in 0.8.1 (they still do in 0.7.9)</li>
+</ul>
+
+<br>
+<b>Compatible server app and SD plugin:</b><br>
+Material Server v1.0.2 (unchanged): https://github.com/CDeenen/MaterialServer/releases <br>
+SD plugin v1.4.2 (unchanged): https://github.com/CDeenen/MaterialDeck_SD/releases<br>
+
+### v1.4.2 - 23-04-2021
+Fixes:
+<ul>
+<li>Last update I fixed the combat tracker, but this broke something in the Token Action (if you had a token selected, it would sometimes assumed you didn't have it selected), both should now work</li>
+<li>Token Action: Plugin wouldn't save text boxes (such as 'Prepend Title' or 'Custom') if they were empty</li>
+<li>Token Action: Improved performance, especially when 'Token' is set to 'Selected Token', and you're selecting a new token while you had another token selected<li>
+<li>Token Action => Stats => Skill Modifier: (dnd5e) Would only display the modifier, now it displays the total value (so with proficiency, if applicable)</li>
+<li>Combat Tracker => Mode: Function => Function: Would not always properly load the 'Turn Display' options</li>
+<li>Playlist Action: Background color would not show, and 'Off Color' wouldn't work for 'Offset'</li>
+<li>Macro Action => Macro Board => Offset: Background color would not show</li>
+<li>Scene Action => Offset: Background color would not show</li>
+</ul>
+
+Additions:
+<ul>
+<li>Token Action: Changed the way how you can select what icon will be displayed. Instead of a true/false, there is now a selection box where you can select between 'None', 'Token Icon', 'Actor Icon' and 'Default', where the last one will display the default icon, for example the selected stat to display, the condition, etc</li>
+<li>Token Action => Stats & On Click => Custom: Textbox now automatically resizes to fit the content</li>
+<li>Token Action => On Click => Dice Roll: Added 'Roll Mode' option, where you can set to roll as 'default' (displays dialog), 'normal', 'advantage' or 'disadvantage'. All options, except for 'default', will ignore the previously added 'Token Roll Options' in 'Other Actions'</li>
+</ul>
+
+Other:
+<ul>
+<li>Big code cleanup of the SD plugin</li>
+</ul>
+
+<br>
+<b>Compatible server app and SD plugin:</b><br>
+Material Server v1.0.2 (unchanged): https://github.com/CDeenen/MaterialServer/releases <br>
+SD plugin v1.4.2 (<b>must be updated!</b>): https://github.com/CDeenen/MaterialDeck_SD/releases<br>
+
+### v1.4.1 - 21-04-2021
+Fixes:
+<ul>
+<li>Previous update broke the combat tracker, should now be fixed</li>
+</ul>
+
+### v1.4.0 - 21-04-2021
+Additions:
+<ul>
+<li>Support for connecting multiple Stream Decks at the same time. Please note that performance decreases with each extra Stream Deck</li>
+<li>Other Actions: Added 'Token Roll Options'. This can toggle token rolls between showing a dialog and skipping the dialog and rolling normally or with advantage or disadvantage</li>
+<li>If the SD plugin version you're using is outdated, you now get a pop-up to notify you of this and direct you to the download page</li>
+<li>Added a module setting to set how dark the default white images should be. Can be lowered for improved readability of the text</li>
+<li>Token Action => Stats: Added option to prepend text to the title, so you can set the stat to, for example, strength, and put 'STR: ' in the prepend textbox to display, for example, 'STR: +2'</li>
+</ul>
+
+Fixes:
+<ul>
+<li>Token Action => Skill Roll: Setting wasn't saved in SD app</li>
+<li>Token Action => Roll Ability: Rolling ability checks was broken for some systems</li>
+<li>Token Action => Stats => Display HP: Read overlay indicating HP in the heart icon was also drawn when 'Display Token Icon' was enabled</li>
+<li>Token Action => Stats: Added default images for all dnd5e abilities, saves and skills</li>
+</ul>
+
+<br>
+<b>Compatible server app and SD plugin:</b><br>
+Material Server v1.0.2 (unchanged): https://github.com/CDeenen/MaterialServer/releases <br>
+SD plugin v1.4.0 (<b>must be updated!</b>): https://github.com/CDeenen/MaterialDeck_SD/releases<br>
+
+
+### v1.3.3 - 12-04-2021
 Additions:
 <ul>
 <li>Other Actions => Open Sidebar Tab: Action now indicates which sidebar tab is open (only works on Foundry 0.8.x)</li>
@@ -30,7 +109,7 @@ Other:
 Material Server v1.0.2 (unchanged): https://github.com/CDeenen/MaterialServer/releases <br>
 SD plugin v1.3.4 (<b>must be updated!</b>): https://github.com/CDeenen/MaterialDeck_SD/releases<br>

-## v1.3.2 - 11-03-2021
+### v1.3.2 - 11-03-2021
 Additions:
 <ul>
 <li>Added support for the Multi Action provided by the SD app</li>
@@ -50,7 +129,6 @@ Other:
 <ul>
 <li>Macro Action: Improved the way Hotbar Uses are displayed, it is now displayed in a box similar to how the module looks in Foundry</li>
 <li>Made the way images are generated more flexible to make future additions easier</li>
-<li></li>
 </ul>

 <br>
@@ -90,7 +168,7 @@ Additions:
 <li>External Modules => Added support for the 'Shared Vision' module</li>
 <li>External Modules => Added support for the 'Lock View' module</li>
 <li>External Modules => Added support for the 'Not Your Turn' module</li>
-<ul>
+</ul>
 Fixes:
 <ul>
 <li>Token Action => OnClick: Fixed conditions for pf1e and dnd3.5e</li>
@@ -323,4 +401,4 @@ SD plugin v0.7.0<br>
 </ul>
 <b>Compatible server app and SD plugin:</b><br>
 Server v0.2.4<br>
-SD plugin v0.7.1<br>
+SD plugin v0.7.1<br>
--- a/img/.thumb/MaterialFoundry512x512.png.jpg
+++ b/img/.thumb/MaterialFoundry512x512.png.jpg
--- a/img/MaterialFoundry512x512.png
+++ b/img/MaterialFoundry512x512.png
--- a/img/other/.thumb/d20.png.jpg
+++ b/img/other/.thumb/d20.png.jpg
--- a/img/other/SOURCES.txt
+++ b/img/other/SOURCES.txt
@@ -1,2 +1,3 @@
 other.png: Made using https://www.elgato.com/en/gaming/keycreator
-cogs.png: Edited from https://fontawesome.com/icons/cogs?style=solid
+cogs.png: Edited from https://fontawesome.com/icons/cogs?style=solid
+d20.png: Edited from https://game-icons.net/1x1/delapouite/dice-twenty-faces-twenty.html
--- a/img/other/d20.png
+++ b/img/other/d20.png
--- a/img/token/.thumb/temp_hp_empty.png.jpg
+++ b/img/token/.thumb/temp_hp_empty.png.jpg
--- a/img/token/SOURCES.txt
+++ b/img/token/SOURCES.txt
@@ -1,5 +1,5 @@
 ac.webp: Foundry's icon folder, original name: heater-steel-worn.webp
-hp.png: made using Elgato's key creator: https://www.elgato.com/en/gaming/keycreator
+hp.png, hp_empty.png and temp_hp_empty.png: made using/modified from Elgato's key creator: https://www.elgato.com/en/gaming/keycreator
 init.png: freepngimg.com, color inverted, from: https://freepngimg.com/png/81025-art-dice-dungeons-system-dragons-d20-triangle/icon
 speed.webp: Foundry's icon folder, original name: shoes-collared-leather-blue.webp
 mystery-man.png: Foundry's icon folder, converted from .svg
--- a/img/token/abilities/.thumb/cha.png.jpg
+++ b/img/token/abilities/.thumb/cha.png.jpg
--- a/img/token/abilities/.thumb/cons.png.jpg
+++ b/img/token/abilities/.thumb/cons.png.jpg
--- a/img/token/abilities/.thumb/dex.png.jpg
+++ b/img/token/abilities/.thumb/dex.png.jpg
--- a/img/token/abilities/.thumb/int.png.jpg
+++ b/img/token/abilities/.thumb/int.png.jpg
--- a/img/token/abilities/.thumb/str.png.jpg
+++ b/img/token/abilities/.thumb/str.png.jpg
--- a/img/token/abilities/.thumb/wis.png.jpg
+++ b/img/token/abilities/.thumb/wis.png.jpg
--- a/img/token/abilities/SOURCES.txt
+++ b/img/token/abilities/SOURCES.txt
@@ -0,0 +1,7 @@
+All images licenced under CC BY 3.0. Grabbed from game-icons.net
+str.png: https://game-icons.net/1x1/delapouite/weight-lifting-up.html
+dex.png: https://game-icons.net/1x1/darkzaitzev/acrobatic.html
+cons.png: https://game-icons.net/1x1/zeromancer/heart-plus.html
+int.png: https://game-icons.net/1x1/lorc/bookmarklet.html
+wis.png: https://game-icons.net/1x1/delapouite/wisdom.html
+cha.png: https://game-icons.net/1x1/lorc/icicles-aura.html
--- a/img/token/abilities/cha.png
+++ b/img/token/abilities/cha.png
--- a/img/token/abilities/cons.png
+++ b/img/token/abilities/cons.png
--- a/img/token/abilities/dex.png
+++ b/img/token/abilities/dex.png
--- a/img/token/abilities/int.png
+++ b/img/token/abilities/int.png
--- a/img/token/abilities/str.png
+++ b/img/token/abilities/str.png
--- a/img/token/abilities/wis.png
+++ b/img/token/abilities/wis.png
--- a/img/token/skills/.thumb/acr.png.jpg
+++ b/img/token/skills/.thumb/acr.png.jpg
--- a/img/token/skills/.thumb/ani.png.jpg
+++ b/img/token/skills/.thumb/ani.png.jpg
--- a/img/token/skills/.thumb/arc.png.jpg
+++ b/img/token/skills/.thumb/arc.png.jpg
--- a/img/token/skills/.thumb/ath.png.jpg
+++ b/img/token/skills/.thumb/ath.png.jpg
--- a/img/token/skills/.thumb/dec.png.jpg
+++ b/img/token/skills/.thumb/dec.png.jpg
--- a/img/token/skills/.thumb/his.png.jpg
+++ b/img/token/skills/.thumb/his.png.jpg
--- a/img/token/skills/.thumb/ins.png.jpg
+++ b/img/token/skills/.thumb/ins.png.jpg
--- a/img/token/skills/.thumb/inv.png.jpg
+++ b/img/token/skills/.thumb/inv.png.jpg
--- a/img/token/skills/.thumb/itm.png.jpg
+++ b/img/token/skills/.thumb/itm.png.jpg
--- a/img/token/skills/.thumb/med.png.jpg
+++ b/img/token/skills/.thumb/med.png.jpg
--- a/img/token/skills/.thumb/nat.png.jpg
+++ b/img/token/skills/.thumb/nat.png.jpg
--- a/img/token/skills/.thumb/per.png.jpg
+++ b/img/token/skills/.thumb/per.png.jpg
--- a/img/token/skills/.thumb/prc.png.jpg
+++ b/img/token/skills/.thumb/prc.png.jpg
--- a/img/token/skills/.thumb/prf.png.jpg
+++ b/img/token/skills/.thumb/prf.png.jpg
--- a/img/token/skills/.thumb/rel.png.jpg
+++ b/img/token/skills/.thumb/rel.png.jpg
--- a/img/token/skills/.thumb/slt.png.jpg
+++ b/img/token/skills/.thumb/slt.png.jpg
--- a/img/token/skills/.thumb/ste.png.jpg
+++ b/img/token/skills/.thumb/ste.png.jpg
--- a/img/token/skills/.thumb/sur.png.jpg
+++ b/img/token/skills/.thumb/sur.png.jpg
--- a/img/token/skills/SOURCES.txt
+++ b/img/token/skills/SOURCES.txt
@@ -0,0 +1,19 @@
+All images licenced under CC BY 3.0. Grabbed from game-icons.net
+acr.png: https://game-icons.net/1x1/delapouite/contortionist.html
+ani.png: https://game-icons.net/1x1/delapouite/cavalry.html
+arc.png: https://game-icons.net/1x1/delapouite/spell-book.html
+ath.png: https://game-icons.net/1x1/lorc/muscle-up.html
+dec.png: https://game-icons.net/1x1/delapouite/convince.html
+his.png: https://game-icons.net/1x1/delapouite/backward-time.html
+ins.png: https://game-icons.net/1x1/lorc/light-bulb.html
+itm.png: https://game-icons.net/1x1/lorc/one-eyed.html
+inv.png: https://game-icons.net/1x1/lorc/magnifying-glass.html
+med.png: https://game-icons.net/1x1/delapouite/first-aid-kit.html
+nat.png: https://game-icons.net/1x1/delapouite/forest.html
+prc.png: https://game-icons.net/1x1/lorc/semi-closed-eye.html
+prf.png: https://game-icons.net/1x1/lorc/sing.html
+per.png: https://game-icons.net/1x1/delapouite/public-speaker.html
+rel.png: https://game-icons.net/1x1/lorc/holy-grail.html
+slt.png: https://game-icons.net/1x1/lorc/snatch.html
+ste.png: https://game-icons.net/1x1/lorc/cloak-dagger.html
+sur.png: https://game-icons.net/1x1/delapouite/pyre.html
--- a/img/token/skills/acr.png
+++ b/img/token/skills/acr.png
--- a/img/token/skills/ani.png
+++ b/img/token/skills/ani.png
--- a/img/token/skills/arc.png
+++ b/img/token/skills/arc.png
--- a/img/token/skills/ath.png
+++ b/img/token/skills/ath.png
--- a/img/token/skills/dec.png
+++ b/img/token/skills/dec.png
--- a/img/token/skills/his.png
+++ b/img/token/skills/his.png
--- a/img/token/skills/ins.png
+++ b/img/token/skills/ins.png
--- a/img/token/skills/inv.png
+++ b/img/token/skills/inv.png
--- a/img/token/skills/itm.png
+++ b/img/token/skills/itm.png
--- a/img/token/skills/med.png
+++ b/img/token/skills/med.png
--- a/img/token/skills/nat.png
+++ b/img/token/skills/nat.png
--- a/img/token/skills/per.png
+++ b/img/token/skills/per.png
--- a/img/token/skills/prc.png
+++ b/img/token/skills/prc.png
--- a/img/token/skills/prf.png
+++ b/img/token/skills/prf.png
--- a/img/token/skills/rel.png
+++ b/img/token/skills/rel.png
--- a/img/token/skills/slt.png
+++ b/img/token/skills/slt.png
--- a/img/token/skills/ste.png
+++ b/img/token/skills/ste.png
--- a/img/token/skills/sur.png
+++ b/img/token/skills/sur.png
--- a/img/token/temp_hp_empty.png
+++ b/img/token/temp_hp_empty.png
--- a/lang/en.json
+++ b/lang/en.json
@@ -21,6 +21,8 @@
    "MaterialDeck.Sett.ServerAddrHint": "The IP address and port of Material Server. The default value will work for 99% of people, only change this if you know what you're doing. Must follow the format [ip_address]:[port], for example: 'localhost:3001' or '192.168.1.1:4000'.",
    "MaterialDeck.Sett.ImageBuffer": "Image Cache Size",
    "MaterialDeck.Sett.ImageBufferHint": "Sets the amount of images to store in the image cache. The image cache will locally store all images sent to the Stream Deck. This improves the update speed, but increases memory usage.",
+    "MaterialDeck.Sett.ImageBrightness": "Image Brightness",
+    "MaterialDeck.Sett.ImageBrightnessHint": "Sets the brightness of the default white images. If the Image Cache Size is bigger than 0, perform a refresh for instant results.",

    "MaterialDeck.PL.Unrestricted": "Unrestricted",
    "MaterialDeck.PL.OneTrackPlaylist": "One track per playlist",
@@ -96,7 +98,7 @@
    "MaterialDeck.Perm.MACRO.MACROBOARD.label": "Macro Board",
    "MaterialDeck.Perm.MACRO.MACROBOARD.hint": "Allow users to use the macro board",
    "MaterialDeck.Perm.MACRO.MACROBOARD_CONFIGURE.label": "Configure the Macro Board",
-    "MaterialDeck.Perm.MACRO.MACROBOARD_CONFIGURE.hint": "Allow users to configure the macro board",
+    "MaterialDeck.Perm.MACRO.MACROBOARD_CONFIGURE.hint": "Allow users to configure the macro board. To allow users to pick icons using the filepicker, enable 'Browse File Explorer' for that user in the core Permission Configuration",

    "MaterialDeck.Perm.MOVE.label": "Move",
    "MaterialDeck.Perm.MOVE.TOKEN.label": "Token",
@@ -142,7 +144,7 @@
    "MaterialDeck.Perm.SCENE.ACTIVE.label": "Active Scene",
    "MaterialDeck.Perm.SCENE.ACTIVE.hint": "Allow users to view the active scene",
    "MaterialDeck.Perm.SCENE.DIRECTORY.label": "Scene Directory",
-    "MaterialDeck.Perm.SCENE.DIRECTOR.hint": "Allow users to view and control scenes from the scene directory",
+    "MaterialDeck.Perm.SCENE.DIRECTORY.hint": "Allow users to view and control scenes from the scene directory",
    "MaterialDeck.Perm.SCENE.NAME.label": "Scene by Name",
    "MaterialDeck.Perm.SCENE.NAME.hint": "Allow users to view and control any scene by name",

@@ -150,7 +152,7 @@
    "MaterialDeck.Perm.SOUNDBOARD.PLAY.label": "Enable",
    "MaterialDeck.Perm.SOUNDBOARD.PLAY.hint": "Allow users to play sounds from the soundboard",
    "MaterialDeck.Perm.SOUNDBOARD.CONFIGURE.label": "Configure",
-    "MaterialDeck.Perm.SOUNDBOARD.CONFIGURE.hint": "Allow users to configure the soundboard",
+    "MaterialDeck.Perm.SOUNDBOARD.CONFIGURE.hint": "Allow users to configure the soundboard. To allow users to pick files and icons using the filepicker, enable 'Browse File Explorer' for that user in the core Permission Configuration",

    "MaterialDeck.Perm.TOKEN.label": "Token",
    "MaterialDeck.Perm.TOKEN.STATS.label": "Display Stats",
--- a/module.json
+++ b/module.json
@@ -1,25 +1,40 @@
 {
-    "name": "MaterialDeck",
-    "title": "Material Deck",
-    "description": "Material Deck allows you to control Foundry using an Elgato Stream Deck",
-    "version": "1.3.3",
-    "minimumSDversion": "1.3.4",
-    "minimumMSversion": "1.0.2",
-    "author": "CDeenen",
-    "esmodules": [
-      "./MaterialDeck.js"
-    ],
-    "socket": true,
-    "minimumCoreVersion": "0.7.5",
-    "compatibleCoreVersion": "0.8.1",
-    "languages": [
-      {
-        "lang": "en",
-        "name": "English",
-        "path": "lang/en.json"
-      }
-    ],
-    "url": "https://github.com/CDeenen/MaterialDeck",
-    "manifest": "https://raw.githubusercontent.com/CDeenen/MaterialDeck/Master/module.json",
-    "download": "https://github.com/CDeenen/MaterialDeck/archive/Master.zip"
-  }
+  "name": "MaterialDeck",
+  "title": "Material Deck",
+  "description": "Material Deck allows you to control Foundry using an Elgato Stream Deck",
+  "version": "1.4.3",
+  "minimumSDversion": "1.4.2",
+  "minimumMSversion": "1.0.2",
+  "author": "CDeenen",
+  "authors": {
+    "name": "CDeenen",
+    "email": "cdeenen@outlook.com",
+    "discord": "Cris#6864",
+    "patreon": "MaterialFoundry",
+    "reddit": "CDeenen123"
+  },
+  
+  "esmodules": [
+    "./MaterialDeck.js"
+  ],
+  "socket": true,
+  "minimumCoreVersion": "0.7.5",
+  "compatibleCoreVersion": "0.8.2",
+  "languages": [
+    {
+      "lang": "en",
+      "name": "English",
+      "path": "lang/en.json"
+    }
+  ],
+  "media": [
+    {
+      "type": "icon",
+      "url": "https://raw.githubusercontent.com/CDeenen/MaterialDeck/Master/img/MaterialFoundry512x512.png"
+    }
+  ],
+  "manifestPlusVersion": "1.1.0",
+  "url": "https://github.com/CDeenen/MaterialDeck",
+  "manifest": "https://raw.githubusercontent.com/CDeenen/MaterialDeck/Master/module.json",
+  "download": "https://github.com/CDeenen/MaterialDeck/archive/Master.zip"
+}
--- a/src/combattracker.js
+++ b/src/combattracker.js
@@ -10,14 +10,17 @@ export class CombatTracker{

    async updateAll(){
        if (this.active == false) return;
-        for (let i=0; i<32; i++){   
-            const data = streamDeck.buttonContext[i];
-            if (data == undefined || data.action != 'combattracker') continue;
-            await this.update(data.settings,data.context);
+        for (let device of streamDeck.buttonContext) {
+            if (device?.buttons == undefined) continue;
+            for (let i=0; i<device.buttons.length; i++){   
+                const data = device.buttons[i];
+                if (data == undefined || data.action != 'combattracker') continue;
+                await this.update(data.settings,data.context,device.device);
+            }
        }
    }

-    update(settings,context){
+    update(settings,context,device){
        this.active = true;
        const ctFunction = settings.combatTrackerFunction ? settings.combatTrackerFunction : 'startStop';
        const mode = settings.combatTrackerMode ? settings.combatTrackerMode : 'combatants';
@@ -26,10 +29,11 @@ export class CombatTracker{
        let txt = "";
        let background = "#000000";
        settings.combat = true;
+        settings.icon = settings.displayIcon ? 'tokenIcon' : 'none';
        
        if (mode == 'combatants'){
            if (MODULE.getPermission('COMBAT','DISPLAY_COMBATANTS') == false) {
-                streamDeck.noPermission(context,false,"combat tracker");
+                streamDeck.noPermission(context,device,device,false,"combat tracker");
                return;
            }
            if (combat != null && combat != undefined && combat.turns.length != 0){
@@ -41,45 +45,45 @@ export class CombatTracker{

                if (combatant != undefined){
                    const tokenId = compatibleCore("0.8.1") ? combatant.data.tokenId : combatant.tokenId;
-                    tokenControl.pushData(tokenId,settings,context,combatantState,'#cccc00');
+                    tokenControl.pushData(tokenId,settings,context,device,combatantState,'#cccc00');
                    return;
                }
                else {
-                    streamDeck.setIcon(context,src,{background:background});
+                    streamDeck.setIcon(context,device,src,{background:background});
                    streamDeck.setTitle(txt,context);
                } 
            }
            else {
-                streamDeck.setIcon(context,src,{background:background});
+                streamDeck.setIcon(context,device,src,{background:background});
                streamDeck.setTitle(txt,context);
            }
        }
        else if (mode == 'currentCombatant'){
            if (MODULE.getPermission('COMBAT','DISPLAY_COMBATANTS') == false) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device,device);
                return;
            }
            if (combat != null && combat != undefined && combat.started){
                const tokenId = compatibleCore("0.8.1") ? combat.combatant.data.tokenId : combat.combatant.tokenId;
-                tokenControl.pushData(tokenId,settings,context);
+                tokenControl.pushData(tokenId,settings,context,device);
            }
            else {
-                streamDeck.setIcon(context,src,{background:background});
+                streamDeck.setIcon(context,device,src,{background:background});
                streamDeck.setTitle(txt,context);
            }
        }
        else if (mode == 'function'){

            if (ctFunction == 'turnDisplay' && MODULE.getPermission('COMBAT','TURN_DISPLAY') == false) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }
            else if (ctFunction == 'endTurn' && MODULE.getPermission('COMBAT','END_TURN') == false) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }
            else if (ctFunction != 'turnDisplay' && ctFunction != 'endTurn' && MODULE.getPermission('COMBAT','OTHER_FUNCTIONS') == false) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }

@@ -126,12 +130,12 @@ export class CombatTracker{
                if (txt != "") txt += "\n";
                if (settings.displayTurn) txt += "Turn\n"+turn;
            }
-            streamDeck.setIcon(context,src,{background:background});
+            streamDeck.setIcon(context,device,src,{background:background});
            streamDeck.setTitle(txt,context);
        }
    }

-    keyPress(settings,context){
+    keyPress(settings,context,device){
        const mode = settings.combatTrackerMode ? settings.combatTrackerMode : 'combatants';
        const combat = game.combat;

@@ -140,15 +144,15 @@ export class CombatTracker{
            const ctFunction = settings.combatTrackerFunction ? settings.combatTrackerFunction : 'startStop';

            if (ctFunction == 'turnDisplay' && MODULE.getPermission('COMBAT','TURN_DISPLAY') == false) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }
            else if (ctFunction == 'endTurn' && MODULE.getPermission('COMBAT','END_TURN') == false) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }
            else if (ctFunction != 'turnDisplay' && ctFunction != 'endTurn' && MODULE.getPermission('COMBAT','OTHER_FUNCTIONS') == false) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }

@@ -157,15 +161,10 @@ export class CombatTracker{
                let background;
                if (game.combat.started){
                    game.combat.endCombat();
-                    src = "modules/MaterialDeck/img/combattracker/startcombat.png";
-                    background = "#000000";
                }
                else {
                    game.combat.startCombat();
-                    src = "modules/MaterialDeck/img/combattracker/stopcombat.png";
-                    background = "#FF0000";
                }
-                streamDeck.setIcon(context,src,{background:background});
                return;
            }
            if (game.combat.started == false) return;
--- a/src/external.js
+++ b/src/external.js
@@ -12,39 +12,42 @@ export class ExternalModules{
            this.gmScreenOpen = data.gmScreen.isOpen;
        }
        if (this.active == false) return;
-        for (let i=0; i<32; i++){   
-            const data = streamDeck.buttonContext[i];
-            if (data == undefined || data.action != 'external') continue;
-            await this.update(data.settings,data.context);
+        for (let device of streamDeck.buttonContext) {
+            if (device?.buttons == undefined) continue;
+            for (let i=0; i<device.buttons.length; i++){   
+                const data = device.buttons[i];
+                if (data == undefined || data.action != 'external') continue;
+                await this.update(data.settings,data.context,device.device);
+            }
        }
    }

-    update(settings,context){
+    update(settings,context,device){
        this.active = true;
        const module = settings.module ? settings.module : 'fxmaster';

-        if (module == 'fxmaster')           this.updateFxMaster(settings,context);
-        else if (module == 'gmscreen')      this.updateGMScreen(settings,context);
-        else if (module == 'triggerHappy')  this.updateTriggerHappy(settings,context);
-        else if (module == 'sharedVision')  this.updateSharedVision(settings,context);
-        else if (module == 'mookAI')        this.updateMookAI(settings,context);
-        else if (module == 'notYourTurn')   this.updateNotYourTurn(settings,context);
-        else if (module == 'lockView')      this.updateLockView(settings,context);
-        else if (module == 'aboutTime')     this.updateAboutTime(settings,context);
+        if (module == 'fxmaster')           this.updateFxMaster(settings,context,device);
+        else if (module == 'gmscreen')      this.updateGMScreen(settings,context,device);
+        else if (module == 'triggerHappy')  this.updateTriggerHappy(settings,context,device);
+        else if (module == 'sharedVision')  this.updateSharedVision(settings,context,device);
+        else if (module == 'mookAI')        this.updateMookAI(settings,context,device);
+        else if (module == 'notYourTurn')   this.updateNotYourTurn(settings,context,device);
+        else if (module == 'lockView')      this.updateLockView(settings,context,device);
+        else if (module == 'aboutTime')     this.updateAboutTime(settings,context,device);
    }

-    keyPress(settings,context){
+    keyPress(settings,context,device){
        if (this.active == false) return;
        const module = settings.module ? settings.module : 'fxmaster';

-        if (module == 'fxmaster')           this.keyPressFxMaster(settings,context);
-        else if (module == 'gmscreen')      this.keyPressGMScreen(settings,context);
-        else if (module == 'triggerHappy')  this.keyPressTriggerHappy(settings,context);
-        else if (module == 'sharedVision')  this.keyPressSharedVision(settings,context);
-        else if (module == 'mookAI')        this.keyPressMookAI(settings,context);
-        else if (module == 'notYourTurn')   this.keyPressNotYourTurn(settings,context);
-        else if (module == 'lockView')      this.keyPressLockView(settings,context);
-        else if (module == 'aboutTime')     this.keyPressAboutTime(settings,context);
+        if (module == 'fxmaster')           this.keyPressFxMaster(settings,context,device);
+        else if (module == 'gmscreen')      this.keyPressGMScreen(settings,context,device);
+        else if (module == 'triggerHappy')  this.keyPressTriggerHappy(settings,context,device);
+        else if (module == 'sharedVision')  this.keyPressSharedVision(settings,context,device);
+        else if (module == 'mookAI')        this.keyPressMookAI(settings,context,device);
+        else if (module == 'notYourTurn')   this.keyPressNotYourTurn(settings,context,device);
+        else if (module == 'lockView')      this.keyPressLockView(settings,context,device);
+        else if (module == 'aboutTime')     this.keyPressAboutTime(settings,context,device);
    }

    getModuleEnable(moduleId){
@@ -56,7 +59,7 @@ export class ExternalModules{
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
    //FxMaster
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    updateFxMaster(settings,context){
+    updateFxMaster(settings,context,device){
        if (game.user.isGM == false) return;
        const fxmaster = game.modules.get("fxmaster");
        if (fxmaster == undefined || fxmaster.active == false) return;
@@ -125,8 +128,8 @@ export class ExternalModules{
            name = game.i18n.localize("MaterialDeck.FxMaster.Clear");
        }

-        if (displayIcon) streamDeck.setIcon(context,icon,{background:background,ring:ring,ringColor:ringColor});
-        else streamDeck.setIcon(context, "", {background:background,ring:ring,ringColor:ringColor});
+        if (displayIcon) streamDeck.setIcon(context,device,icon,{background:background,ring:ring,ringColor:ringColor});
+        else streamDeck.setIcon(context,device, "", {background:background,ring:ring,ringColor:ringColor});
        if (displayName == 0) name = ""; 
        streamDeck.setTitle(name,context);
    }
@@ -140,7 +143,7 @@ export class ExternalModules{
        } : null;
      }

-    keyPressFxMaster(settings,context){
+    keyPressFxMaster(settings,context,device){
        if (game.user.isGM == false) return;
        const fxmaster = game.modules.get("fxmaster");
        if (fxmaster == undefined || fxmaster.active == false) return;
@@ -257,7 +260,7 @@ export class ExternalModules{
    //GM Screen
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////

-    updateGMScreen(settings,context){
+    updateGMScreen(settings,context,device){
        if (this.getModuleEnable("gm-screen") == false) return;
        if (game.user.isGM == false) return;

@@ -270,12 +273,12 @@ export class ExternalModules{
        if (this.gmScreenOpen) ring = 2;
        
        if (settings.displayGmScreenIcon) src = "fas fa-book-reader";
-        streamDeck.setIcon(context,src,{background:background,ring:ring,ringColor:ringColor});
+        streamDeck.setIcon(context,device,src,{background:background,ring:ring,ringColor:ringColor});
        if (settings.displayGmScreenName) txt = game.i18n.localize(`GMSCR.gmScreen.Open`); 
        streamDeck.setTitle(txt,context);
    }

-    keyPressGMScreen(settings,context){
+    keyPressGMScreen(settings,context,device){
        if (this.getModuleEnable("gm-screen") == false) return;
        if (game.user.isGM == false) return;
        window['gm-screen'].toggleGmScreenVisibility();
@@ -285,7 +288,7 @@ export class ExternalModules{
    //Trigger Happy
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////

-    updateTriggerHappy(settings,context) {
+    updateTriggerHappy(settings,context,device) {
        if (this.getModuleEnable("trigger-happy") == false) return;
        if (game.user.isGM == false) return;
        
@@ -296,14 +299,14 @@ export class ExternalModules{
        const ringColor = game.settings.get("trigger-happy", "enableTriggers") ? "#A600FF" : "#340057";

        let txt = '';
-        if (displayIcon) streamDeck.setIcon(context,"fas fa-grin-squint-tears",{background:background,ring:2,ringColor:ringColor});
-        else streamDeck.setIcon(context,'',{background:'#000000'});
+        if (displayIcon) streamDeck.setIcon(context,device,"fas fa-grin-squint-tears",{background:background,ring:2,ringColor:ringColor});
+        else streamDeck.setIcon(context,device,'',{background:'#000000'});
        if (displayName) txt = 'Trigger Happy';
        
        streamDeck.setTitle(txt,context);
    }

-    keyPressTriggerHappy(settings,context){
+    keyPressTriggerHappy(settings,context,device){
        if (this.getModuleEnable("trigger-happy") == false) return;
        if (game.user.isGM == false) return;
        const mode = settings.triggerHappyMode ? settings.triggerHappyMode : 'toggle';
@@ -326,7 +329,7 @@ export class ExternalModules{
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
    //Shared Vision
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    updateSharedVision(settings,context) {
+    updateSharedVision(settings,context,device) {
        if (this.getModuleEnable("SharedVision") == false) return;
        if (game.user.isGM == false) return;
        
@@ -337,13 +340,13 @@ export class ExternalModules{
        const ringColor = game.settings.get("SharedVision", "enable") ? "#A600FF" : "#340057";

        let txt = '';
-        if (displayIcon) streamDeck.setIcon(context,"fas fa-eye",{background:background,ring:2,ringColor:ringColor});
-        else streamDeck.setIcon(context,'',{background:'#000000'});
+        if (displayIcon) streamDeck.setIcon(context,device,"fas fa-eye",{background:background,ring:2,ringColor:ringColor});
+        else streamDeck.setIcon(context,device,'',{background:'#000000'});
        if (displayName) txt = 'Shared Vision';
        streamDeck.setTitle(txt,context);
    }

-    keyPressSharedVision(settings,context) {
+    keyPressSharedVision(settings,context,device) {
        if (this.getModuleEnable("SharedVision") == false) return;
        if (game.user.isGM == false) return;

@@ -357,7 +360,7 @@ export class ExternalModules{
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
    //Mook AI
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    updateMookAI(settings,context) {
+    updateMookAI(settings,context,device) {
        if (this.getModuleEnable("mookAI") == false) return;
        if (game.user.isGM == false) return;
        
@@ -367,13 +370,13 @@ export class ExternalModules{
        const background = "#000000";

        let txt = '';
-        if (displayIcon) streamDeck.setIcon(context,"fas fa-brain",{background:'#000000'});
-        else streamDeck.setIcon(context,'',{background:'#000000'});
+        if (displayIcon) streamDeck.setIcon(context,device,"fas fa-brain",{background:'#000000'});
+        else streamDeck.setIcon(context,device,'',{background:'#000000'});
        if (displayName) txt = 'Mook AI';
        streamDeck.setTitle(txt,context);
    }

-    async keyPressMookAI(settings,context) {
+    async keyPressMookAI(settings,context,device) {
        if (this.getModuleEnable("mookAI") == false) return;
        if (game.user.isGM == false) return;
        
@@ -385,7 +388,7 @@ export class ExternalModules{
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
    //Not Your Turn!
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    updateNotYourTurn(settings,context) {
+    updateNotYourTurn(settings,context,device) {
        
        if (this.getModuleEnable("NotYourTurn") == false) return;
        if (game.user.isGM == false) return;
@@ -409,13 +412,13 @@ export class ExternalModules{
            txt = "Block Non-Combat Movement";
            ringColor = game.settings.get('NotYourTurn','nonCombat') ?  "#A600FF": "#340057" ;
        }
-        if (displayIcon) streamDeck.setIcon(context,icon,{background:background,ring:2,ringColor:ringColor});
-        else streamDeck.setIcon(context,'',{background:'#000000'});
+        if (displayIcon) streamDeck.setIcon(context,device,icon,{background:background,ring:2,ringColor:ringColor});
+        else streamDeck.setIcon(context,device,'',{background:'#000000'});
        if (displayName == false) txt = '';
        streamDeck.setTitle(txt,context);
    }

-    async keyPressNotYourTurn(settings,context) {
+    async keyPressNotYourTurn(settings,context,device) {
        if (this.getModuleEnable("NotYourTurn") == false) return;
        if (game.user.isGM == false) return;

@@ -433,7 +436,7 @@ export class ExternalModules{
    //Lock View
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////

-    updateLockView(settings,context) {
+    updateLockView(settings,context,device) {
        
        if (this.getModuleEnable("LockView") == false) return;
        if (game.user.isGM == false) return;
@@ -463,13 +466,13 @@ export class ExternalModules{
            ringColor = canvas.scene.getFlag('LockView', 'boundingBox') ?  "#A600FF": "#340057" ;
        }
        
-        if (displayIcon) streamDeck.setIcon(context,icon,{background:background,ring:2,ringColor:ringColor});
-        else streamDeck.setIcon(context,'',{background:'#000000'});
+        if (displayIcon) streamDeck.setIcon(context,device,icon,{background:background,ring:2,ringColor:ringColor});
+        else streamDeck.setIcon(context,device,'',{background:'#000000'});
        if (displayName == false) txt = '';
        streamDeck.setTitle(txt,context);
    }

-    async keyPressLockView(settings,context) {
+    async keyPressLockView(settings,context,device) {
        if (this.getModuleEnable("LockView") == false) return;
        if (game.user.isGM == false) return;

@@ -489,7 +492,7 @@ export class ExternalModules{
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
    //About Time
    //////////////////////////////////////////////////////////////////////////////////////////////////////////////
-    updateAboutTime(settings,context) {
+    updateAboutTime(settings,context,device) {
        if (this.getModuleEnable("about-time") == false) return;
        if (game.user.isGM == false) return;

@@ -566,10 +569,10 @@ export class ExternalModules{
        }
        
        streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,'',{background:background,ring:ring,ringColor:ringColor, clock:clock});
+        streamDeck.setIcon(context,device,'',{background:background,ring:ring,ringColor:ringColor, clock:clock});
    }

-    keyPressAboutTime(settings,context) {
+    keyPressAboutTime(settings,context,device) {
        if (this.getModuleEnable("about-time") == false) return;
        if (game.user.isGM == false) return;

--- a/src/macro.js
+++ b/src/macro.js
@@ -10,14 +10,17 @@ export class MacroControl{

    async updateAll(){
        if (this.active == false) return;
-        for (let i=0; i<32; i++){   
-            const data = streamDeck.buttonContext[i];
-            if (data == undefined || data.action != 'macro') continue;
-            await this.update(data.settings,data.context);
+        for (let device of streamDeck.buttonContext) {
+            if (device?.buttons == undefined) continue;
+            for (let i=0; i<device.buttons.length; i++){   
+                const data = device.buttons[i];
+                if (data == undefined || data.action != 'macro') continue;
+                await this.update(data.settings,data.context,device.device);
+            }
        }
    }

-    async update(settings,context){
+    async update(settings,context,device){
        this.active = true;
        const mode = settings.macroMode ? settings.macroMode : 'hotbar';
        const displayName = settings.displayName ? settings.displayName : false;
@@ -37,7 +40,7 @@ export class MacroControl{
        
        if (mode == 'macroBoard') {  //Macro board
            if ((MODULE.getPermission('MACRO','MACROBOARD') == false )) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }
            if (settings.macroBoardMode == 'offset') {  //Offset
@@ -49,6 +52,7 @@ export class MacroControl{
                
                ringColor = (macroOffset == parseInt(this.offset)) ? ringOnColor : ringOffColor;
                ring = 2;
+                src = "modules/MaterialDeck/img/transparant.png";
            }
            else { //Execute macro
                macroNumber += this.offset - 1;
@@ -66,7 +70,7 @@ export class MacroControl{
        }
        else { //Macro Hotbar
            if ((MODULE.getPermission('MACRO','HOTBAR') == false )) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }
            if (mode == 'hotbar') macroId = game.user.data.hotbar[macroNumber];
@@ -95,7 +99,7 @@ export class MacroControl{
            if (displayIcon) src = "modules/MaterialDeck/img/black.png";
        }
        
-        streamDeck.setIcon(context,src,{background:background,ring:ring,ringColor:ringColor,uses:uses});
+        streamDeck.setIcon(context,device,src,{background:background,ring:ring,ringColor:ringColor,uses:uses});
        streamDeck.setTitle(name,context);
    }

@@ -106,48 +110,51 @@ export class MacroControl{
        return uses;
    }

-    async hotbar(macros){
-        for (let i=0; i<32; i++){ 
-            const data = streamDeck.buttonContext[i];
-            if (data == undefined || data.action != 'macro' || data.settings.macroMode == 'macroBoard') continue;
+    async hotbar(){
+        for (let device of streamDeck.buttonContext) {
+            if (device?.buttons == undefined) continue;
+            for (let i=0; i<device.buttons.length; i++){   
+                const data = device.buttons[i];
+                if (data == undefined || data.action != 'macro' || data.settings.macroMode == 'macroBoard') continue;
            
-            const context = data.context;
-            const mode = data.settings.macroMode ? data.settings.macroMode : 'hotbar';
-            const displayName = data.settings.displayName ? data.settings.displayName : false;
-            const displayIcon = data.settings.displayIcon ? data.settings.displayIcon : false;
-            const displayUses = data.settings.displayUses ? data.settings.displayUses : false;
-            let background = data.settings.background ? data.settings.background : '#000000';
-            let macroNumber = data.settings.macroNumber;
-            if(macroNumber == undefined || isNaN(parseInt(macroNumber))) macroNumber = 1;
+                const context = data.context;
+                const mode = data.settings.macroMode ? data.settings.macroMode : 'hotbar';
+                const displayName = data.settings.displayName ? data.settings.displayName : false;
+                const displayIcon = data.settings.displayIcon ? data.settings.displayIcon : false;
+                const displayUses = data.settings.displayUses ? data.settings.displayUses : false;
+                let background = data.settings.background ? data.settings.background : '#000000';
+                let macroNumber = data.settings.macroNumber;
+                if(macroNumber == undefined || isNaN(parseInt(macroNumber))) macroNumber = 1;

-            if ((MODULE.getPermission('MACRO','HOTBAR') == false )) {
-                streamDeck.noPermission(context);
-                return;
-            } 
+                if ((MODULE.getPermission('MACRO','HOTBAR') == false )) {
+                    streamDeck.noPermission(context,device);
+                    return;
+                } 

-            let src = "";
-            let name = "";
+                let src = "";
+                let name = "";

-            if (mode == 'Macro Board') continue;
-            
-            let macroId;
-            if (mode == 'hotbar'){
-                macroId = game.user.data.hotbar[macroNumber];
+                if (mode == 'Macro Board') continue;
+                
+                let macroId;
+                if (mode == 'hotbar'){
+                    macroId = game.user.data.hotbar[macroNumber];
+                }
+                else {
+                    if (macroNumber > 9) macroNumber = 0;
+                    macroId = game.macros.apps[0].macros.find(m => m.key == macroNumber).macro?.id
+                }
+                let macro = undefined;
+                let uses = undefined;
+                if (macroId != undefined) macro = game.macros._source.find(p => p._id == macroId);
+                if (macro != undefined && macro != null) {
+                    if (displayName) name += macro.name;
+                    if (displayIcon) src += macro.img;
+                    if (MODULE.hotbarUses && displayUses) uses = await this.getUses(macro);
+                }
+                streamDeck.setIcon(context,device,src,{background:background,uses:uses});
+                streamDeck.setTitle(name,context);
            }
-            else {
-                if (macroNumber > 9) macroNumber = 0;
-                macroId = game.macros.apps[0].macros.find(m => m.key == macroNumber).macro?.id
-            }
-            let macro = undefined;
-            let uses = undefined;
-            if (macroId != undefined) macro = game.macros._source.find(p => p._id == macroId);
-            if (macro != undefined && macro != null) {
-                if (displayName) name += macro.name;
-                if (displayIcon) src += macro.img;
-                if (MODULE.hotbarUses && displayUses) uses = await this.getUses(macro);
-            }
-            streamDeck.setIcon(context,src,{background:background,uses:uses});
-            streamDeck.setTitle(name,context);
        }
    }
   
@@ -156,14 +163,6 @@ export class MacroControl{
        let macroNumber = settings.macroNumber;
        if(macroNumber == undefined || isNaN(parseInt(macroNumber))) macroNumber = 0;
        let target = settings.target ? settings.target : undefined;
-        //const targetActor = target.actor ? undefined : target;
-        //if (targetActor != undefined) target = undefined;
-        
-        //let macroTarget = {
-        //    token: target,
-        //    actor: targetActor
-        //}
-        //console.log('target',macroTarget,mode);
        
        if (mode == 'hotbar' || mode == 'visibleHotbar' || mode == 'customHotbar'){
            if ((MODULE.getPermission('MACRO','HOTBAR') == false )) return;
--- a/src/move.js
+++ b/src/move.js
@@ -7,13 +7,13 @@ export class Move{
        this.active = false;
    }

-    update(settings,context){
+    update(settings,context,device){
        const background = settings.background ? settings.background : '#000000';
        const mode = settings.mode ? settings.mode : 'canvas';
        const type = settings.type ? settings.type : 'move';

        if ((MODULE.getPermission('MOVE','TOKEN') == false && mode == 'selectedToken') || (MODULE.getPermission('MOVE','CANVAS') == false && mode == 'canvas')) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }

@@ -50,14 +50,14 @@ export class Move{
            else
                url = "modules/MaterialDeck/img/move/rotateccw.png";
        }
-        streamDeck.setIcon(context,url,{background:background});
+        streamDeck.setIcon(context,device,url,{background:background,overlay:true});
        streamDeck.setTitle('',context);
    }

    keyPress(settings){
        if (canvas.scene == null) return;
        if ((MODULE.getPermission('MOVE','TOKEN') == false && mode == 'selectedToken') || (MODULE.getPermission('MOVE','CANVAS') == false && mode == 'canvas')) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }

@@ -70,7 +70,7 @@ export class Move{
            const selection = settings.selection ? settings.selection : 'selected';
            const tokenIdentifier = settings.tokenName ? settings.tokenName : '';
    
-            if (selection == 'selected') token = canvas.tokens.children[0].children.find(p => p.id == MODULE.selectedTokenId);
+            if (selection == 'selected') token = canvas.tokens.controlled[0];
            else if (selection != 'selected' && tokenIdentifier == '') {}
            else if (selection == 'tokenName') token = canvas.tokens.children[0].children.find(p => p.name == tokenIdentifier);
            else if (selection == 'actorName') token = canvas.tokens.children[0].children.find(p => p.actor.name == tokenIdentifier);
--- a/src/othercontrols.js
+++ b/src/othercontrols.js
@@ -6,44 +6,55 @@ export class OtherControls{
    constructor(){
        this.active = false;
        this.rollData = {};
+        this.rollOption = 'dialog';
+    }
+
+    setRollOption(option) {
+        this.rollOption = option;
+        this.updateAll();
    }

    async updateAll(options={}){
        if (this.active == false) return;
-        for (let i=0; i<32; i++){   
-            const data = streamDeck.buttonContext[i];
-            if (data == undefined || data.action != 'other') continue;
-            await this.update(data.settings,data.context,options);
+        for (let device of streamDeck.buttonContext) {
+            if (device?.buttons == undefined) continue;
+            for (let i=0; i<device.buttons.length; i++){   
+                const data = device.buttons[i];
+                if (data == undefined || data.action != 'other') continue;
+                await this.update(data.settings,data.context,device.device,options);
+            }
        }
    }

-    update(settings,context,options={}){
+    update(settings,context,device,options={}){
        this.active = true;
        const mode = settings.otherMode ? settings.otherMode : 'pause';

        if (mode == 'pause')    //pause
-            this.updatePause(settings,context,options);
+            this.updatePause(settings,context,device,options);
        else if (mode == 'controlButtons')    //control buttons
-            this.updateControl(settings,context,options);
+            this.updateControl(settings,context,device,options);
        else if (mode == 'darkness')   //darkness
-            this.updateDarkness(settings,context,options);
+            this.updateDarkness(settings,context,device,options);
        else if (mode == 'rollDice')    //roll dice
-            this.updateRollDice(settings,context,options);
+            this.updateRollDice(settings,context,device,options);
        else if (mode == 'rollTables')    //roll tables
-            this.updateRollTable(settings,context,options);
+            this.updateRollTable(settings,context,device,options);
        else if (mode == 'sidebarTab')    //open sidebar tab
-            this.updateSidebar(settings,context,options);
+            this.updateSidebar(settings,context,device,options);
        else if (mode == 'compendiumBrowser')    //open compendium browser
-            this.updateCompendiumBrowser(settings,context,options);
+            this.updateCompendiumBrowser(settings,context,device,options);
        else if (mode == 'compendium')    //open compendium
-            this.updateCompendium(settings,context,options);
+            this.updateCompendium(settings,context,device,options);
        else if (mode == 'journal')    //open journal
-            this.updateJournal(settings,context,options);
+            this.updateJournal(settings,context,device,options);
        else if (mode == 'chatMessage')
-            this.updateChatMessage(settings,context,options);
+            this.updateChatMessage(settings,context,device,options);
+        else if (mode == 'rollOptions')
+            this.updateRollOptions(settings,context,device,options);
    }

-    keyPress(settings,context){
+    keyPress(settings,context,device){
        const mode = settings.otherMode ? settings.otherMode : 'pause';

        if (mode == 'pause')     //pause
@@ -53,7 +64,7 @@ export class OtherControls{
        else if (mode == 'darkness')    //darkness controll
            this.keyPressDarkness(settings);
        else if (mode == 'rollDice')    //roll dice
-            this.keyPressRollDice(settings,context);
+            this.keyPressRollDice(settings,context,device);
        else if (mode == 'rollTables')    //roll tables
            this.keyPressRollTable(settings);
        else if (mode == 'sidebarTab')    //sidebar
@@ -66,13 +77,15 @@ export class OtherControls{
            this.keyPressJournal(settings);
        else if (mode == 'chatMessage')
            this.keyPressChatMessage(settings);
+        else if (mode == 'rollOptions')
+            this.keyPressRollOptions(settings);
    }

    //////////////////////////////////////////////////////////////////////////////////////////////////

-    updatePause(settings,context,options={}){
+    updatePause(settings,context,device,options={}){
        if (MODULE.getPermission('OTHER','PAUSE') == false ) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }

@@ -91,7 +104,7 @@ export class OtherControls{
        }
        else if (pauseFunction == 'toggle')  //toggle
            src = 'modules/MaterialDeck/img/other/pause/playpause.png';
-        streamDeck.setIcon(context,src,{background:background,ring:2,ringColor:ringColor,overlay:true});
+        streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor,overlay:true});
        streamDeck.setTitle('',context);
    }

@@ -115,9 +128,9 @@ export class OtherControls{

    //////////////////////////////////////////////////////////////////////////////////////////
    
-    updateControl(settings,context,options={}){
+    updateControl(settings,context,device,options={}){
        if (MODULE.getPermission('OTHER','CONTROL') == false ) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }
        const control = settings.control ? settings.control : 'dispControls';
@@ -128,18 +141,19 @@ export class OtherControls{
        let src = "";
        const activeControl = ui.controls.activeControl;
        const activeTool = ui.controls.activeTool;
-
+        
        if (control == 'dispControls') { //displayed controls
            let controlNr = parseInt(settings.controlNr);
            if (isNaN(controlNr)) controlNr = 1;
            controlNr--;

            const selectedControl = ui.controls.controls[controlNr];
-            if (selectedControl.visible == false) {
-                streamDeck.noPermission(context,false);
-                return;
-            }
+            
            if (selectedControl != undefined){
+                if (selectedControl.visible == false) {
+                    streamDeck.noPermission(context,device,false);
+                    return;
+                }
                if (tool == 'open'){  //open category
                    txt = game.i18n.localize(selectedControl.title);
                    src = selectedControl.icon;
@@ -158,7 +172,7 @@ export class OtherControls{
                const selectedTool = selectedControl.tools[controlNr];
                if (selectedTool != undefined){
                    if (selectedControl.visible == false || selectedTool.visible == false) {
-                        streamDeck.noPermission(context,false);
+                        streamDeck.noPermission(context,device,false);
                        return;
                    }
                    txt = game.i18n.localize(selectedTool.title);
@@ -176,7 +190,7 @@ export class OtherControls{
            const selectedControl = ui.controls.controls.find(c => c.name == control);
            if (selectedControl != undefined){
                if (selectedControl.visible == false) {
-                    streamDeck.noPermission(context,false);
+                    streamDeck.noPermission(context,device,false);
                    return;
                }
                if (tool == 'open'){  //open category
@@ -189,7 +203,7 @@ export class OtherControls{
                    const selectedTool = selectedControl.tools.find(t => t.name == tool);
                    if (selectedTool != undefined){
                        if (selectedTool.visible == false) {
-                            streamDeck.noPermission(context,false);
+                            streamDeck.noPermission(context,device,false);
                            return;
                        }
                        txt = game.i18n.localize(selectedTool.title);
@@ -204,7 +218,7 @@ export class OtherControls{
                }
            }
        }
-        streamDeck.setIcon(context,src,{background:background,ring:2,ringColor:ringColor});
+        streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
        streamDeck.setTitle(txt,context);
    }

@@ -213,20 +227,30 @@ export class OtherControls{
        if (canvas.scene == null) return;
        const control = settings.control ? settings.control : 'dispControls';
        const tool = settings.tool ?  settings.tool : 'open';
-        
+
        if (control == 'dispControls'){  //displayed controls
            let controlNr = parseInt(settings.controlNr);
            if (isNaN(controlNr)) controlNr = 1;
            controlNr--;
            const selectedControl = ui.controls.controls[controlNr];
+            
            if (selectedControl != undefined){
                if (selectedControl.visible == false) {
-                    streamDeck.noPermission(context,false);
+                    streamDeck.noPermission(context,device,false);
                    return;
                }
-                ui.controls.activeControl = 'token';
+                ui.controls.activeControl = selectedControl.name;
                selectedControl.activeTool = selectedControl.activeTool;
-                canvas.getLayer(selectedControl.layer).activate();
+                if (compatibleCore("0.8.2")) {
+                    for (let layer of canvas.layers) {
+                        if (layer.options == undefined) continue;
+                        if (layer.options.name == selectedControl.layer) {
+                            layer.activate();
+                            break;
+                        }
+                    }
+                }
+                else canvas.getLayer(selectedControl.layer).activate();
            }
        }
        else if (control == 'dispTools'){  //displayed tools
@@ -236,13 +260,13 @@ export class OtherControls{
            const selectedControl = ui.controls.controls.find(c => c.name == ui.controls.activeControl);
            if (selectedControl != undefined){
                if (selectedControl.visible == false) {
-                    streamDeck.noPermission(context,false);
+                    streamDeck.noPermission(context,device,false);
                    return;
                }
                const selectedTool = selectedControl.tools[controlNr];
                if (selectedTool != undefined){
                    if (selectedTool.visible == false) {
-                        streamDeck.noPermission(context,false);
+                        streamDeck.noPermission(context,device,false);
                        return;
                    }
                    if (selectedTool.toggle) {
@@ -261,23 +285,41 @@ export class OtherControls{
            const selectedControl = ui.controls.controls.find(c => c.name == control);
            if (selectedControl != undefined){
                if (selectedControl.visible == false) {
-                    streamDeck.noPermission(context,false);
+                    streamDeck.noPermission(context,device,false);
                    return;
                }
                if (tool == 'open'){  //open category
-                    ui.controls.activeControl = 'token';
+                    ui.controls.activeControl = control;
                    selectedControl.activeTool = selectedControl.activeTool;
-                    canvas.getLayer(selectedControl.layer).activate();
+                    if (compatibleCore("0.8.2")) {
+                        for (let layer of canvas.layers) {
+                            if (layer.options == undefined) continue;
+                            if (layer.options.name == selectedControl.layer) {
+                                layer.activate();
+                                break;
+                            }
+                        }
+                    }
+                    else canvas.getLayer(selectedControl.layer).activate();
                }
                else {
                    const selectedTool = selectedControl.tools.find(t => t.name == tool);
                    if (selectedTool != undefined){
                        if (selectedTool.visible == false) {
-                            streamDeck.noPermission(context,false);
+                            streamDeck.noPermission(context,device,false);
                            return;
                        }
                        ui.controls.activeControl = control;
-                        canvas.getLayer(selectedControl.layer).activate();
+                        if (compatibleCore("0.8.2")) {
+                            for (let layer of canvas.layers) {
+                                if (layer.options == undefined) continue;
+                                if (layer.options.name == selectedControl.layer) {
+                                    layer.activate();
+                                    break;
+                                }
+                            }
+                        }
+                        else canvas.getLayer(selectedControl.layer).activate();
                        if (selectedTool.toggle) {
                            selectedTool.active = !selectedTool.active;
                            selectedTool.onClick(selectedTool.active);
@@ -296,9 +338,9 @@ export class OtherControls{

    //////////////////////////////////////////////////////////////////////////////////////////

-    updateDarkness(settings,context,options={}){
+    updateDarkness(settings,context,device,options={}){
        if (MODULE.getPermission('OTHER','DARKNESS') == false ) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }
        const func = settings.darknessFunction ? settings.darknessFunction : 'value';
@@ -321,7 +363,7 @@ export class OtherControls{
            txt += darkness;
        }
        streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,src,{background:background});
+        streamDeck.setIcon(context,device,src,{background:background,overlay:true});
    }

    keyPressDarkness(settings) {
@@ -342,9 +384,9 @@ export class OtherControls{

    //////////////////////////////////////////////////////////////////////////////////////////

-    updateRollDice(settings,context,options={}){
+    updateRollDice(settings,context,device,options={}){
        if (MODULE.getPermission('OTHER','DICE') == false ) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }
        const background = settings.background ? settings.background : '#000000';
@@ -353,10 +395,10 @@ export class OtherControls{
        if (settings.displayDiceName) txt = 'Roll: ' + settings.rollDiceFormula;

        streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,'',{background:background});
+        streamDeck.setIcon(context,device,'',{background:background});
    }

-    keyPressRollDice(settings,context){
+    keyPressRollDice(settings,context,device){
        if (MODULE.getPermission('OTHER','DICE') == false ) return;
        if (settings.rollDiceFormula == undefined || settings.rollDiceFormula == '') return;
        const rollFunction = settings.rollDiceFunction ? settings.rollDiceFunction : 'public';
@@ -364,7 +406,7 @@ export class OtherControls{
        let actor;
        let tokenControlled = false;

-        if (MODULE.selectedTokenId != undefined) actor = canvas.tokens.children[0].children.find(p => p.id == MODULE.selectedTokenId).actor;
+        if (canvas.tokens.controlled[0] != undefined) actor = canvas.tokens.controlled[0].actor;
        if (actor != undefined) tokenControlled = true;

        let r;
@@ -394,16 +436,17 @@ export class OtherControls{

    //////////////////////////////////////////////////////////////////////////////////////////

-    updateRollTable(settings,context,options={}){
+    updateRollTable(settings,context,device,options={}){
        const name = settings.rollTableName;
        if (name == undefined) return;
        if (MODULE.getPermission('OTHER','TABLES') == false ) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }

        const background = settings.background ? settings.background : '#000000';
        const table = game.tables.getName(name);
+        if (table == undefined) return;

        let txt = settings.displayRollName ? table.name : '';
        let src = settings.displayRollIcon ? table.data.img : '';
@@ -414,13 +457,13 @@ export class OtherControls{
        }
        else {
            if (table.permission < 2 && MODULE.getPermission('OTHER','TABLES_ALL') == false ) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }
        }

        streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,src,{background:background});
+        streamDeck.setIcon(context,device,src,{background:background});
    }

    keyPressRollTable(settings){
@@ -479,9 +522,9 @@ export class OtherControls{
        return icon;
    }
    
-    updateSidebar(settings,context,options={}){
+    updateSidebar(settings,context,device,options={}){
        if (MODULE.getPermission('OTHER','SIDEBAR') == false ) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }
        const popOut = settings.sidebarPopOut ? settings.sidebarPopOut : false;
@@ -495,12 +538,12 @@ export class OtherControls{
        if (popOut && options.sidebarTab == sidebarTab) {
            ringColor = options.renderPopout ? ringOnColor : ringOffColor;
        }
-        else ringColor = (sidebarTab == 'collapse' && collapsed || (activeTab == sidebarTab)) ? ringOnColor : ringOffColor;
+        else if (popOut == false) ringColor = (sidebarTab == 'collapse' && collapsed || (activeTab == sidebarTab)) ? ringOnColor : ringOffColor;
        const name = settings.displaySidebarName ? this.getSidebarName(sidebarTab) : '';
        const icon = settings.displaySidebarIcon ? this.getSidebarIcon(sidebarTab) : '';

        streamDeck.setTitle(name,context);
-        streamDeck.setIcon(context,icon,{background:background,ring:2,ringColor:ringColor});
+        streamDeck.setIcon(context,device,icon,{background:background,ring:2,ringColor:ringColor});
    }

    keyPressSidebar(settings){
@@ -523,7 +566,7 @@ export class OtherControls{

    //////////////////////////////////////////////////////////////////////////////////////////

-    updateCompendiumBrowser(settings,context,options={}){
+    updateCompendiumBrowser(settings,context,device,options={}){
        let rendered = options.renderCompendiumBrowser;
        if (rendered == undefined && game.system.id == "pf2e") rendered = (document.getElementById("app-1") != null);
        else if (rendered == undefined) rendered = (document.getElementById("compendium-popout") != null);
@@ -534,7 +577,7 @@ export class OtherControls{
        const txt = settings.displayCompendiumName ? name : '';

        streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,"",{background:background,ring:2,ringColor:ringColor});
+        streamDeck.setIcon(context,device,"",{background:background,ring:2,ringColor:ringColor});
    }

    keyPressCompendiumBrowser(settings){
@@ -553,11 +596,11 @@ export class OtherControls{

    //////////////////////////////////////////////////////////////////////////////////////////

-    updateCompendium(settings,context,options={}){
+    updateCompendium(settings,context,device,options={}){
        const name = settings.compendiumName;
        if (name == undefined) return;
        if (MODULE.getPermission('OTHER','COMPENDIUM') == false ) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }
        let compendium;
@@ -565,7 +608,7 @@ export class OtherControls{
        else                            compendium = game.packs.entries.find(p=>p.metadata.label == name);
        if (compendium == undefined) return;
        if (compendium.private && MODULE.getPermission('OTHER','COMPENDIUM_ALL') == false) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }
        const background = settings.background ? settings.background : '#000000';
@@ -575,7 +618,7 @@ export class OtherControls{
        const txt = settings.displayCompendiumName ? name : '';

        streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,"",{background:background,ring:2,ringColor:ringColor});
+        streamDeck.setIcon(context,device,"",{background:background,ring:2,ringColor:ringColor});
    }

    keyPressCompendium(settings){
@@ -594,7 +637,7 @@ export class OtherControls{

    //////////////////////////////////////////////////////////////////////////////////////////

-    updateJournal(settings,context,options={}){
+    updateJournal(settings,context,device,options={}){
        const name = settings.compendiumName;
        if (name == undefined) return;

@@ -602,11 +645,11 @@ export class OtherControls{
        if (journal == undefined) return;

        if (MODULE.getPermission('OTHER','JOURNAL') == false ) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }
        if (journal.permission < 2 && MODULE.getPermission('OTHER','JOURNAL_ALL') == false ) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }
        let rendered = false;
@@ -625,7 +668,7 @@ export class OtherControls{
        const txt = settings.displayCompendiumName ? name : '';

        streamDeck.setTitle(txt,context);
-        streamDeck.setIcon(context,"",{background:background,ring:2,ringColor:ringColor});
+        streamDeck.setIcon(context,device,"",{background:background,ring:2,ringColor:ringColor});
    }

    keyPressJournal(settings){
@@ -644,14 +687,14 @@ export class OtherControls{

 //////////////////////////////////////////////////////////////////////////////////////////

-    updateChatMessage(settings,context,options={}){
+    updateChatMessage(settings,context,device,options={}){
        if (MODULE.getPermission('OTHER','CHAT') == false ) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }
        const background = settings.background ? settings.background : '#000000';
        streamDeck.setTitle("",context);
-        streamDeck.setIcon(context,"",{background:background});
+        streamDeck.setIcon(context,device,"",{background:background});
    }

    keyPressChatMessage(settings){
@@ -665,4 +708,25 @@ export class OtherControls{
        };
        ChatMessage.create(chatData, {});
    }
+
+//////////////////////////////////////////////////////////////////////////////////////////
+
+    updateRollOptions(settings,context,device,options={}){
+        const background = settings.background ? settings.background : '#000000';
+        const ringOffColor = settings.offRing ? settings.offRing : '#000000';
+        const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
+        const iconSrc = "modules/MaterialDeck/img/other/d20.png";
+        const rollOption = settings.rollOptionFunction ? settings.rollOptionFunction : 'normal';
+        const ringColor = (rollOption == this.rollOption) ? ringOnColor : ringOffColor;
+        streamDeck.setTitle("",context);
+        streamDeck.setIcon(context,device,iconSrc,{background:background,ring:2,ringColor:ringColor,overlay:true});
+    }
+
+    keyPressRollOptions(settings){
+        const rollOption = settings.rollOptionFunction ? settings.rollOptionFunction : 'normal';
+        if (this.rollOption != rollOption) {
+            this.rollOption = rollOption;
+            this.updateAll();
+        }
+    }
 }
--- a/src/playlist.js
+++ b/src/playlist.js
@@ -11,26 +11,29 @@ export class PlaylistControl{

    async updateAll(){
        if (this.active == false) return;
-        for (let i=0; i<32; i++){   
-            const data = streamDeck.buttonContext[i];
-            if (data == undefined || data.action != 'playlist') continue;
-            await this.update(data.settings,data.context);
+        for (let device of streamDeck.buttonContext) {
+            if (device?.buttons == undefined) continue;
+            for (let i=0; i<device.buttons.length; i++){   
+                const data = device.buttons[i];
+                if (data == undefined || data.action != 'playlist') continue;
+                await this.update(data.settings,data.context,device.device);
+            }
        }
    }

-    update(settings,context){
+    update(settings,context,device){
        if (MODULE.getPermission('PLAYLIST','PLAY') == false ) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }
        this.active = true;
        const mode = settings.playlistMode ? settings.playlistMode : 'playlist';
        
        if (mode == 'playlist'){
-            this.updatePlaylist(settings,context);
+            this.updatePlaylist(settings,context,device);
        }
        else if (mode == 'track'){
-            this.updateTrack(settings,context);
+            this.updateTrack(settings,context,device);
        }
        else {
            const src = 'modules/MaterialDeck/img/playlist/stop.png';
@@ -38,18 +41,19 @@ export class PlaylistControl{
            const ringColor = (game.playlists.playing.length > 0) ? '#00FF00' : '#000000';
            const ring = (game.playlists.playing.length > 0) ? 2 : 1;
            const txt = settings.displayPlaylistName ? this.getPlaylist(this.playlistOffset).name : '';
-            streamDeck.setIcon(context,src,{background:background,ring:ring,ringColor:ringColor,overlay:true});
+            streamDeck.setIcon(context,device,src,{background:background,ring:ring,ringColor:ringColor,overlay:true});
            streamDeck.setTitle(txt,context);
        }
    }

-    updatePlaylist(settings,context){
+    updatePlaylist(settings,context,device){
        let name = "";
        let ringColor = "#000000"
        const background = settings.background ? settings.background : '#000000';
        const ringOffColor = settings.offRing ? settings.offRing : '#FF0000';
        const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
        const playlistType = settings.playlistType ? settings.playlistType : 'playStop';
+        let src = "modules/MaterialDeck/img/transparant.png";

        //Play/Stop
        if (playlistType == 'playStop'){
@@ -72,7 +76,7 @@ export class PlaylistControl{
        else if (playlistType == 'offset') {
            let playlistOffset = parseInt(settings.offset);
            if (isNaN(playlistOffset)) playlistOffset = 0;
-            if (playlistOffset == this.playlistOffset) ringColor = ringOnColor;
+            ringColor = (playlistOffset == this.playlistOffset) ? ringOnColor : ringOffColor;
        }
        //Relative Offset
        else if (playlistType == 'relativeOffset') {
@@ -85,17 +89,18 @@ export class PlaylistControl{
            const targetPlaylist = this.getPlaylist(number);
            if (targetPlaylist != undefined) name = targetPlaylist.name;
        }
-        streamDeck.setIcon(context,"",{background:background,ring:2,ringColor:ringColor});
+        streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
        streamDeck.setTitle(name,context);
    }

-    updateTrack(settings,context){
+    updateTrack(settings,context,device){
        let name = "";
        let ringColor = "#000000"
        const background = settings.background ? settings.background : '#000000';
        const ringOffColor = settings.offRing ? settings.offRing : '#FF0000';
        const ringOnColor = settings.onRing ? settings.onRing : '#00FF00';
        const playlistType = settings.playlistType ? settings.playlistType : 'playStop';
+        let src = "modules/MaterialDeck/img/transparant.png";

        //Play/Stop
        if (playlistType == 'playStop'){
@@ -128,12 +133,12 @@ export class PlaylistControl{
        else if (playlistType == 'offset') {
            let trackOffset = parseInt(settings.offset);
            if (isNaN(trackOffset)) trackOffset = 0;
-            if (trackOffset == this.trackOffset) ringColor = ringOnColor;
+            ringColor = (trackOffset == this.trackOffset) ? ringOnColor : ringOffColor;
        }
        //Relative Offset
        else if (playlistType == 'relativeOffset') {
        }
-        streamDeck.setIcon(context,"",{background:background,ring:2,ringColor:ringColor});
+        streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
        streamDeck.setTitle(name,context);
    }

@@ -171,7 +176,7 @@ export class PlaylistControl{
        else return undefined;
    }

-    keyPress(settings,context){
+    keyPress(settings,context,device){
        if (MODULE.getPermission('PLAYLIST','PLAY') == false ) return;
        let playlistNr = settings.playlistNr;
        if (playlistNr == undefined || playlistNr < 1) playlistNr = 1;
--- a/src/scene.js
+++ b/src/scene.js
@@ -11,14 +11,17 @@ export class SceneControl{

    async updateAll(){
        if (this.active == false) return;
-        for (let i=0; i<32; i++){   
-            const data = streamDeck.buttonContext[i];
-            if (data == undefined || data.action != 'scene') continue;
-            await this.update(data.settings,data.context);
+        for (let device of streamDeck.buttonContext) {
+            if (device?.buttons == undefined) continue;
+            for (let i=0; i<device.buttons.length; i++){   
+                const data = device.buttons[i];
+                if (data == undefined || data.action != 'scene') continue;
+                await this.update(data.settings,data.context,device.device);
+            }
        }
    }

-    update(settings,context){
+    update(settings,context,device){
        if (canvas.scene == null) return;
        this.active = true;
        const func = settings.sceneFunction ? settings.sceneFunction : 'visible';
@@ -32,7 +35,7 @@ export class SceneControl{
        let name = "";
        if (func == 'visible') { //visible scenes
            if (MODULE.getPermission('SCENE','VISIBLE') == false ) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }
            let nr = parseInt(settings.sceneNr);
@@ -50,7 +53,7 @@ export class SceneControl{
        }
        else if (func == 'dir') {   //from directory
            if (MODULE.getPermission('SCENE','DIRECTORY') == false ) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }
            let nr = parseInt(settings.sceneNr);
@@ -85,7 +88,7 @@ export class SceneControl{
        }
        else if (func == 'any') {   //by name
            if (MODULE.getPermission('SCENE','NAME') == false ) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }
            if (settings.sceneName == undefined || settings.sceneName == '') return;
@@ -100,7 +103,7 @@ export class SceneControl{
        }
        else if (func == 'active'){
            if (MODULE.getPermission('SCENE','ACTIVE') == false ) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }
            const scene = game.scenes.active;
@@ -112,11 +115,11 @@ export class SceneControl{
        else if (func == 'offset'){
            let offset = parseInt(settings.sceneOffset);
            if (isNaN(offset)) offset = 0;
-            if (offset == this.sceneOffset) ringColor = ringOnColor;
-            else ringColor = ringOffColor;
+            ringColor = (offset == this.sceneOffset) ? ringOnColor : ringOffColor;
+            src = "modules/MaterialDeck/img/transparant.png";
        }
        streamDeck.setTitle(name,context);
-        streamDeck.setIcon(context,src,{background:background,ring:ring,ringColor:ringColor});
+        streamDeck.setIcon(context,device,src,{background:background,ring:ring,ringColor:ringColor});
    }

    keyPress(settings){
--- a/src/settings.js
+++ b/src/settings.js
@@ -117,6 +117,17 @@ export const registerSettings = async function() {
        
    });

+    game.settings.register(MODULE.moduleName, 'imageBrightness', {
+        name: "MaterialDeck.Sett.ImageBrightness",
+        hint: "MaterialDeck.Sett.ImageBrightnessHint",
+        default: 50,
+        type: Number,
+        scope: 'client',
+        range: { min: 0, max: 100, step: 1 },
+        config: true
+        
+    });
+
    //Create the Help button
    game.settings.registerMenu(MODULE.moduleName, 'helpMenu',{
        name: "MaterialDeck.Sett.Help",
@@ -211,7 +222,8 @@ export const registerSettings = async function() {
        if (permissionSettings.permissions.TOKEN.OBSERVER == undefined) permissionSettings.permissions.TOKEN.OBSERVER = [false,true,true,true];
        if (permissionSettings.permissions.MACRO.BY_NAME == undefined) permissionSettings.permissions.MACRO.BY_NAME = [false,false,true,true];
    }
-    game.settings.set(MODULE.moduleName,'userPermission',permissionSettings);
+    if (game.user.isGM)
+        game.settings.set(MODULE.moduleName,'userPermission',permissionSettings);
    

 }
--- a/src/soundboard.js
+++ b/src/soundboard.js
@@ -13,16 +13,19 @@ export class SoundboardControl{

    async updateAll(){
        if (this.active == false) return;
-        for (let i=0; i<32; i++){   
-            const data = streamDeck.buttonContext[i];
-            if (data == undefined || data.action != 'soundboard') continue;
-            await this.update(data.settings,data.context);
+        for (let device of streamDeck.buttonContext) {
+            if (device?.buttons == undefined) continue;
+            for (let i=0; i<device.buttons.length; i++){   
+                const data = device.buttons[i];
+                if (data == undefined || data.action != 'soundboard') continue;
+                await this.update(data.settings,data.context,device.device);
+            }
        }
    }

-    update(settings,context){
+    update(settings,context,device){
        if (MODULE.getPermission('SOUNDBOARD','PLAY') == false ) {
-            streamDeck.noPermission(context);
+            streamDeck.noPermission(context,device);
            return;
        }
        this.active = true;
@@ -46,7 +49,7 @@ export class SoundboardControl{
            if (settings.displayIcon && soundboardSettings.img != undefined) src = soundboardSettings.img[soundNr];

            streamDeck.setTitle(txt,context);
-            streamDeck.setIcon(context,src,{background:background,ring:2,ringColor:ringColor});
+            streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:ringColor});
        }
        else if (mode == 'offset') { //Offset
            const ringOffColor = settings.offRing ? settings.offRing : '#000000';
@@ -58,7 +61,7 @@ export class SoundboardControl{
            else ringColor = ringOffColor;

            streamDeck.setTitle(txt,context);
-            streamDeck.setIcon(context,"",{background:background,ring:2,ringColor:ringColor});
+            streamDeck.setIcon(context,device,"",{background:background,ring:2,ringColor:ringColor});
        }
        else if (mode == 'stopAll') {   //Stop all sounds
            let src = 'modules/MaterialDeck/img/playlist/stop.png';
@@ -68,9 +71,9 @@ export class SoundboardControl{
                if (this.activeSounds[i]) 
                    soundPlaying = true;
            if (soundPlaying)
-                streamDeck.setIcon(context,src,{background:background,ring:2,ringColor:'#00FF00',overlay:true});
+                streamDeck.setIcon(context,device,src,{background:background,ring:2,ringColor:'#00FF00',overlay:true});
            else
-                streamDeck.setIcon(context,src,{background:background,ring:1,ringColor:'#000000',overlay:true});
+                streamDeck.setIcon(context,device,src,{background:background,ring:1,ringColor:'#000000',overlay:true});
        }
    }

@@ -169,7 +172,7 @@ export class SoundboardControl{
            volume *= game.settings.get("core", "globalAmbientVolume");

            if (compatibleCore("0.8.1")) {
-                let newSound = new SoundNode(src);
+                let newSound = new Sound(src);
                if(newSound.loaded == false) await newSound.load({autoplay:true});
                newSound.on('end', ()=>{
                    if (repeat == false) {
--- a/src/streamDeck.js
+++ b/src/streamDeck.js
@@ -7,9 +7,7 @@ export class StreamDeck{
        this.tokenNameContext;
        this.tokenACContext;
        this.buttonContext = [];
-        for (let i=0; i<31; i++){
-            this.buttonContext[i] = undefined;
-        }
+        
        this.playlistTrackBuffer = [];
        this.playlistSelector = 0;
        this.trackSelector = 0;
@@ -36,19 +34,40 @@ export class StreamDeck{
       
    }

-    setContext(action,context,coordinates = {column:0,row:0},settings){
+    setContext(device,size,iteration,action,context,coordinates = {column:0,row:0},settings){
+        if (device == undefined) return;
+        if (this.buttonContext[iteration] == undefined) {
+            const deckSize = size.columns*size.rows;
+            let buttons = [];
+            for (let i=0; i<deckSize; i++){
+                buttons[i] = undefined;
+            }
+            this.buttonContext[iteration] = {
+                device: device,
+                size: size,
+                buttons: buttons
+            }
+        }
+
        const data = {
            context: context,
            action: action,
            settings: settings
        }
-        let num = coordinates.column + coordinates.row*8;
-        this.buttonContext[num] = data;
+
+        const num = coordinates.column + coordinates.row*size.columns;
+        this.buttonContext[iteration].buttons[num] = data;
    }

-    clearContext(action,coordinates = {column:0,row:0}){
-        let num = coordinates.column + coordinates.row*8;
-        this.buttonContext[num] = undefined;
+    clearContext(device,action,coordinates = {column:0,row:0}){
+        for (let d of this.buttonContext) {
+            if (d.device == device) {
+                const num = coordinates.column + coordinates.row*d.size.columns;
+                d.buttons[num] = undefined;
+                return;
+            }
+        }
+
        if (this.getActive(action) == false){
            if (action == 'token') MODULE.tokenControl.active = false; 
            else if (action == 'macro') MODULE.macroControl.active = false; 
@@ -127,7 +146,9 @@ export class StreamDeck{
                newTxtArray[counter] = txtNewPart;
                counter++;
            }
+            if (counter == 1 && newTxtArray[0] == "") counter = 0;
        }
+        
        for (let i=0; i<counter; i++){
            if (txtNew.length > 0)
                txtNew += "\n";
@@ -177,11 +198,12 @@ export class StreamDeck{
        MODULE.sendWS(JSON.stringify(msg));
    }

-    setImage(image,context,nr,id){
+    setImage(image,context,device,nr,id){
        var json = {
            target: "SD",
            event: "setImage",
            context: context,
+            device: device,
            payload: {
                nr: nr,
                id: id,
@@ -192,11 +214,12 @@ export class StreamDeck{
        MODULE.sendWS(JSON.stringify(json));
    }

-    setBufferImage(context,nr,id){
+    setBufferImage(context,device,nr,id){
        var json = {
            target: "SD",
            event: "setBufferImage",
            context: context,
+            device: device,
            payload: {
                nr: nr,
                id: id,
@@ -206,7 +229,7 @@ export class StreamDeck{
        MODULE.sendWS(JSON.stringify(json));
    }

-    setIcon(context,src='',options = {}){
+    setIcon(context,device,src='',options = {}){
        if (src == null || src == undefined) src = '';
        if (src == '') src = 'modules/MaterialDeck/img/black.png';
        let background = options.background ? options.background : '#000000';
@@ -215,19 +238,27 @@ export class StreamDeck{
        let overlay = options.overlay ? options.overlay : false;
        let uses = options.uses ? options.uses : undefined;
        let clock = options.clock ? options.clock : false;
-        for (let i=0; i<32; i++){
-            if (clock != false) break;
-            if (this.buttonContext[i] == undefined) continue;
-            if (this.buttonContext[i].context == context) {
-                if (this.buttonContext[i].icon == src && this.buttonContext[i].ring == ring && this.buttonContext[i].ringColor == ringColor && this.buttonContext[i].background == background && this.buttonContext[i].uses == uses) 
-                    return;
-                this.buttonContext[i].icon = src;
-                this.buttonContext[i].ring = ring;
-                this.buttonContext[i].ringColor = ringColor;
-                this.buttonContext[i].background = background;
-                this.buttonContext[i].uses = uses;
+        
+        //if (src != 'modules/MaterialDeck/img/black.png')
+        for (let d of this.buttonContext) {
+            if (d.device == device) {
+                for (let i=0; i<d.buttons.length; i++){
+                    if (clock != false) break;
+                    if (d.buttons[i] == undefined) continue;
+                    if (d.buttons[i].context == context) {
+                        if (d.buttons[i].icon == src && d.buttons[i].ring == ring && d.buttons[i].ringColor == ringColor && d.buttons[i].background == background && d.buttons[i].uses == uses) 
+                            return;
+                        d.buttons[i].icon = src;
+                        d.buttons[i].ring = ring;
+                        d.buttons[i].ringColor = ringColor;
+                        d.buttons[i].background = background;
+                        d.buttons[i].uses = uses;
+                    }
+                }
+                break;
            }
        }
+
        const data = {
            url: src,
            background:background,
@@ -235,11 +266,12 @@ export class StreamDeck{
            ringColor:ringColor,
            overlay:overlay,
            uses:uses,
-            options:options
+            options:options,
+            devide:device
        }
        const imgBuffer = (clock == false) ? this.checkImageBuffer(data) : false;
        if (imgBuffer != false) {
-            this.setBufferImage(context,imgBuffer,this.getImageBufferId(data))
+            this.setBufferImage(context,device,imgBuffer,this.getImageBufferId(data))
            return;
        }
        
@@ -252,6 +284,7 @@ export class StreamDeck{
            target: "SD",
            event: 'setIcon',
            context: context,
+            device: device,
            url: src,
            format: format,
            background: background,
@@ -312,6 +345,7 @@ export class StreamDeck{
        if (data == undefined) 
            return;
        const context = data.context;
+        const device = data.device;
        var url = data.url;
        const format = data.format;
        var background = data.background;
@@ -355,14 +389,14 @@ export class StreamDeck{
        else {
            
        }
-        if (uses != undefined && uses.heart && (uses.available > 0 || uses.maximum != undefined)) {
+        if (uses != undefined && uses.heart != false && (uses.available > 0 || uses.maximum != undefined)) {
            const percentage = 102*uses.available/uses.maximum;
-            ctx.fillStyle = "#FF0000";
+            ctx.fillStyle = uses.heart;
            ctx.fillRect(0, 121,144,-percentage);
        }
        if (format == 'icon' && url != ""){
            ctx.font = '600 90px "Font Awesome 5 Free"';
-            ctx.fillStyle = "gray";
+            ctx.fillStyle = "#545454";
            var elm = document.createElement('i');
            elm.className = url;
            elm.style.display = 'none';
@@ -384,7 +418,8 @@ export class StreamDeck{
        img.setAttribute('crossorigin', 'anonymous');
        img.onload = () => {
            if (format == 'color') ctx.filter = "opacity(0)";
-            if (data.overlay) ctx.filter = "brightness(60%)";
+            
+            if (data.overlay == true) ctx.filter = "brightness(" + game.settings.get(MODULE.moduleName,'imageBrightness') + "%)";
            //ctx.filter = "brightness(0) saturate(100%) invert(38%) sepia(62%) saturate(2063%) hue-rotate(209deg) brightness(90%) contrast(95%)";
            var imageAspectRatio = img.width / img.height;
            var canvasAspectRatio = canvas.width / canvas.height;
@@ -489,7 +524,7 @@ export class StreamDeck{
            var dataURL = canvas.toDataURL();
            canvas.remove();
            const nr = this.addToImageBuffer(dataURL,data);
-            this.setImage(dataURL,data.context,nr,this.getImageBufferId(data));
+            this.setImage(dataURL,data.context,device,nr,this.getImageBufferId(data));
        };
        img.src = resImageURL;
    }
@@ -531,12 +566,12 @@ export class StreamDeck{
        this.imageBuffer = [];
    }

-    noPermission(context,showTxt=true, origin = ""){
+    noPermission(context,device,showTxt=true, origin = ""){
        console.warn("Material Deck: User lacks permission for function "+origin);
        const url = 'modules/MaterialDeck/img/black.png';
        const background = '#000000';
        const txt = showTxt ? 'no\npermission' : '';
-        this.setIcon(context,url,{background:background});
+        this.setIcon(context,device,url,{background:background});
        this.setTitle(txt,context);
    }
 }
--- a/src/token.js
+++ b/src/token.js
@@ -1,5 +1,5 @@
 import * as MODULE from "../MaterialDeck.js";
-import {streamDeck, macroControl} from "../MaterialDeck.js";
+import {streamDeck, macroControl, otherControls} from "../MaterialDeck.js";
 import {compatibleCore} from "./misc.js";

 export class TokenControl{
@@ -10,24 +10,32 @@ export class TokenControl{

    async update(tokenId=null){
        if (this.active == false) return;
-        for (let i=0; i<32; i++){   
-            const data = streamDeck.buttonContext[i];
-            if (data == undefined || data.action != 'token') continue;
-            await this.pushData(tokenId,data.settings,data.context);
+        for (let device of streamDeck.buttonContext) {
+            if (device?.buttons == undefined) continue;
+            for (let i=0; i<device.buttons.length; i++){   
+                const data = device.buttons[i];
+                if (data == undefined || data.action != 'token') continue;
+                await this.pushData(tokenId,data.settings,data.context,device.device);
+            }
        }
    }

-    async pushData(tokenId,settings,context,ring=0,ringColor='#000000'){
+    async pushData(tokenId,settings,context,device,ring=0,ringColor='#000000'){
        const name = settings.displayName ? settings.displayName : false;
-        const icon = settings.displayIcon ? settings.displayIcon : false;
+        const icon = settings.icon ? settings.icon : 'none';
        const background = settings.background ? settings.background : "#000000";
        let stats =  settings.stats ? settings.stats : 'none';
        const selection = settings.selection ? settings.selection : 'selected';
        const tokenIdentifier = settings.tokenName ? settings.tokenName : '';
+        const prependTitle = settings.prependTitle ? settings.prependTitle : '';
    
        let validToken = false;
        let token;
-        if (selection == 'selected') token = canvas.tokens.children[0].children.find(p => p.id == tokenId);
+        if (settings.combatTrackerMode) {
+            const mode = settings.combatTrackerMode;
+            token = canvas.tokens.children[0].children.find(p => p.id == tokenId);
+        }
+        else if (selection == 'selected') token = canvas.tokens.controlled[0];
        else if (selection != 'selected' && tokenIdentifier == '') {}
        else if (selection == 'tokenName') token = canvas.tokens.children[0].children.find(p => p.name == tokenIdentifier);
        else if (selection == 'actorName') token = canvas.tokens.children[0].children.find(p => p.actor.name == tokenIdentifier);
@@ -35,7 +43,6 @@ export class TokenControl{
        else if (selection == 'actorId') token = canvas.tokens.children[0].children.find(p => p.actor.id == tokenIdentifier);

        if (token != undefined) validToken = true;
-
        let tokenName = "";
        let txt = "";
        let iconSrc = "";
@@ -45,16 +52,17 @@ export class TokenControl{
        let hp = undefined;
        if (validToken) {
            if (token.owner == false && token.observer == true && MODULE.getPermission('TOKEN','OBSERVER') == false ) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }
            if (token.owner == false && token.observer == false && MODULE.getPermission('TOKEN','NON_OWNED') == false ) {
-                streamDeck.noPermission(context);
+                streamDeck.noPermission(context,device);
                return;
            }

            tokenName = token.data.name;
            if (name) txt += tokenName;
+            else txt += prependTitle;

            const permission = token.actor?.permission;
            if (settings.combat){
@@ -72,7 +80,8 @@ export class TokenControl{
                stats = 'none';
            }

-            if (icon) iconSrc = token.data.img;
+            if (icon == 'tokenIcon') iconSrc = token.data.img;
+            else if (icon == 'actorIcon') iconSrc = token.actor.data.img;
            if (name && stats != 'none' && stats != 'HPbox') txt += "\n";
            if (stats == 'custom'){
                const custom = settings.custom ? settings.custom : '';
@@ -95,11 +104,14 @@ export class TokenControl{
            else if (game.system.id == 'dnd5e'){
                let attributes = token.actor.data.data.attributes;
                if (stats == 'HP') {
-                    uses = {
-                        available: attributes.hp.value,
-                        maximum: attributes.hp.max,
-                        heart: true
-                    };
+                    if (icon == 'stats') {
+                        uses = {
+                            available: attributes.hp.value,
+                            maximum: attributes.hp.max,
+                            heart: "#FF0000"
+                        };
+                    }
+                    
                    txt += attributes.hp.value + "/" + attributes.hp.max;
                }
                else if (stats == 'HPbox') {
@@ -110,9 +122,17 @@ export class TokenControl{
                    }
                }
                else if (stats == 'TempHP') {
-                    txt += attributes.hp.temp;
-                    if (attributes.hp.tempmax != null)
-                    txt += "/" + attributes.hp.tempmax;
+                    const val = (attributes.hp.temp == null) ? 0 : attributes.hp.temp;
+                    const max = (attributes.hp.tempmax == null) ? 0 : attributes.hp.tempmax
+                    if (icon == 'stats') {
+                        uses = {
+                            available: (attributes.hp.temp == null) ? 0 : attributes.hp.temp,
+                            maximum: (max == 0) ? 1 : attributes.hp.tempmax,
+                            heart: "#00FF00"
+                        };
+                    }
+                    txt += val;
+                    if (max != 0) txt += "/" + max;
                }
                else if (stats == 'AC') txt += attributes.ac.value;
                else if (stats == 'Speed'){
@@ -171,16 +191,29 @@ export class TokenControl{
                }
                else if (stats == 'Skill') {
                    const skill = settings.skill ? settings.skill : 'acr';
-                    const value = token.actor.data.data.skills?.[skill].mod;
+                    const value = token.actor.data.data.skills?.[skill].total;
+                    if (value >= 0) txt += '+';
+                    txt += value;
+                }
+                else if (stats == 'Prof') {
+                    const value = token.actor.data.data.attributes.prof;
                    if (value >= 0) txt += '+';
                    txt += value;
                }
-                else if (stats == 'Prof') txt += token.actor.data.data.attributes.prof;
            }

            else if (game.system.id == 'D35E' || game.system.id == 'pf1'){
                let attributes = token.actor.data.data.attributes;
-                if (stats == 'HP') txt += attributes.hp.value + "/" + attributes.hp.max;
+                if (stats == 'HP') {
+                    if (icon == 'stats') {
+                        uses = {
+                            available: attributes.hp.value,
+                            maximum: attributes.hp.max,
+                            heart: true
+                        };
+                    }
+                    txt += attributes.hp.value + "/" + attributes.hp.max;
+                }
                else if (stats == 'HPbox') {
                    uses = {
                        available: attributes.hp.value,
@@ -244,7 +277,17 @@ export class TokenControl{
            }
            else if (game.system.id == 'pf2e'){
                let attributes = token.actor.data.data.attributes;
-                if (stats == 'HP') txt += attributes.hp.value + "/" + attributes.hp.max;
+                if (stats == 'HP') {
+                    if (icon == 'stats') {
+                        uses = {
+                            available: attributes.hp.value,
+                            maximum: attributes.hp.max,
+                            heart: true
+                        };
+                    }
+                    
+                    txt += attributes.hp.value + "/" + attributes.hp.max;
+                }
                else if (stats == 'HPbox') {
                    uses = {
                        available: attributes.hp.value,
@@ -302,7 +345,17 @@ export class TokenControl{
            }
            else if (game.system.id == 'demonlord'){
                let characteristics = token.actor.data.data.characteristics;
-                if (stats == 'HP') txt += characteristics.health.value + "/" + characteristics.health.max;
+                if (stats == 'HP') {
+                    if (icon == 'stats') {
+                        uses = {
+                            available: attributes.hp.value,
+                            maximum: attributes.hp.max,
+                            heart: true
+                        };
+                    }
+                    
+                    characteristics.health.value + "/" + characteristics.health.max;
+                }
                else if (stats == 'HPbox') {
                    uses = {
                        available: characteristics.health.value,
@@ -335,7 +388,7 @@ export class TokenControl{

            if (settings.onClick == 'visibility') { //toggle visibility
                if (MODULE.getPermission('TOKEN','VISIBILITY') == false ) {
-                    streamDeck.noPermission(context);
+                    streamDeck.noPermission(context,device);
                    return;
                }
                ring = 1;
@@ -343,14 +396,14 @@ export class TokenControl{
                    ring = 2;
                    ringColor = "#FF7B00";
                }
-                if (icon == false) {
+                if (icon == 'stats') {
                    iconSrc = window.CONFIG.controlIcons.visibility;
                    overlay = true;
                }
            }
            else if (settings.onClick == 'combatState') { //toggle combat state
                if (MODULE.getPermission('TOKEN','COMBAT') == false ) {
-                    streamDeck.noPermission(context);
+                    streamDeck.noPermission(context,device);
                    return;
                }
                ring = 1;
@@ -358,7 +411,7 @@ export class TokenControl{
                    ring = 2;
                    ringColor = "#FF7B00";
                }
-                if (icon == false) {
+                if (icon == 'stats') {
                    iconSrc = window.CONFIG.controlIcons.combat;
                    overlay = true;
                }
@@ -369,21 +422,21 @@ export class TokenControl{
                    ring = 2;
                    ringColor = "#FF7B00";
                }
-                if (icon == false) {
+                if (icon == 'stats') {
                    iconSrc = "fas fa-bullseye";
                }
            }
            else if (settings.onClick == 'condition') { //toggle condition
                if (MODULE.getPermission('TOKEN','CONDITIONS') == false ) {
-                    streamDeck.noPermission(context);
+                    streamDeck.noPermission(context,device);
                    return;
                }
                ring = 1;
                if (game.system.id == 'dnd5e' || game.system.id == 'D35E' || game.system.id == 'pf1'){
                    const condition = settings.condition ? settings.condition : 'removeAll';
-                    if (condition == 'removeAll' && icon == false)
+                    if (condition == 'removeAll' && icon == 'stats')
                        iconSrc = window.CONFIG.controlIcons.effects;
-                    else if (icon == false) {
+                    else if (icon == 'stats') {
                        let effect = CONFIG.statusEffects.find(e => e.id === condition);
                        iconSrc = effect.icon;
                        let effects = compatibleCore("0.8.1") ? token.actor.effects.contents : token.actor.effects.entries;
@@ -396,9 +449,9 @@ export class TokenControl{
                }
                else if (game.system.id == 'pf2e') {
                    const condition = settings.condition ? settings.condition : 'removeAll';
-                    if (condition == 'removeAll' && icon == false)
+                    if (condition == 'removeAll' && icon == 'stats')
                        iconSrc = window.CONFIG.controlIcons.effects;
-                    else if (icon == false) {
+                    else if (icon == 'stats') {
                        let effects = token.data.effects;
                        for (let i=0; i<effects.length; i++){
                            if (this.pf2eCondition(condition) == effects[i]){
@@ -411,9 +464,9 @@ export class TokenControl{
                }
                else if (game.system.id == 'demonlord'){
                    const condition = settings.condition ? settings.condition : 'removeAll';
-                    if (condition == 'removeAll' && icon == false)
+                    if (condition == 'removeAll' && icon == 'stats')
                        iconSrc = window.CONFIG.controlIcons.effects;
-                    else if (icon == false) {
+                    else if (icon == 'stats') {
                        let effect = CONFIG.statusEffects.find(e => e.id === condition);
                        iconSrc = effect.icon;
                        let effects = token.actor.effects.entries;
@@ -430,14 +483,14 @@ export class TokenControl{
            }
            else if (settings.onClick == 'cubCondition') { //Combat Utility Belt conditions
                if (MODULE.getPermission('TOKEN','CONDITIONS') == false ) {
-                    streamDeck.noPermission(context);
+                    streamDeck.noPermission(context,device);
                    return;
                }
                ring = 1;
                overlay = true;
                const condition = settings.cubConditionName;
                if (condition == undefined || condition == '') return;
-                if (icon == false) {
+                if (icon == 'stats') {
                    let effect = CONFIG.statusEffects.find(e => e.label === condition);
                    iconSrc = effect.icon;
                    let effects = compatibleCore("0.8.1") ? token.actor.effects.contents : token.actor.effects.entries;
@@ -450,10 +503,10 @@ export class TokenControl{
            }
            else if (settings.onClick == 'wildcard') { //wildcard images
                if (MODULE.getPermission('TOKEN','WILDCARD') == false ) {
-                    streamDeck.noPermission(context);
+                    streamDeck.noPermission(context,device);
                    return;
                }
-                if (icon == false) return;
+                if (icon != 'stats') return;
                const method = settings.wildcardMethod ? settings.wildcardMethod : 'iterate';
                let value = parseInt(settings.wildcardValue);
                if (isNaN(value)) value = 1;
@@ -490,10 +543,10 @@ export class TokenControl{
            iconSrc += "";
            if (settings.onClick == 'visibility') { //toggle visibility
                if (MODULE.getPermission('TOKEN','VISIBILITY') == false ) {
-                    streamDeck.noPermission(context);
+                    streamDeck.noPermission(context,device);
                    return;
                }
-                if (icon == false) {
+                if (icon == 'stats') {
                    iconSrc = window.CONFIG.controlIcons.visibility;
                    ring = 2;
                    overlay = true;
@@ -501,17 +554,17 @@ export class TokenControl{
            }
            else if (settings.onClick == 'combatState') { //toggle combat state
                if (MODULE.getPermission('TOKEN','COMBAT') == false ) {
-                    streamDeck.noPermission(context);
+                    streamDeck.noPermission(context,device);
                    return;
                }
-                if (icon == false) {
+                if (icon == 'stats') {
                    iconSrc = window.CONFIG.controlIcons.combat;
                    ring = 2;
                    overlay = true;
                }
            }
            else if (settings.onClick == 'target') { //target token
-                if (icon == false) {
+                if (icon == 'stats') {
                    iconSrc = "fas fa-bullseye";
                    ring = 2;
                    overlay = true;
@@ -519,28 +572,28 @@ export class TokenControl{
            }
            else if (settings.onClick == 'condition') { //toggle condition
                if (MODULE.getPermission('TOKEN','CONDITIONS') == false ) {
-                    streamDeck.noPermission(context);
+                    streamDeck.noPermission(context,device);
                    return;
                }
                if (game.system.id == 'dnd5e' || game.system.id == 'D35E' || game.system.id == 'pf1'){
                    const condition = settings.condition ? settings.condition : 'removeAll';
                    if (condition == 'removeAll' && icon == false)
                        iconSrc = window.CONFIG.controlIcons.effects;
-                    else if (icon == false) 
+                    else if (icon == 'stats') 
                        iconSrc = CONFIG.statusEffects.find(e => e.id === condition).icon;
                }
                else if (game.system.id == 'pf2e') {
                    const condition = settings.condition ? settings.condition : 'removeAll';
-                    if (condition == 'removeAll' && icon == false)
+                    if (condition == 'removeAll' && icon == 'stats')
                        iconSrc = window.CONFIG.controlIcons.effects;
-                    else if (icon == false) 
+                    else if (icon == 'stats') 
                        iconSrc = this.pf2eCondition(condition);
                }
                else if (game.system.id == 'demonlord'){
                    const condition = settings.condition ? settings.condition : 'removeAll';
-                    if (condition == 'removeAll' && icon == false)
+                    if (condition == 'removeAll' && icon == 'stats')
                        iconSrc = window.CONFIG.controlIcons.effects;
-                    else if (icon == false) 
+                    else if (icon == 'stats') 
                        iconSrc = CONFIG.statusEffects.find(e => e.id === condition).icon;
                }
                ring = 1;
@@ -548,47 +601,71 @@ export class TokenControl{
            }
            else if (settings.onClick == 'cubCondition') { //Combat Utility Belt conditions
                if (MODULE.getPermission('TOKEN','CONDITIONS') == false ) {
-                    streamDeck.noPermission(context);
+                    streamDeck.noPermission(context,device);
                    return;
                }
                const condition = settings.cubConditionName;
                if (condition == undefined || condition == '') return;
-                if (icon == false) {
+                if (icon == 'stats') {
                    iconSrc = CONFIG.statusEffects.find(e => e.label === condition).icon;
                }
                ring = 1;
                overlay = true;
            }
        }
-        if (icon == false){
+
+        if (icon == 'stats'){
            if (MODULE.getPermission('TOKEN','STATS') == false) stats = statsOld;
-            if (stats == 'HP' || stats == 'TempHP') //HP
+            if (stats == 'HP') //HP
                iconSrc = "modules/MaterialDeck/img/token/hp_empty.png";
+            if (stats == 'TempHP') //Temp HP
+                iconSrc = "modules/MaterialDeck/img/token/temp_hp_empty.png";
            else if (stats == 'AC' || stats == 'ShieldHP') //AC
                iconSrc = "modules/MaterialDeck/img/token/ac.webp";
            else if (stats == 'Speed') //Speed
                iconSrc = "modules/MaterialDeck/img/token/speed.webp";
            else if (stats == 'Init') //Initiative
                iconSrc = "modules/MaterialDeck/img/token/init.png";
-            else if (stats == 'PassivePerception') 
-                iconSrc = "modules/MaterialDeck/img/black.png";
-            else if (stats == 'PassiveInvestigation') 
-                iconSrc = "modules/MaterialDeck/img/black.png";
+            else if (stats == 'PassivePerception') {
+                iconSrc = "modules/MaterialDeck/img/token/skills/prc.png";
+                overlay = true;
+                ring = 1;
+            }
+            else if (stats == 'PassiveInvestigation') {
+                iconSrc = "modules/MaterialDeck/img/token/skills/inv.png";
+                overlay = true;
+                ring = 1;
+            }
+            else if (stats == 'Ability' || stats == 'AbilityMod' || stats == 'Save') {
+                overlay = true;
+                ring = 1;
+                let ability = (stats == 'Save') ? settings.save : settings.ability;
+                if (ability == undefined) ability = 'str';
+                if (ability == 'con') iconSrc = "modules/MaterialDeck/img/token/abilities/cons.png";
+                else iconSrc = "modules/MaterialDeck/img/token/abilities/" + ability + ".png";
+            }
+            else if (stats == 'Skill') {
+                overlay = true;
+                ring = 1;
+                let skill = settings.skill;
+                if (skill == undefined) skill = 'acr';
+                else iconSrc = "modules/MaterialDeck/img/token/skills/" + skill + ".png";
+            }     
        } 
-        streamDeck.setIcon(context,iconSrc,{background:background,ring:ring,ringColor:ringColor,overlay:overlay,uses:uses,hp:hp});
+        streamDeck.setIcon(context,device,iconSrc,{background:background,ring:ring,ringColor:ringColor,overlay:overlay,uses:uses,hp:hp});
        streamDeck.setTitle(txt,context);
    }

    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

    async keyPress(settings){
-        const tokenId = MODULE.selectedTokenId;
+        const tokenId = canvas.tokens.controlled[0]?.id;

        const selection = settings.selection ? settings.selection : 'selected';
        const tokenIdentifier = settings.tokenName ? settings.tokenName : '';
        
        let token;
-        if (selection == 'selected') token = canvas.tokens.children[0].children.find(p => p.id == tokenId);
+        if (selection == 'selected') token = canvas.tokens.controlled[0];
        else if (selection != 'selected' && tokenIdentifier == '') {}
        else if (selection == 'tokenName') token = canvas.tokens.children[0].children.find(p => p.name == tokenIdentifier);
        else if (selection == 'actorName') token = canvas.tokens.children[0].children.find(p => p.actor.name == tokenIdentifier);
@@ -757,7 +834,7 @@ export class TokenControl{
            }
            else if (method == 'offset'){
                this.wildcardOffset = value;
-                this.update(MODULE.selectedTokenId);
+                this.update(canvas.tokens.controlled[0]?.id);
            }
            else return;

@@ -774,37 +851,50 @@ export class TokenControl{
            macroControl.keyPress(settingsNew);
        }
        else if (onClick == 'roll') {   //roll skill/save/ability
-            const roll = settings.roll ? settings.roll : 'abilityCheck';
+            const roll = settings.roll ? settings.roll : 'ability';
            const ability = settings.rollAbility ? settings.rollAbility : 'str';
            const skill = settings.rollSkill ? settings.rollSkill : 'acr';
            const save = settings.rollSave ? settings.rollSave : 'str';
+            const rollMode = settings.rollMode ? settings.rollMode : 'default';
+            let options;
+            if (rollMode == 'default')
+                options = {
+                    fastForward: (otherControls.rollOption != 'dialog'),
+                    advantage: (otherControls.rollOption == 'advantage'),
+                    disadvantage: (otherControls.rollOption == 'disadvantage')
+                }
+            else if (rollMode == 'normal') options = {fastForward:true}
+            else if (rollMode == 'advantage') options = {fastForward:true,advantage:true}
+            else if (rollMode == 'disadvantage') options = {fastForward:true,disadvantage:true}

            if (game.system.id == 'pf2e') {
-                if (roll == 'abilityCheck') token.actor.data.data.saves?.[ability].roll();
+                if (roll == 'ability') token.actor.data.data.saves?.[ability].roll(options);
                else if (roll == 'save') {
                    let ability = save;
                    if (ability == 'fort') ability = 'fortitude';
                    else if (ability == 'ref') ability = 'reflex';
                    else if (ability == 'will') ability = 'will';
-                    token.actor.data.data.saves?.[ability].roll();
+                    token.actor.data.data.saves?.[ability].roll(options);
                }
-                else if (roll == 'skill') token.actor.data.data.skills?.[skill].roll();
+                else if (roll == 'skill') token.actor.data.data.skills?.[skill].roll(options);
            }
-            if (roll == 'abilityCheck') token.actor.rollAbilityTest(ability);
+            if (roll == 'ability') token.actor.rollAbilityTest(ability,options);
            else if (roll == 'save') {
-                if (game.system.id == 'dnd5e') token.actor.rollAbilitySave(save);
-                else token.actor.rollSavingThrow(save);
+                if (game.system.id == 'dnd5e') token.actor.rollAbilitySave(save,options);
+                else token.actor.rollSavingThrow(save,options);
            }
-            else if (roll == 'skill') token.actor.rollSkill(skill);
-            else if (roll == 'initiative') token.actor.rollInitiative();
-            else if (roll == 'deathSave') token.actor.rollDeathSave();
-            else if (roll == 'grapple') token.actor.rollGrapple();
-            else if (roll == 'bab') token.actor.rollBAB();
-            else if (roll == 'melee') token.actor.rollMelee();
-            else if (roll == 'ranged') token.actor.rollRanged();
-            else if (roll == 'cmb') token.actor.rollCMB();
-            else if (roll == 'attack') token.actor.rollAttack();
-            else if (roll == 'defenses') token.actor.rollDefenses();
+            else if (roll == 'skill') token.actor.rollSkill(skill,options);
+            else if (roll == 'initiative') token.actor.rollInitiative(options);
+            else if (roll == 'deathSave') token.actor.rollDeathSave(options);
+            else if (roll == 'grapple') token.actor.rollGrapple(options);
+            else if (roll == 'bab') token.actor.rollBAB(options);
+            else if (roll == 'melee') token.actor.rollMelee(options);
+            else if (roll == 'ranged') token.actor.rollRanged(options);
+            else if (roll == 'cmb') token.actor.rollCMB(options);
+            else if (roll == 'attack') token.actor.rollAttack(options);
+            else if (roll == 'defenses') token.actor.rollDefenses(options);
+            
+            if (otherControls.rollOption != 'dialog') otherControls.setRollOption('normal');
        }
        else if (onClick == 'custom') {//custom onClick function
            if (MODULE.getPermission('TOKEN','CUSTOM') == false ) return;
--- a/templates/helpMenu.html
+++ b/templates/helpMenu.html
@@ -1,6 +1,7 @@
 <form autocomplete="off" onsubmit="event.preventDefault()">

    <div style="width:1200px">
+
        <h1>Introduction</h1>
        Material Deck is a Foundry VTT module that allows you to control certain Foundry functions using an Elgato Stream Deck. 
        A Stream Deck is a device that has physical buttons with displays behind them. Material Deck uses this to, for example, 
@@ -72,6 +73,8 @@
                you know what you're doing. More info on Material Server can be found <a href="https://github.com/CDeenen/MaterialServer/blob/master/README.md">here</a></li>
            <li><b>Image Cache Size</b> - Sets the amount of images to store in the image cache. The image cache will locally store all images sent to the Stream Deck. 
                This improves the update speed, but increases memory usage.</li>
+            <li><b>Image Brightness</b> - Sets the brightness of the default white images for better readibility of the text. If Image Cache Size is large, it'll take a while for 
+                the new brightness setting to be applied. A refresh will give instantaneous results.</li>
        </ul>

        <BR CLEAR="right" />
--- a/templates/macroConfig.html
+++ b/templates/macroConfig.html
@@ -9,9 +9,9 @@
    </style>

    {{#each macroData}}
-        <div class="form-group">
+        <div class="form-group" style="width:100%">
            {{#each this.dataThis}}
-                <div class="boxed" style="padding: 5px; margin:2px">
+                <div class="boxed" style="padding: 5px; margin:2px; width:10%">
                    <div style="text-align:center;">                    
                        {{localize "MaterialDeck.Macro"}} {{this.iteration}}
                    </div>
--- a/templates/soundboardConfig.html
+++ b/templates/soundboardConfig.html
@@ -9,9 +9,9 @@
    </style>
    
    {{#each soundData}}
-        <div class="form-group">
+        <div class="form-group" style="width:100%">
            {{#each this.dataThis}}
-                <div class="boxed" style="padding: 5px; margin:2px">
+                <div class="boxed" style="padding: 5px; margin:2px; width:10%">
                    <div style="text-align:center;">                    
                        {{localize "MaterialDeck.Sound"}} {{this.iteration}}
                    </div>
Author	SHA1	Message	Date
CDeenen	484b7a0b7f	v1.4.3	2021-05-05 01:00:18 +02:00
CDeenen	bf8c5c0076	v1.4.2	2021-04-23 02:13:09 +02:00
CDeenen	e229abc3ee	v1.4.1	2021-04-21 23:32:05 +02:00
CDeenen	51119f42ea	v1.4.0	2021-04-21 18:27:03 +02:00
CDeenen	42e4f8f0d8	merge fix	2021-04-21 18:26:10 +02:00
CDeenen	c3ee0a76aa	v1.4.0	2021-04-21 18:23:02 +02:00
Material Foundry	2264d018c2	Update changelog.md	2021-04-18 21:55:15 +02:00