2.6.15

CHANGELOG.md

@@ -1,3 +1,10 @@
+# 2.6.15
+
+- (Refinement) Made several changes to improve the styling of Token Action HUD PF2e, including making it react to the roundness setting, updating the styling of tags and inline links.
+- (Refinement) Made TAH more snappy by disabling animations on certain buttons.
+- (Fix) Added a white backdrop to the tagify editor in TAH, when using dark-theme.
+- (Maintenance) Fixed some buttons in the compendium browser that looked real bad in dark-theme.
+
 # 2.6.14
 
 - (Maintenance) Removed the action-glyphs added by the system when "Restructure card info" setting is active, as it already did that.

sass/_messages.scss

@@ -337,7 +337,7 @@
     .pf2e.chat-card {
       .tags {
         margin: 3px 1px;
-        margin-bottom: 8px;
+        margin-bottom: 7px;
 
         .vr {
           display: none;

sass/_misc.scss

@@ -25,11 +25,12 @@ a.inline-roll:not(.inline-result) {
   }
 }
 
+.tah-tags-wrapper .tags,
 .chat-card .tags,
 .tags.paizo-style {
   gap: 1px;
 
-  .tag {
+  .tag:not(.tag_transparent) {
     border-radius: 0px;
     box-shadow: unset;
     border: 1px solid var(--tertiary);

sass/foundry/_token-hud.scss

@@ -241,7 +241,7 @@
       font-size: var(--font-size-16);
       font-weight: 600;
       line-height: var(--font-size-17);
-      border-radius: 0px var(--border-radius) 0px var(--border-radius);
+      border-radius: 0px var(--border-radius) 0px 3px;
       background: var(--primary-light);
       // background: white;
       margin: 1px;

sass/module/_token-action-hud.scss

@@ -8,6 +8,9 @@
   --paizo-blue-bright: var(--secondary-light);
   --paizo-red-bright: var(--primary-light);
   --pazio-red: var(--primary);
+  --tah-border-radius: var(--border-radius);
+  --tah-button-background-color: var(--glass-bg);
+  --tah-button-text-color: var(--color-text-light-highlight);
 
   #tah-categories {
     gap: 5px;
@@ -24,7 +27,9 @@
 
   #tah-expand-hud,
   .tah-title-button {
-    @include quick-transition;
+    // @include quick-transition;
+    transition: unset;
+
     color: var(--color-text-light-heading);
     padding: 3px 5px 3px 5px;
     &:hover {
@@ -43,9 +48,14 @@
     width: 174px;
   }
 
+  .tah-tab-group,
+  .tah-action {
+    backdrop-filter: blur(5px);
+  }
+
   .tah-action button {
-    @include quick-transition;
-    color: var(--color-text-light-heading);
+    // @include quick-transition;
+    transition: unset;
 
     &.toggle {
       background-color: var(--secondary-dark);
@@ -64,3 +74,36 @@
     }
   }
 }
+
+.locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll),
+.tah-tooltip :is(a.content-link, a.inline-roll),
+#tooltip.active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll) {
+  background: #ddd;
+  padding: 1px 4px;
+  border: 1px solid var(--color-border-dark-tertiary);
+  color: var(--color-text-dark-primary);
+  margin: 3px;
+}
+
+.tah-tooltip .tags {
+  .tag.tag_transparent {
+    background: rgba(255, 255, 255, 0.5);
+    color: var(--glass-bg-dark);
+    margin-left: 2px;
+    margin-bottom: 2px;
+    &:first-child {
+      margin-left: 0px;
+    }
+  }
+}
+
+.tah-tooltip .tag,
+.tah-tooltip table {
+  text-shadow: none;
+}
+
+.dorako-ui.dark-theme.tah-dialog {
+  .tagify.tah-dialog-tagify {
+    background: white;
+  }
+}

sass/pf2e/_compendium-browser-dark.scss

@@ -11,6 +11,16 @@
     background-color: rgba(0,0,0,0.3);
  }
 
+  &#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button,
+  &#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button {
+    padding: 5px;
+    background-color: var(--glass-bg);
+    margin-bottom: 5px;
+    &:hover {
+      background-color: var(--primary);
+    }
+  }
+
   &#compendium-browser > section.window-content > .content-box .spell-browser .control-area,
   &#license-viewer > section.window-content > .content-box .spell-browser .control-area {
     display: flex;