3.6.2

Dorako · Oct 7, 2024 · 2663671 · 2663671
1 parent f2b0ded
commit 2663671
Show file tree

Hide file tree

Showing 5 changed files with 86 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,8 @@
+# 3.6.2
+
+- (Refinement) Added style support for the new inline flatcheck rolls provided by PF2e Utility Buttons.
+- (Fix) Fixed an issue where CRB light theme would have illegible text in certain dialogs.
+
 # 3.6.1
 
 - (Maintenance) Restored some styling to Hazard sheets.

diff --git a/sass/module-support/_pf2e-utility-buttons.scss b/sass/module-support/_pf2e-utility-buttons.scss
@@ -7,6 +7,20 @@
     }
   }
 
+  .fc-flatcheck-buttons div.fc-check > span:not(:last-child) {
+    border-right: var(--app-border-width) solid var(--app-border-color);
+  }
+
+  .fc-flatcheck-buttons div.fc-check {
+    @include dui-app;
+
+    button[data-action="roll-flatcheck"] {
+      @include dui-button-bright;
+      border-top-left-radius: 0px;
+      border-bottom-left-radius: 0px;
+    }
+  }
+
   #initiative-delay,
   #initiative-return {
     @include dui-button;

diff --git a/sass/ui-theme/themes/_crb-light.scss b/sass/ui-theme/themes/_crb-light.scss
@@ -76,6 +76,7 @@
     --text-color-2: var(--color-text-dark-primary);
     --text-color-3: var(--color-text-dark-primary);
     --dui-button-hover-text-color: white;
+    --color-text-primary: var(--color-text-dark-primary);
   }
 
   --app-background: rgba(255, 255, 255, 0.5);

diff --git a/styles/dorako-ui.css b/styles/dorako-ui.css
@@ -2994,6 +2994,70 @@ body.compact-ui #navigation[data-theme] .monks-scene-navigation #nav-toggle {
   --dui-button-border-color: var(--button-disabled-border-color);
   --dui-button-text-color: var(--text-color-5);
 }
+[data-theme] .fc-flatcheck-buttons div.fc-check > span:not(:last-child) {
+  border-right: var(--app-border-width) solid var(--app-border-color);
+}
+[data-theme] .fc-flatcheck-buttons div.fc-check {
+  background: var(--app-background);
+  border: var(--app-border-width) solid var(--app-border-color);
+  text-shadow: var(--app-text-shadow);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow);
+  color: var(--text-color-3);
+}
+[data-theme] .fc-flatcheck-buttons div.fc-check button[data-action=roll-flatcheck] {
+  background: var(--app-background);
+  border: var(--app-border-width) solid var(--app-border-color);
+  text-shadow: var(--app-text-shadow);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow);
+  color: var(--text-color-3);
+  background: var(--dui-button-background);
+  border: var(--app-border-width) solid var(--dui-button-border-color);
+  color: var(--dui-button-text-color);
+  box-shadow: var(--box-shadow);
+  text-decoration: none;
+  cursor: pointer;
+  text-shadow: var(--app-text-shadow);
+  transition: background 0.1s ease-in-out;
+  --dui-button-background: var(--accent-color);
+  --dui-button-border-color: var(--accent-color-dark);
+  --dui-button-text-color: var(--accent-text-color);
+  --app-text-shadow: none;
+  --button-hover-background: var(--accent-color-light);
+  --button-hover-border-color: var(--accent-color);
+  --dui-button-hover-text-color: var(--accent-text-color);
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+[data-theme] .fc-flatcheck-buttons div.fc-check button[data-action=roll-flatcheck]:not(.disabled, :disabled, .empty):hover {
+  background: var(--button-hover-background);
+  color: var(--dui-button-hover-text-color);
+  border: var(--app-border-width) solid var(--button-hover-border-color);
+  box-shadow: var(--box-shadow);
+}
+[data-theme] .fc-flatcheck-buttons div.fc-check button[data-action=roll-flatcheck].view, [data-theme] .fc-flatcheck-buttons div.fc-check button[data-action=roll-flatcheck].selected, [data-theme] .fc-flatcheck-buttons div.fc-check button[data-action=roll-flatcheck].active:not(.empty) {
+  background: var(--button-hover-background);
+  outline: 1px solid var(--dui-button-focus-outline-color);
+  border-color: var(--button-hover-border-color);
+  color: var(--dui-button-hover-text-color);
+  text-decoration: none !important;
+  font-weight: unset !important;
+}
+[data-theme] .fc-flatcheck-buttons div.fc-check button[data-action=roll-flatcheck].empty.active {
+  outline: 1px solid var(--dui-button-focus-outline-color);
+}
+[data-theme] .fc-flatcheck-buttons div.fc-check button[data-action=roll-flatcheck].empty, [data-theme] .fc-flatcheck-buttons div.fc-check button[data-action=roll-flatcheck].disabled, [data-theme] .fc-flatcheck-buttons div.fc-check button[data-action=roll-flatcheck]:disabled {
+  --dui-button-background: var(--button-disabled-background);
+  --button-hover-background: var(--button-disabled-background);
+  --dui-button-border-color: var(--button-disabled-border-color);
+  --dui-button-text-color: var(--text-color-5);
+}
+[data-theme] .fc-flatcheck-buttons div.fc-check button[data-action=roll-flatcheck]:disabled {
+  --dui-button-background: color-mix(in srgb, var(--dui-button-background) 50%, transparent 50%);
+  --dui-button-border-color: color-mix(in srgb, var(--dui-button-border-color) 50%, transparent 50%);
+  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
+}
 [data-theme] #initiative-delay,
 [data-theme] #initiative-return {
   background: var(--app-background);
@@ -10564,6 +10628,7 @@ nav#controls[data-theme] ol.control-tools > li.toggle:disabled {
   --text-color-2: var(--color-text-dark-primary);
   --text-color-3: var(--color-text-dark-primary);
   --dui-button-hover-text-color: white;
+  --color-text-primary: var(--color-text-dark-primary);
 }
 [data-theme^=crb][data-color-scheme=light] tagify,
 [data-theme^=crb][data-color-scheme=light] select,

diff --git a/styles/dorako-ui.css.map b/styles/dorako-ui.css.map