1.11.11

CHANGELOG.md

@@ -1,3 +1,8 @@
+# 1.11.11
+
+- (Fix) Fixed an issue where rarity-colors were illegible in dark theme.
+- (New) New UX setting to collapse the navigation bar by default.
+
 # 1.11.10
 
 - (Refinement) Improved dark-theme styling of the compendium browser.

languages/en.json

@@ -141,6 +141,10 @@
           "name": "Collapse sidebar by default?",
           "hint": "Uses the collapsed state as the initial state"
         },
+        "start-navigation-collapsed": {
+          "name": "Collapse navigation by default?",
+          "hint": "Uses the collapsed state as the initial state"
+        },
         "no-logo": {
           "name": "Hide Foundry logo?",
           "hint": "Removes the Foundry logo in the top left"

modules/misc-hooks.js

@@ -166,3 +166,8 @@ Hooks.once("ready", (app, html, data) => {
   if (!game.settings.get(`${MODULE_NAME}`, "ux.start-sidebar-collapsed")) return;
   ui.sidebar.collapse();
 });
+
+Hooks.once("ready", (app, html, data) => {
+  if (!game.settings.get(`${MODULE_NAME}`, "ux.start-navigation-collapsed")) return;
+  ui.nav.collapse();
+});

modules/settings/ux-settings.js

@@ -15,6 +15,7 @@ export class UXSettings extends SettingsMenuDorakoUI {
     "enable-player-tags",
     "rolltype-indication",
     "start-sidebar-collapsed",
+    "start-navigation-collapsed",
   ];
 
   rerenderChatMessages() {}
@@ -115,6 +116,15 @@ export class UXSettings extends SettingsMenuDorakoUI {
         type: Boolean,
         requiresReload: false,
       },
+      "start-navigation-collapsed": {
+        name: "pf2e-dorako-ui.settings.ux.start-navigation-collapsed.name",
+        hint: "pf2e-dorako-ui.settings.ux.start-navigation-collapsed.hint",
+        scope: "client",
+        config: true,
+        default: false,
+        type: Boolean,
+        requiresReload: false,
+      },
       "no-logo": {
         name: "pf2e-dorako-ui.settings.ux.no-logo.name",
         hint: "pf2e-dorako-ui.settings.ux.no-logo.hint",

sass/pf2e/_actor-sheet-dark.scss

@@ -1,20 +1,21 @@
 .dorako-ui.dark-theme {
+  // important to overwrite system's highly specific styling
   h4.rarity {
     &-common {
-      color: var(--rarity-common);
-      border-color: var(--rarity-common);
+      color: var(--rarity-common) !important;
+      border-color: var(--rarity-common) !important;
     }
     &-uncommon {
-      color: var(--rarity-uncommon);
-      border-color: var(--rarity-uncommon);
+      color: var(--rarity-uncommon) !important;
+      border-color: var(--rarity-uncommon) !important;
     }
     &-rare {
-      color: var(--rarity-rare);
-      border-color: var(--rarity-rare);
+      color: var(--rarity-rare) !important;
+      border-color: var(--rarity-rare) !important;
     }
     &-unique {
-      color: var(--rarity-unique);
-      border-color: var(--rarity-unique);
+      color: var(--rarity-unique) !important;
+      border-color: var(--rarity-unique) !important;
     }
   }