1.9.5

Dorako · Jan 5, 2023 · 41d07ef · 41d07ef
1 parent c31f970
commit 41d07ef
Show file tree

Hide file tree

Showing 23 changed files with 408 additions and 298 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,10 @@
+# 1.9.5
+
+(Refinement) Updated styling for token hud, and extended it to also affect tile hud
+(New) Compact controls setting is back
+(New) Added styling for status-effect messages for both light and dark mode
+(New) The glassy background can now be adjusted via the --glass-bg css variable 
+
 # 1.9.4
 
 (Fix) Option for removing redundant information from damage rolls now functional again

diff --git a/module.json b/module.json
@@ -12,7 +12,7 @@
       "flags": {}
     }
   ],
-  "version": "1.9.4",
+  "version": "1.9.5",
   "compatibility": {
     "minimum": "10",
     "verified": "10"
@@ -59,6 +59,6 @@
   ],
   "styles": ["styles/fonts.css"],
   "scripts": ["scripts/dorako-ui.js"],
-  "download": "https://github.com/Dorako/pf2e-dorako-ui/archive/refs/tags/v1.9.4.zip",
+  "download": "https://github.com/Dorako/pf2e-dorako-ui/archive/refs/tags/v1.9.5.zip",
   "manifest": "https://github.com/Dorako/pf2e-dorako-ui/releases/latest/download/module.json"
 }
diff --git a/sass/_colors.scss b/sass/_colors.scss
@@ -69,7 +69,7 @@ $adjusted-lower: #cc3311 !default;
   /* Global */
   --primary: #{$primary-color};
   --primary-light: #{color.scale($primary-color, $lightness: +20%)};
-  --primary-dark: #{color.scale($primary-color, $lightness: -20%)};
+  --primary-dark: #{color.scale($primary-color, $lightness: -40%)};
   --secondary: #{$secondary-color};
   --secondary-light: #{color.scale($secondary-color, $lightness: +20%)};
   --secondary-dark: #{color.scale($secondary-color, $lightness: -40%)};
@@ -113,4 +113,7 @@ $adjusted-lower: #cc3311 !default;
   /* Sidebar */
   --sidebar-label: var(--tertiary-dark);
   --sidebar-title: var(--tertiary);
+
+  /* App UI */
+  --glass-bg: rgba(20, 20, 20, 0.60);
 }
diff --git a/sass/_hotbar.scss b/sass/_hotbar.scss
@@ -6,8 +6,7 @@
     .macro {
         height: calc(var(--macro-size) + 2px);
         width: calc(var(--macro-size) + 2px);
-        border: none;
-        border-radius: 3px;
+        @include glass;
         @include quick-transition;
 
         &.inactive::before,

diff --git a/sass/_mixins.scss b/sass/_mixins.scss
@@ -2,7 +2,7 @@
     border: none;
     border-radius: 3px;
     background: none;
-    background-color: rgba(20, 20, 20, 0.60);
+    background-color: var(--glass-bg);
     box-shadow: var(--glassy);
     color: var(--color-text-light-heading);
 }

diff --git a/sass/_navigation.scss b/sass/_navigation.scss
@@ -17,13 +17,14 @@ nav#navigation {
         li.nav-item {
             @include glass;
             transition: 0.25s;
+            text-shadow: 0px 0px 3px black;
 
             &:hover {
                 background-color: rgb(177 177 177 / 50%);
                 color: black;
 
                 a, a:hover {
-                    text-shadow: 0 0 4px var(--color-text-light-highlight);
+                    text-shadow: 0 0 3px var(--color-text-light-highlight);
                 }
             }
 
@@ -36,7 +37,7 @@ nav#navigation {
                     color: white;
                     background-color: var(--primary-light);
                     a, a:hover {
-                        text-shadow: 0 0 4px black;
+                        text-shadow: 0px 0px 3px black;
                     }
                 }
             }
@@ -50,7 +51,7 @@ nav#navigation {
                     color: var(--color-text-light-highlight);
                     background-color: var(--secondary-light);
                     a, a:hover {
-                        text-shadow: 0 0 4px black;
+                        text-shadow: 0px 0px 3px black;
                     }
                 }
             }

diff --git a/sass/_notifications.scss b/sass/_notifications.scss
@@ -6,7 +6,8 @@
 
 #notifications .notification {
     @include glass;
-    text-shadow: 0 0 4px black;
+    text-shadow: 0px 0px 3px black;
+    color: var(--color-text-light-highlight);
 
     &.info {
         background-color: var(--secondary);

diff --git a/sass/_sidebar.scss b/sass/_sidebar.scss
@@ -53,7 +53,7 @@
             &.active {
                 @include gold-border;
                 border-radius: 3px;
-                text-shadow: 0px 0px 3px rgb(0 0 0 / 50%);
+                text-shadow: 0px 0px 3px black;
                 color: white;
                 background-color: var(--primary-light);
             }