Experimented with hope/fear pulsed text and the DhCompatible logo

daggerheart.mjs

@@ -88,6 +88,7 @@ CONFIG.ui.actors = applications.sidebar.DhActorDirectory;
 CONFIG.ui.daggerheartMenu = applications.sidebar.DaggerheartMenu;
 CONFIG.ui.resources = applications.ui.DhFearTracker;
 CONFIG.ui.countdowns = applications.ui.DhCountdowns;
+CONFIG.ui.pause = applications.ui.DhGamePause;
 CONFIG.ux.ContextMenu = applications.ux.DHContextMenu;
 CONFIG.ux.TooltipManager = documents.DhTooltipManager;
 CONFIG.ux.TokenManager = new TokenManager();

module/applications/ui/_module.mjs

@@ -8,3 +8,4 @@ export { default as DhHotbar } from './hotbar.mjs';
 export { default as DhSceneNavigation } from './sceneNavigation.mjs';
 export { ItemBrowser } from './itemBrowser.mjs';
 export { default as DhProgress } from './progress.mjs';
+export { default as DhGamePause } from './gamePause.mjs';

module/applications/ui/gamePause.mjs

@@ -0,0 +1,10 @@
+export default class DhGamePause extends foundry.applications.ui.GamePause {
+    /** @override */
+    async _prepareContext(options) {
+        const context = await super._prepareContext(options);
+        context.spin = false;
+        context.icon = 'systems/daggerheart/assets/logos/compatible_with_DH_logos-10.png';
+
+        return context;
+    }
+}

styles/less/ui/game-pause/game-pause.less

@@ -0,0 +1,9 @@
+@import '../../utils/mixin.less';
+
+#pause.paused {
+    figcaption {
+        position: absolute;
+        margin-top: 24px;
+        animation: pause-pulse 3s ease-in-out infinite;
+    }
+}

styles/less/ui/game-pause/index.less

@@ -0,0 +1 @@
+@import './game-pause.less';

styles/less/ui/index.less

@@ -2,6 +2,7 @@
 @import './combat-sidebar/index.less';
 @import './countdown/index.less';
 @import './effects-display/index.less';
+@import './game-pause/index.less';
 @import './item-browser/index.less';
 @import './ownership-selection/index.less';
 @import './resources/index.less';

styles/less/utils/colors.less

@@ -234,6 +234,20 @@
     }
 }
 
+@keyframes pause-pulse {
+    0% {
+        filter: drop-shadow(0 0 5px @secondary-blue);    
+    }
+
+    50% {
+        filter: drop-shadow(0 0 5px @golden);
+    }
+
+    100% {
+        filter: drop-shadow(0 0 5px @secondary-blue);   
+    }
+}
+
 // LESS variable versions of core foundry color variables
 @color-border: var(--color-border);
 @color-fieldset-border: var(--color-fieldset-border);