2.11.20

CHANGELOG.md

@@ -1,3 +1,9 @@
+# 2.11.20
+
+- (New) Added support for Smalltime.
+- (Refinement) Improvements to MATT colors in dark theme.
+- (Refinement) Improved scoping of white background icons in compendium browser in Foundry 2 theme.
+
 # 2.11.19
 
 - (New) Added support for Quick Insert.

esmodules/consts.js

@@ -24,7 +24,7 @@ export const baseThemePf2eApplications = ["VehicleSheetPF2e","HotbarPF2e", "Effe
 export const baseThemePf2eSheets = ["KingdomSheetPF2e","CreatureSheetPF2e","PartySheetPF2e","SpellPreparationSheet","ItemSheet","NPCSheetPF2e","VehicleSheetPf2e","FamiliarSheetPF2e","HazardSheetPF2e", "CharacterSheetPF2e","LootSheetPF2e"]; //|| "ItemSheet","ActorSheet"
 
 // prettier-ignore
-export const baseThemeModuleApplications = ["SearchApp","ControlManager","HUD","ItemPileConfig","PinCushionHUD","CombatCarousel","CommonToolbar","MonksHotbarExpansion","CustomHotbar"];
+export const baseThemeModuleApplications = ["SmallTimeApp","SearchApp","ControlManager","HUD","ItemPileConfig","PinCushionHUD","CombatCarousel","CommonToolbar","MonksHotbarExpansion","CustomHotbar"];
 
 // prettier-ignore
 export const baseThemeApplications = [...baseThemeCoreFoundryApplications,...baseThemePf2eApplications,...baseThemeModuleApplications, ...dorakoUiApplications];

sass/dorako-theme/pf2e-system/_npc-sheet.scss

@@ -16,6 +16,47 @@
       color: red !important;
     }
   }
+
+  &.actor.npc.sheet form ol.spell-list > li.spell-level-header input,
+  &.actor.npc.sheet form ol.spell-list > li .uses input {
+    color: var(--text-light);
+  }
+}
+
+/* Green */
+.dorako-ui.sheet.pf2e.actor.npc.green-theme {
+  --section-background: var(--remaster-dark);
+  --section-header: var(--remaster);
+  --section-border-color: var(--tertiary);
+  --section-outline-color: var(--gold-brown);
+  --section-header-text-color: var(--color-light-2);
+  --tag-border-color: var(--color-light-5);
+  --tag-background-color: var(--remaster);
+  --tag-text-color: var(--tertiary);
+
+  --color-text-dark-input: var(--color-light-5);
+  --color-border-light-highlight: var(--remaster);
+  --color-border-light-primary: var(--remaster-light);
+  --color-border-light-tertiary: var(--remaster);
+  --color-border-light-2: var(--color-light-5);
+}
+
+/* Blue */
+.dorako-ui.sheet.pf2e.actor.npc.blue-theme {
+  --section-background: var(--secondary-dark);
+  --section-header: var(--secondary);
+  --section-border-color: var(--tertiary);
+  --section-outline-color: var(--gold-brown);
+  --section-header-text-color: var(--color-light-2);
+  --tag-border-color: var(--color-light-5);
+  --tag-background-color: var(--secondary);
+  --tag-text-color: var(--tertiary);
+
+  --color-text-dark-input: var(--color-light-5);
+  --color-border-light-highlight: var(--secondary);
+  --color-border-light-primary: var(--secondary-light);
+  --color-border-light-tertiary: var(--secondary);
+  --color-border-light-2: var(--color-light-5);
 }
 
 /* Glassy */

sass/foundry2-theme/pf2e-system/_compendium-browser.scss

@@ -34,6 +34,10 @@
 
   &#compendium-browser .spell-browser .item img {
     @include f2-app;
+  }
+
+  &#compendium-browser [data-tab="action"] .spell-browser .item img,
+  &#compendium-browser [data-tab="spell"] .spell-browser .item img {
     background-color: white;
   }
 

sass/module-support/_index.scss

@@ -35,6 +35,7 @@
 @import "polyglot";
 @import "quick-insert";
 @import "scene-preview";
+@import "smalltime";
 @import "speaking-as";
 @import "swade";
 @import "tagger";

sass/module-support/_monks.scss

@@ -953,7 +953,10 @@ body.compact-ui #navigation.dorako-ui .monks-scene-navigation #nav-toggle {
   &.monks-active-tiles.sheet .items-list .item .item-name {
     color: var(--color-light-3);
   }
+}
 
+.foundry2,
+.dorako-ui.dark-theme {
   &.monks-active-tiles div[data-tab="triggers"] .action-items .action-style {
     color: #fafafa;
   }

sass/module-support/_smalltime.scss

@@ -0,0 +1,44 @@
+.dorako-ui,
+.foundry2 {
+  &#smalltime-app #displayContainer {
+    background: unset;
+    box-shadow: unset;
+  }
+
+  &#smalltime-app #dragHandle {
+    background: unset;
+  }
+
+  &#smalltime-app #slideContainer {
+    margin-bottom: 10px;
+  }
+}
+
+.foundry2 {
+  &#smalltime-app {
+    @include f2-app;
+  }
+
+  &#smalltime-app .arrow,
+  &#smalltime-app .arrow-left,
+  &#smalltime-app.arrow-right {
+    @include f2-button-warm;
+  }
+}
+
+.dorako-ui {
+  &#smalltime-app {
+    @include glass;
+  }
+
+  &#smalltime-app .arrow,
+  &#smalltime-app .arrow-left,
+  &#smalltime-app.arrow-right {
+    @include glass;
+    @include quick-transition;
+    &:hover {
+      border: unset;
+      background: var(--primary);
+    }
+  }
+}

styles/dorako-ui.css

@@ -2462,25 +2462,33 @@ body.compact-ui #navigation.dorako-ui .monks-scene-navigation #nav-toggle {
 .foundry2.monks-active-tiles.sheet .items-list .item .item-name {
   color: var(--color-light-3);
 }
-.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .action-style {
+
+.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .action-style,
+.dorako-ui.dark-theme.monks-active-tiles div[data-tab=triggers] .action-items .action-style {
   color: #fafafa;
 }
-.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .filter-style {
+.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .filter-style,
+.dorako-ui.dark-theme.monks-active-tiles div[data-tab=triggers] .action-items .filter-style {
   color: #f73458;
 }
-.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .logic-style {
+.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .logic-style,
+.dorako-ui.dark-theme.monks-active-tiles div[data-tab=triggers] .action-items .logic-style {
   color: #2b40f8;
 }
-.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .entity-style {
+.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .entity-style,
+.dorako-ui.dark-theme.monks-active-tiles div[data-tab=triggers] .action-items .entity-style {
   color: #a9a9a9;
 }
-.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .details-style {
+.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .details-style,
+.dorako-ui.dark-theme.monks-active-tiles div[data-tab=triggers] .action-items .details-style {
   color: #a326fc;
 }
-.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .value-style {
+.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .value-style,
+.dorako-ui.dark-theme.monks-active-tiles div[data-tab=triggers] .action-items .value-style {
   color: #515151;
 }
-.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .tag-style {
+.foundry2.monks-active-tiles div[data-tab=triggers] .action-items .tag-style,
+.dorako-ui.dark-theme.monks-active-tiles div[data-tab=triggers] .action-items .tag-style {
   color: #063d68;
 }
 
@@ -3698,6 +3706,113 @@ body.compact-ui #navigation.dorako-ui .monks-scene-navigation #nav-toggle {
   border-radius: 5px;
 }
 
+.dorako-ui#smalltime-app #displayContainer,
+.foundry2#smalltime-app #displayContainer {
+  background: unset;
+  box-shadow: unset;
+}
+.dorako-ui#smalltime-app #dragHandle,
+.foundry2#smalltime-app #dragHandle {
+  background: unset;
+}
+.dorako-ui#smalltime-app #slideContainer,
+.foundry2#smalltime-app #slideContainer {
+  margin-bottom: 10px;
+}
+
+.foundry2#smalltime-app {
+  background: var(--app-background);
+  border: 1px solid var(--app-border-color);
+  text-shadow: 0px 1px 2px black;
+  border-radius: var(--border-radius);
+  --box-shadow: 0px 1px 3px 1px black;
+  box-shadow: var(--box-shadow);
+  color: var(--color-light-3);
+}
+.foundry2#smalltime-app .arrow, .foundry2#smalltime-app .arrow-left, .foundry2#smalltime-app.arrow-right {
+  background: var(--app-background);
+  border: 1px solid var(--app-border-color);
+  text-shadow: 0px 1px 2px black;
+  border-radius: var(--border-radius);
+  --box-shadow: 0px 1px 3px 1px black;
+  box-shadow: var(--box-shadow);
+  color: var(--color-light-3);
+  --button-background-color: var(--app-background);
+  --button-border-color: var(--app-border-color);
+  --button-text-color: var(--color-light-3);
+  --button-focus-outline-color: var(--color-warm-1);
+  --button-hover-background-color: var(--color-warm-2);
+  --button-hover-border-color: var(--color-warm-1);
+  --button-hover-text-color: var(--color-light-1);
+  background: var(--button-background-color);
+  border: 1px solid var(--button-border-color);
+  color: var(--button-text-color);
+  box-shadow: var(--box-shadow);
+  text-decoration: none;
+  cursor: pointer;
+  text-shadow: 0px 1px 2px black;
+  transition: background-color 0.5s, border-color 0.5s;
+}
+.foundry2#smalltime-app .arrow:not(.disabled, :disabled):hover, .foundry2#smalltime-app .arrow-left:not(.disabled, :disabled):hover, .foundry2#smalltime-app.arrow-right:not(.disabled, :disabled):hover {
+  background: var(--button-hover-background-color);
+  color: var(--button-hover-text-color);
+  border: 1px solid var(--button-hover-border-color);
+  box-shadow: var(--box-shadow);
+}
+.foundry2#smalltime-app .arrow.selected, .foundry2#smalltime-app .arrow.active, .foundry2#smalltime-app .arrow-left.selected, .foundry2#smalltime-app .arrow-left.active, .foundry2#smalltime-app.arrow-right.selected, .foundry2#smalltime-app.arrow-right.active {
+  background: var(--button-hover-background-color);
+  outline: 1px solid var(--button-focus-outline-color);
+  border-color: var(--button-hover-border-color);
+  color: var(--button-hover-text-color);
+  text-decoration: none;
+}
+.foundry2#smalltime-app .arrow.disabled, .foundry2#smalltime-app .arrow:disabled, .foundry2#smalltime-app .arrow-left.disabled, .foundry2#smalltime-app .arrow-left:disabled, .foundry2#smalltime-app.arrow-right.disabled, .foundry2#smalltime-app.arrow-right:disabled {
+  --button-background-color: var(--color-warm-5);
+  --button-border-color: var(--color-warm-4);
+  --button-hover-background-color: var(--color-cool-5);
+  --button-text-color: var(--color-light-5);
+}
+.foundry2#smalltime-app .arrow.bright, .foundry2#smalltime-app .arrow-left.bright, .foundry2#smalltime-app.arrow-right.bright {
+  --button-background-color: var(--color-warm-1);
+  --button-border-color: var(--color-cool-5);
+  --button-text-color: var(--color-cool-5);
+  --button-hover-background-color: #fda948;
+  --button-hover-border-color: var(--color-warm-2);
+  --button-hover-text-color: #000000;
+  text-shadow: unset;
+}
+.foundry2#smalltime-app .arrow.bright.disabled, .foundry2#smalltime-app .arrow.bright:disabled, .foundry2#smalltime-app .arrow-left.bright.disabled, .foundry2#smalltime-app .arrow-left.bright:disabled, .foundry2#smalltime-app.arrow-right.bright.disabled, .foundry2#smalltime-app.arrow-right.bright:disabled {
+  --button-background-color: var(--color-cool-4);
+  --button-hover-background-color: var(--color-cool-4);
+  --button-text-color: var(--color-light-5);
+  --button-hover-text-color: var(--color-light-5);
+  --button-hover-border-color: transparent;
+}
+.foundry2#smalltime-app .arrow.bright:not(.disabled, :disabled):hover, .foundry2#smalltime-app .arrow-left.bright:not(.disabled, :disabled):hover, .foundry2#smalltime-app.arrow-right.bright:not(.disabled, :disabled):hover {
+  --button-hover-background-color: #cb7f27;
+  --button-hover-border-color: var(--color-warm-1);
+}
+
+.dorako-ui#smalltime-app {
+  border: none;
+  border-radius: var(--border-radius);
+  background: none;
+  background-color: var(--glass-bg);
+  box-shadow: var(--glassy);
+}
+.dorako-ui#smalltime-app .arrow, .dorako-ui#smalltime-app .arrow-left, .dorako-ui#smalltime-app.arrow-right {
+  border: none;
+  border-radius: var(--border-radius);
+  background: none;
+  background-color: var(--glass-bg);
+  box-shadow: var(--glassy);
+  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
+}
+.dorako-ui#smalltime-app .arrow:hover, .dorako-ui#smalltime-app .arrow-left:hover, .dorako-ui#smalltime-app.arrow-right:hover {
+  border: unset;
+  background: var(--primary);
+}
+
 /* ----------------------------------------- */
 /* Speaking As                               */
 /* ----------------------------------------- */
@@ -7623,6 +7738,43 @@ nav#controls.dorako-ui ol.control-tools > li.toggle:hover {
 .dorako-ui.sheet.pf2e.actor.npc form span.adjustable.adjusted-lower {
   color: red !important;
 }
+.dorako-ui.sheet.pf2e.actor.npc.actor.npc.sheet form ol.spell-list > li.spell-level-header input, .dorako-ui.sheet.pf2e.actor.npc.actor.npc.sheet form ol.spell-list > li .uses input {
+  color: var(--text-light);
+}
+
+/* Green */
+.dorako-ui.sheet.pf2e.actor.npc.green-theme {
+  --section-background: var(--remaster-dark);
+  --section-header: var(--remaster);
+  --section-border-color: var(--tertiary);
+  --section-outline-color: var(--gold-brown);
+  --section-header-text-color: var(--color-light-2);
+  --tag-border-color: var(--color-light-5);
+  --tag-background-color: var(--remaster);
+  --tag-text-color: var(--tertiary);
+  --color-text-dark-input: var(--color-light-5);
+  --color-border-light-highlight: var(--remaster);
+  --color-border-light-primary: var(--remaster-light);
+  --color-border-light-tertiary: var(--remaster);
+  --color-border-light-2: var(--color-light-5);
+}
+
+/* Blue */
+.dorako-ui.sheet.pf2e.actor.npc.blue-theme {
+  --section-background: var(--secondary-dark);
+  --section-header: var(--secondary);
+  --section-border-color: var(--tertiary);
+  --section-outline-color: var(--gold-brown);
+  --section-header-text-color: var(--color-light-2);
+  --tag-border-color: var(--color-light-5);
+  --tag-background-color: var(--secondary);
+  --tag-text-color: var(--tertiary);
+  --color-text-dark-input: var(--color-light-5);
+  --color-border-light-highlight: var(--secondary);
+  --color-border-light-primary: var(--secondary-light);
+  --color-border-light-tertiary: var(--secondary);
+  --color-border-light-2: var(--color-light-5);
+}
 
 /* Glassy */
 .dorako-ui.sheet.pf2e.actor.npc.glassy-theme {
@@ -14448,6 +14600,8 @@ nav#controls.foundry2 ol.control-tools > li.toggle:disabled {
   --box-shadow: 0px 1px 3px 1px black;
   box-shadow: var(--box-shadow);
   color: var(--color-light-3);
+}
+.foundry2#compendium-browser [data-tab=action] .spell-browser .item img, .foundry2#compendium-browser [data-tab=spell] .spell-browser .item img {
   background-color: white;
 }
 .foundry2#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav, .foundry2#license-viewer > section.window-content > .content-box .compendium-browser-settings > nav, .foundry2#compendium-browser > section.window-content > .content-box > nav, .foundry2#license-viewer > section.window-content > .content-box > nav {