@hig/theme-data - npm Package Compare versions

Comparing version 2.7.0 to 2.8.0

build/esm/darkBlueHighDensityTheme.js

@@ -221,3 +221,3 @@ const themeData = {
     "colorScheme.accentColor": "#38abdf",
-    "colorScheme.baseColor": "#808080",
+    "colorScheme.baseColor": "#d1deee",
     "colorScheme.highShadowColor": "rgba(26, 31, 38, 0.5)",
@@ -300,9 +300,9 @@ "colorScheme.iconColor": "#d1deee",
     "button.halo.width": "2px",
-    "button.halo.color": "#808080",
+    "button.halo.color": "#d1deee",
     "button.hover.halo.width": "2px",
-    "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+    "button.hover.halo.color": "rgba(209, 222, 238, 0.15)",
     "button.focus.halo.width": "2px",
     "button.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "button.pressed.halo.width": "4px",
-    "button.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
@@ -325,4 +325,4 @@ "button.outline.borderColor": "rgba(255, 255, 255, 0.35)",
     "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.pressed.borderColor": "#38abdf",
-    "button.outline.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.outline.pressed.borderColor": "rgba(255, 255, 255, 0.35)",
+    "button.outline.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.outline.pressed.textColor": "#f5f5f5",
@@ -332,3 +332,3 @@ "button.outline.pressed.icon.color": "#f5f5f5",
     "button.solid.borderColor": "#38abdf",
-    "button.solid.halo.color": "#808080",
+    "button.solid.halo.color": "#d1deee",
     "button.solid.textColor": "#f5f5f5",
@@ -349,3 +349,3 @@ "button.solid.icon.color": "#f5f5f5",
     "button.solid.pressed.borderColor": "#38abdf",
-    "button.solid.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.solid.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.solid.pressed.textColor": "#f5f5f5",
@@ -355,3 +355,3 @@ "button.solid.pressed.icon.color": "#f5f5f5",
     "button.flat.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.halo.color": "#808080",
+    "button.flat.halo.color": "#d1deee",
     "button.flat.textColor": "#6DD2FF",
@@ -372,3 +372,3 @@ "button.flat.icon.color": "#6DD2FF",
     "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.flat.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.flat.pressed.textColor": "#6DD2FF",
@@ -380,3 +380,3 @@ "button.flat.pressed.icon.color": "#6DD2FF",
     "checkbox.borderRadius": 0,
-    "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
+    "checkbox.halo.color": "rgba(209, 222, 238, 0.15)",
     "checkbox.halo.width": "2px",
@@ -389,17 +389,17 @@ "checkbox.height": "12px",
     "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.15)",
-    "checkbox.focus.borderColor": "rgba(56, 171, 223, 0.5)",
+    "checkbox.focus.borderColor": "#38abdf",
     "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "checkbox.focus.halo.width": "2px",
-    "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "checkbox.pressed.borderColor": "rgba(209, 222, 238, 0.5)",
+    "checkbox.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "checkbox.pressed.halo.width": "4px",
-    "checkbox.checked.borderColor": "#808080",
+    "checkbox.checked.borderColor": "#d1deee",
     "checkbox.checked.iconColor": "#ffffff",
     "checkbox.checked.backgroundColor": "#ffffff",
-    "checkbox.indeterminate.borderColor": "#808080",
+    "checkbox.indeterminate.borderColor": "#d1deee",
     "checkbox.indeterminate.iconColor": "#ffffff",
     "checkbox.indeterminate.backgroundColor": "#ffffff",
     "checkbox.focus.checked.backgroundColor": "#3b4453",
-    "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.focus.checked.borderColor": "rgba(209, 222, 238, 0.5)",
+    "checkbox.focus.indeterminate.borderColor": "rgba(209, 222, 238, 0.5)",
     "component.disabled.opacity": "0.4",
@@ -477,4 +477,4 @@ "divider.width": "1px",
     "menu.item.backgroundColor": "#3b4453",
-    "menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
-    "menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
+    "menu.item.hover.backgroundColor": "rgba(209, 222, 238, 0.1)",
+    "menu.item.focus.backgroundColor": "rgba(209, 222, 238, 0.1)",
     "menu.item.active.backgroundColor": "rgba(56, 171, 223, 0.1)",
@@ -521,6 +521,6 @@ "menu.item.horizontalPadding": "4px",
     "slider.hover.thumb.color": "#d1deee",
-    "slider.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "slider.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "slider.pressed.halo.width": "4px",
     "slider.pressed.thumb.color": "#d1deee",
-    "tabs.general.borderBottomColor": "rgba(128, 128, 128, 0.1)",
+    "tabs.general.borderBottomColor": "rgba(209, 222, 238, 0.1)",
     "tabs.general.borderBottomWidth": "1px",
@@ -535,3 +535,3 @@ "tabs.general.gutter": "4px",
     "tabs.general.tab.disabled.fontColor": "rgba(245, 245, 245, 0.5)",
-    "tabs.general.tab.hover.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+    "tabs.general.tab.hover.borderBottomColor": "rgba(209, 222, 238, 0.5)",
     "tabs.general.tab.hover.borderBottomWidth": "2px",
@@ -538,0 +538,0 @@ "tabs.general.tab.focus.halo.color": "rgba(56, 171, 223, 0.5)",

build/esm/darkBlueMediumDensityTheme.js

@@ -221,3 +221,3 @@ const themeData = {
     "colorScheme.accentColor": "#38abdf",
-    "colorScheme.baseColor": "#808080",
+    "colorScheme.baseColor": "#d1deee",
     "colorScheme.highShadowColor": "rgba(26, 31, 38, 0.5)",
@@ -300,9 +300,9 @@ "colorScheme.iconColor": "#d1deee",
     "button.halo.width": "2px",
-    "button.halo.color": "#808080",
+    "button.halo.color": "#d1deee",
     "button.hover.halo.width": "2px",
-    "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+    "button.hover.halo.color": "rgba(209, 222, 238, 0.15)",
     "button.focus.halo.width": "2px",
     "button.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "button.pressed.halo.width": "4px",
-    "button.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
@@ -325,4 +325,4 @@ "button.outline.borderColor": "rgba(255, 255, 255, 0.35)",
     "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.pressed.borderColor": "#38abdf",
-    "button.outline.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.outline.pressed.borderColor": "rgba(255, 255, 255, 0.35)",
+    "button.outline.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.outline.pressed.textColor": "#f5f5f5",
@@ -332,3 +332,3 @@ "button.outline.pressed.icon.color": "#f5f5f5",
     "button.solid.borderColor": "#38abdf",
-    "button.solid.halo.color": "#808080",
+    "button.solid.halo.color": "#d1deee",
     "button.solid.textColor": "#f5f5f5",
@@ -349,3 +349,3 @@ "button.solid.icon.color": "#f5f5f5",
     "button.solid.pressed.borderColor": "#38abdf",
-    "button.solid.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.solid.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.solid.pressed.textColor": "#f5f5f5",
@@ -355,3 +355,3 @@ "button.solid.pressed.icon.color": "#f5f5f5",
     "button.flat.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.halo.color": "#808080",
+    "button.flat.halo.color": "#d1deee",
     "button.flat.textColor": "#6DD2FF",
@@ -372,3 +372,3 @@ "button.flat.icon.color": "#6DD2FF",
     "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.flat.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.flat.pressed.textColor": "#6DD2FF",
@@ -380,3 +380,3 @@ "button.flat.pressed.icon.color": "#6DD2FF",
     "checkbox.borderRadius": 0,
-    "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
+    "checkbox.halo.color": "rgba(209, 222, 238, 0.15)",
     "checkbox.halo.width": "2px",
@@ -389,17 +389,17 @@ "checkbox.height": "16px",
     "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.15)",
-    "checkbox.focus.borderColor": "rgba(56, 171, 223, 0.5)",
+    "checkbox.focus.borderColor": "#38abdf",
     "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "checkbox.focus.halo.width": "2px",
-    "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "checkbox.pressed.borderColor": "rgba(209, 222, 238, 0.5)",
+    "checkbox.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "checkbox.pressed.halo.width": "4px",
-    "checkbox.checked.borderColor": "#808080",
+    "checkbox.checked.borderColor": "#d1deee",
     "checkbox.checked.iconColor": "#ffffff",
     "checkbox.checked.backgroundColor": "#ffffff",
-    "checkbox.indeterminate.borderColor": "#808080",
+    "checkbox.indeterminate.borderColor": "#d1deee",
     "checkbox.indeterminate.iconColor": "#ffffff",
     "checkbox.indeterminate.backgroundColor": "#ffffff",
     "checkbox.focus.checked.backgroundColor": "#3b4453",
-    "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.focus.checked.borderColor": "rgba(209, 222, 238, 0.5)",
+    "checkbox.focus.indeterminate.borderColor": "rgba(209, 222, 238, 0.5)",
     "component.disabled.opacity": "0.4",
@@ -477,4 +477,4 @@ "divider.width": "1px",
     "menu.item.backgroundColor": "#3b4453",
-    "menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
-    "menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
+    "menu.item.hover.backgroundColor": "rgba(209, 222, 238, 0.1)",
+    "menu.item.focus.backgroundColor": "rgba(209, 222, 238, 0.1)",
     "menu.item.active.backgroundColor": "rgba(56, 171, 223, 0.1)",
@@ -521,6 +521,6 @@ "menu.item.horizontalPadding": "8px",
     "slider.hover.thumb.color": "#d1deee",
-    "slider.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "slider.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "slider.pressed.halo.width": "4px",
     "slider.pressed.thumb.color": "#d1deee",
-    "tabs.general.borderBottomColor": "rgba(128, 128, 128, 0.1)",
+    "tabs.general.borderBottomColor": "rgba(209, 222, 238, 0.1)",
     "tabs.general.borderBottomWidth": "1px",
@@ -535,3 +535,3 @@ "tabs.general.gutter": "8px",
     "tabs.general.tab.disabled.fontColor": "rgba(245, 245, 245, 0.5)",
-    "tabs.general.tab.hover.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+    "tabs.general.tab.hover.borderBottomColor": "rgba(209, 222, 238, 0.5)",
     "tabs.general.tab.hover.borderBottomWidth": "2px",
@@ -538,0 +538,0 @@ "tabs.general.tab.focus.halo.color": "rgba(56, 171, 223, 0.5)",

build/esm/darkGrayHighDensityTheme.js

@@ -323,4 +323,4 @@ const themeData = {
     "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.pressed.borderColor": "#38abdf",
-    "button.outline.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "button.outline.pressed.borderColor": "rgba(255, 255, 255, 0.35)",
+    "button.outline.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "button.outline.pressed.textColor": "#f5f5f5",
@@ -346,3 +346,3 @@ "button.outline.pressed.icon.color": "#f5f5f5",
     "button.solid.pressed.borderColor": "#38abdf",
-    "button.solid.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "button.solid.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "button.solid.pressed.textColor": "#f5f5f5",
@@ -368,3 +368,3 @@ "button.solid.pressed.icon.color": "#f5f5f5",
     "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "button.flat.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "button.flat.pressed.textColor": "#6DD2FF",
@@ -384,7 +384,7 @@ "button.flat.pressed.icon.color": "#6DD2FF",
     "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.15)",
-    "checkbox.focus.borderColor": "rgba(56, 171, 223, 0.5)",
+    "checkbox.focus.borderColor": "#38abdf",
     "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "checkbox.focus.halo.width": "2px",
     "checkbox.pressed.borderColor": "rgba(255, 255, 255, 0.5)",
-    "checkbox.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "checkbox.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "checkbox.pressed.halo.width": "4px",
@@ -515,3 +515,3 @@ "checkbox.checked.borderColor": "rgba(255, 255, 255, 0.5)",
     "slider.hover.thumb.color": "#eeeeee",
-    "slider.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "slider.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "slider.pressed.halo.width": "4px",
@@ -518,0 +518,0 @@ "slider.pressed.thumb.color": "#eeeeee",

build/esm/darkGrayMediumDensityTheme.js

@@ -323,4 +323,4 @@ const themeData = {
     "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.pressed.borderColor": "#38abdf",
-    "button.outline.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "button.outline.pressed.borderColor": "rgba(255, 255, 255, 0.35)",
+    "button.outline.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "button.outline.pressed.textColor": "#f5f5f5",
@@ -346,3 +346,3 @@ "button.outline.pressed.icon.color": "#f5f5f5",
     "button.solid.pressed.borderColor": "#38abdf",
-    "button.solid.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "button.solid.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "button.solid.pressed.textColor": "#f5f5f5",
@@ -368,3 +368,3 @@ "button.solid.pressed.icon.color": "#f5f5f5",
     "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "button.flat.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "button.flat.pressed.textColor": "#6DD2FF",
@@ -384,7 +384,7 @@ "button.flat.pressed.icon.color": "#6DD2FF",
     "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.15)",
-    "checkbox.focus.borderColor": "rgba(56, 171, 223, 0.5)",
+    "checkbox.focus.borderColor": "#38abdf",
     "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "checkbox.focus.halo.width": "2px",
     "checkbox.pressed.borderColor": "rgba(255, 255, 255, 0.5)",
-    "checkbox.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "checkbox.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "checkbox.pressed.halo.width": "4px",
@@ -515,3 +515,3 @@ "checkbox.checked.borderColor": "rgba(255, 255, 255, 0.5)",
     "slider.hover.thumb.color": "#eeeeee",
-    "slider.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "slider.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "slider.pressed.halo.width": "4px",
@@ -518,0 +518,0 @@ "slider.pressed.thumb.color": "#eeeeee",

build/esm/lightGrayHighDensityTheme.js

@@ -323,3 +323,3 @@ const themeData = {
     "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.pressed.borderColor": "#0696d7",
+    "button.outline.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
     "button.outline.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
@@ -382,3 +382,3 @@ "button.outline.pressed.textColor": "#3c3c3c",
     "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
-    "checkbox.focus.borderColor": "rgba(6, 150, 215, 0.5)",
+    "checkbox.focus.borderColor": "#0696d7",
     "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.35)",
@@ -385,0 +385,0 @@ "checkbox.focus.halo.width": "2px",

build/esm/lightGrayMediumDensityTheme.js

@@ -323,3 +323,3 @@ const themeData = {
     "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.pressed.borderColor": "#0696d7",
+    "button.outline.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
     "button.outline.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
@@ -382,3 +382,3 @@ "button.outline.pressed.textColor": "#3c3c3c",
     "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
-    "checkbox.focus.borderColor": "rgba(6, 150, 215, 0.5)",
+    "checkbox.focus.borderColor": "#0696d7",
     "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.35)",
@@ -385,0 +385,0 @@ "checkbox.focus.halo.width": "2px",

build/json/darkBlueHighDensityTheme/resolvedRoles.json

@@ -199,3 +199,3 @@ {
   "colorScheme.accentColor": "#38abdf",
-  "colorScheme.baseColor": "#808080",
+  "colorScheme.baseColor": "#d1deee",
   "colorScheme.highShadowColor": "rgba(26, 31, 38, 0.5)",
@@ -278,9 +278,9 @@ "colorScheme.iconColor": "#d1deee",
   "button.halo.width": "2px",
-  "button.halo.color": "#808080",
+  "button.halo.color": "#d1deee",
   "button.hover.halo.width": "2px",
-  "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+  "button.hover.halo.color": "rgba(209, 222, 238, 0.15)",
   "button.focus.halo.width": "2px",
   "button.focus.halo.color": "rgba(56, 171, 223, 0.35)",
   "button.pressed.halo.width": "4px",
-  "button.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+  "button.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
   "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
@@ -303,4 +303,4 @@ "button.outline.borderColor": "rgba(255, 255, 255, 0.35)",
   "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.pressed.borderColor": "#38abdf",
-  "button.outline.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+  "button.outline.pressed.borderColor": "rgba(255, 255, 255, 0.35)",
+  "button.outline.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
   "button.outline.pressed.textColor": "#f5f5f5",
@@ -310,3 +310,3 @@ "button.outline.pressed.icon.color": "#f5f5f5",
   "button.solid.borderColor": "#38abdf",
-  "button.solid.halo.color": "#808080",
+  "button.solid.halo.color": "#d1deee",
   "button.solid.textColor": "#f5f5f5",
@@ -327,3 +327,3 @@ "button.solid.icon.color": "#f5f5f5",
   "button.solid.pressed.borderColor": "#38abdf",
-  "button.solid.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+  "button.solid.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
   "button.solid.pressed.textColor": "#f5f5f5",
@@ -333,3 +333,3 @@ "button.solid.pressed.icon.color": "#f5f5f5",
   "button.flat.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.halo.color": "#808080",
+  "button.flat.halo.color": "#d1deee",
   "button.flat.textColor": "#6DD2FF",
@@ -350,3 +350,3 @@ "button.flat.icon.color": "#6DD2FF",
   "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+  "button.flat.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
   "button.flat.pressed.textColor": "#6DD2FF",
@@ -358,3 +358,3 @@ "button.flat.pressed.icon.color": "#6DD2FF",
   "checkbox.borderRadius": 0,
-  "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
+  "checkbox.halo.color": "rgba(209, 222, 238, 0.15)",
   "checkbox.halo.width": "2px",
@@ -367,17 +367,17 @@ "checkbox.height": "12px",
   "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.15)",
-  "checkbox.focus.borderColor": "rgba(56, 171, 223, 0.5)",
+  "checkbox.focus.borderColor": "#38abdf",
   "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.35)",
   "checkbox.focus.halo.width": "2px",
-  "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+  "checkbox.pressed.borderColor": "rgba(209, 222, 238, 0.5)",
+  "checkbox.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
   "checkbox.pressed.halo.width": "4px",
-  "checkbox.checked.borderColor": "#808080",
+  "checkbox.checked.borderColor": "#d1deee",
   "checkbox.checked.iconColor": "#ffffff",
   "checkbox.checked.backgroundColor": "#ffffff",
-  "checkbox.indeterminate.borderColor": "#808080",
+  "checkbox.indeterminate.borderColor": "#d1deee",
   "checkbox.indeterminate.iconColor": "#ffffff",
   "checkbox.indeterminate.backgroundColor": "#ffffff",
   "checkbox.focus.checked.backgroundColor": "#3b4453",
-  "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.focus.checked.borderColor": "rgba(209, 222, 238, 0.5)",
+  "checkbox.focus.indeterminate.borderColor": "rgba(209, 222, 238, 0.5)",
   "component.disabled.opacity": "0.4",
@@ -455,4 +455,4 @@ "divider.width": "1px",
   "menu.item.backgroundColor": "#3b4453",
-  "menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
-  "menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
+  "menu.item.hover.backgroundColor": "rgba(209, 222, 238, 0.1)",
+  "menu.item.focus.backgroundColor": "rgba(209, 222, 238, 0.1)",
   "menu.item.active.backgroundColor": "rgba(56, 171, 223, 0.1)",
@@ -499,6 +499,6 @@ "menu.item.horizontalPadding": "4px",
   "slider.hover.thumb.color": "#d1deee",
-  "slider.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+  "slider.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
   "slider.pressed.halo.width": "4px",
   "slider.pressed.thumb.color": "#d1deee",
-  "tabs.general.borderBottomColor": "rgba(128, 128, 128, 0.1)",
+  "tabs.general.borderBottomColor": "rgba(209, 222, 238, 0.1)",
   "tabs.general.borderBottomWidth": "1px",
@@ -513,3 +513,3 @@ "tabs.general.gutter": "4px",
   "tabs.general.tab.disabled.fontColor": "rgba(245, 245, 245, 0.5)",
-  "tabs.general.tab.hover.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+  "tabs.general.tab.hover.borderBottomColor": "rgba(209, 222, 238, 0.5)",
   "tabs.general.tab.hover.borderBottomWidth": "2px",
@@ -516,0 +516,0 @@ "tabs.general.tab.focus.halo.color": "rgba(56, 171, 223, 0.5)",

build/json/darkBlueHighDensityTheme/theme.json

@@ -221,3 +221,3 @@ {
     "colorScheme.accentColor": "#38abdf",
-    "colorScheme.baseColor": "#808080",
+    "colorScheme.baseColor": "#d1deee",
     "colorScheme.highShadowColor": "rgba(26, 31, 38, 0.5)",
@@ -300,9 +300,9 @@ "colorScheme.iconColor": "#d1deee",
     "button.halo.width": "2px",
-    "button.halo.color": "#808080",
+    "button.halo.color": "#d1deee",
     "button.hover.halo.width": "2px",
-    "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+    "button.hover.halo.color": "rgba(209, 222, 238, 0.15)",
     "button.focus.halo.width": "2px",
     "button.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "button.pressed.halo.width": "4px",
-    "button.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
@@ -325,4 +325,4 @@ "button.outline.borderColor": "rgba(255, 255, 255, 0.35)",
     "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.pressed.borderColor": "#38abdf",
-    "button.outline.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.outline.pressed.borderColor": "rgba(255, 255, 255, 0.35)",
+    "button.outline.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.outline.pressed.textColor": "#f5f5f5",
@@ -332,3 +332,3 @@ "button.outline.pressed.icon.color": "#f5f5f5",
     "button.solid.borderColor": "#38abdf",
-    "button.solid.halo.color": "#808080",
+    "button.solid.halo.color": "#d1deee",
     "button.solid.textColor": "#f5f5f5",
@@ -349,3 +349,3 @@ "button.solid.icon.color": "#f5f5f5",
     "button.solid.pressed.borderColor": "#38abdf",
-    "button.solid.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.solid.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.solid.pressed.textColor": "#f5f5f5",
@@ -355,3 +355,3 @@ "button.solid.pressed.icon.color": "#f5f5f5",
     "button.flat.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.halo.color": "#808080",
+    "button.flat.halo.color": "#d1deee",
     "button.flat.textColor": "#6DD2FF",
@@ -372,3 +372,3 @@ "button.flat.icon.color": "#6DD2FF",
     "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.flat.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.flat.pressed.textColor": "#6DD2FF",
@@ -380,3 +380,3 @@ "button.flat.pressed.icon.color": "#6DD2FF",
     "checkbox.borderRadius": 0,
-    "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
+    "checkbox.halo.color": "rgba(209, 222, 238, 0.15)",
     "checkbox.halo.width": "2px",
@@ -389,17 +389,17 @@ "checkbox.height": "12px",
     "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.15)",
-    "checkbox.focus.borderColor": "rgba(56, 171, 223, 0.5)",
+    "checkbox.focus.borderColor": "#38abdf",
     "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "checkbox.focus.halo.width": "2px",
-    "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "checkbox.pressed.borderColor": "rgba(209, 222, 238, 0.5)",
+    "checkbox.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "checkbox.pressed.halo.width": "4px",
-    "checkbox.checked.borderColor": "#808080",
+    "checkbox.checked.borderColor": "#d1deee",
     "checkbox.checked.iconColor": "#ffffff",
     "checkbox.checked.backgroundColor": "#ffffff",
-    "checkbox.indeterminate.borderColor": "#808080",
+    "checkbox.indeterminate.borderColor": "#d1deee",
     "checkbox.indeterminate.iconColor": "#ffffff",
     "checkbox.indeterminate.backgroundColor": "#ffffff",
     "checkbox.focus.checked.backgroundColor": "#3b4453",
-    "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.focus.checked.borderColor": "rgba(209, 222, 238, 0.5)",
+    "checkbox.focus.indeterminate.borderColor": "rgba(209, 222, 238, 0.5)",
     "component.disabled.opacity": "0.4",
@@ -477,4 +477,4 @@ "divider.width": "1px",
     "menu.item.backgroundColor": "#3b4453",
-    "menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
-    "menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
+    "menu.item.hover.backgroundColor": "rgba(209, 222, 238, 0.1)",
+    "menu.item.focus.backgroundColor": "rgba(209, 222, 238, 0.1)",
     "menu.item.active.backgroundColor": "rgba(56, 171, 223, 0.1)",
@@ -521,6 +521,6 @@ "menu.item.horizontalPadding": "4px",
     "slider.hover.thumb.color": "#d1deee",
-    "slider.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "slider.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "slider.pressed.halo.width": "4px",
     "slider.pressed.thumb.color": "#d1deee",
-    "tabs.general.borderBottomColor": "rgba(128, 128, 128, 0.1)",
+    "tabs.general.borderBottomColor": "rgba(209, 222, 238, 0.1)",
     "tabs.general.borderBottomWidth": "1px",
@@ -535,3 +535,3 @@ "tabs.general.gutter": "4px",
     "tabs.general.tab.disabled.fontColor": "rgba(245, 245, 245, 0.5)",
-    "tabs.general.tab.hover.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+    "tabs.general.tab.hover.borderBottomColor": "rgba(209, 222, 238, 0.5)",
     "tabs.general.tab.hover.borderBottomWidth": "2px",
@@ -538,0 +538,0 @@ "tabs.general.tab.focus.halo.color": "rgba(56, 171, 223, 0.5)",

build/json/darkBlueHighDensityTheme/unresolvedRoles.json

@@ -825,3 +825,3 @@ {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "basics.colors.darkBlue200"
     }
@@ -1430,3 +1430,3 @@ },
     "value": {
-      "ref": "colorScheme.accentColor"
+      "ref": "button.outline.borderColor"
     }
@@ -1789,5 +1789,2 @@ },
       "ref": "colorScheme.accentColor"
-    },
-    "transform": {
-      "alpha": 0.5
     }
@@ -1794,0 +1791,0 @@ },

build/json/darkBlueMediumDensityTheme/resolvedRoles.json

@@ -199,3 +199,3 @@ {
   "colorScheme.accentColor": "#38abdf",
-  "colorScheme.baseColor": "#808080",
+  "colorScheme.baseColor": "#d1deee",
   "colorScheme.highShadowColor": "rgba(26, 31, 38, 0.5)",
@@ -278,9 +278,9 @@ "colorScheme.iconColor": "#d1deee",
   "button.halo.width": "2px",
-  "button.halo.color": "#808080",
+  "button.halo.color": "#d1deee",
   "button.hover.halo.width": "2px",
-  "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+  "button.hover.halo.color": "rgba(209, 222, 238, 0.15)",
   "button.focus.halo.width": "2px",
   "button.focus.halo.color": "rgba(56, 171, 223, 0.35)",
   "button.pressed.halo.width": "4px",
-  "button.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+  "button.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
   "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
@@ -303,4 +303,4 @@ "button.outline.borderColor": "rgba(255, 255, 255, 0.35)",
   "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.pressed.borderColor": "#38abdf",
-  "button.outline.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+  "button.outline.pressed.borderColor": "rgba(255, 255, 255, 0.35)",
+  "button.outline.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
   "button.outline.pressed.textColor": "#f5f5f5",
@@ -310,3 +310,3 @@ "button.outline.pressed.icon.color": "#f5f5f5",
   "button.solid.borderColor": "#38abdf",
-  "button.solid.halo.color": "#808080",
+  "button.solid.halo.color": "#d1deee",
   "button.solid.textColor": "#f5f5f5",
@@ -327,3 +327,3 @@ "button.solid.icon.color": "#f5f5f5",
   "button.solid.pressed.borderColor": "#38abdf",
-  "button.solid.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+  "button.solid.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
   "button.solid.pressed.textColor": "#f5f5f5",
@@ -333,3 +333,3 @@ "button.solid.pressed.icon.color": "#f5f5f5",
   "button.flat.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.halo.color": "#808080",
+  "button.flat.halo.color": "#d1deee",
   "button.flat.textColor": "#6DD2FF",
@@ -350,3 +350,3 @@ "button.flat.icon.color": "#6DD2FF",
   "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+  "button.flat.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
   "button.flat.pressed.textColor": "#6DD2FF",
@@ -358,3 +358,3 @@ "button.flat.pressed.icon.color": "#6DD2FF",
   "checkbox.borderRadius": 0,
-  "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
+  "checkbox.halo.color": "rgba(209, 222, 238, 0.15)",
   "checkbox.halo.width": "2px",
@@ -367,17 +367,17 @@ "checkbox.height": "16px",
   "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.15)",
-  "checkbox.focus.borderColor": "rgba(56, 171, 223, 0.5)",
+  "checkbox.focus.borderColor": "#38abdf",
   "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.35)",
   "checkbox.focus.halo.width": "2px",
-  "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+  "checkbox.pressed.borderColor": "rgba(209, 222, 238, 0.5)",
+  "checkbox.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
   "checkbox.pressed.halo.width": "4px",
-  "checkbox.checked.borderColor": "#808080",
+  "checkbox.checked.borderColor": "#d1deee",
   "checkbox.checked.iconColor": "#ffffff",
   "checkbox.checked.backgroundColor": "#ffffff",
-  "checkbox.indeterminate.borderColor": "#808080",
+  "checkbox.indeterminate.borderColor": "#d1deee",
   "checkbox.indeterminate.iconColor": "#ffffff",
   "checkbox.indeterminate.backgroundColor": "#ffffff",
   "checkbox.focus.checked.backgroundColor": "#3b4453",
-  "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.focus.checked.borderColor": "rgba(209, 222, 238, 0.5)",
+  "checkbox.focus.indeterminate.borderColor": "rgba(209, 222, 238, 0.5)",
   "component.disabled.opacity": "0.4",
@@ -455,4 +455,4 @@ "divider.width": "1px",
   "menu.item.backgroundColor": "#3b4453",
-  "menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
-  "menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
+  "menu.item.hover.backgroundColor": "rgba(209, 222, 238, 0.1)",
+  "menu.item.focus.backgroundColor": "rgba(209, 222, 238, 0.1)",
   "menu.item.active.backgroundColor": "rgba(56, 171, 223, 0.1)",
@@ -499,6 +499,6 @@ "menu.item.horizontalPadding": "8px",
   "slider.hover.thumb.color": "#d1deee",
-  "slider.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+  "slider.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
   "slider.pressed.halo.width": "4px",
   "slider.pressed.thumb.color": "#d1deee",
-  "tabs.general.borderBottomColor": "rgba(128, 128, 128, 0.1)",
+  "tabs.general.borderBottomColor": "rgba(209, 222, 238, 0.1)",
   "tabs.general.borderBottomWidth": "1px",
@@ -513,3 +513,3 @@ "tabs.general.gutter": "8px",
   "tabs.general.tab.disabled.fontColor": "rgba(245, 245, 245, 0.5)",
-  "tabs.general.tab.hover.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+  "tabs.general.tab.hover.borderBottomColor": "rgba(209, 222, 238, 0.5)",
   "tabs.general.tab.hover.borderBottomWidth": "2px",
@@ -516,0 +516,0 @@ "tabs.general.tab.focus.halo.color": "rgba(56, 171, 223, 0.5)",

build/json/darkBlueMediumDensityTheme/theme.json

@@ -221,3 +221,3 @@ {
     "colorScheme.accentColor": "#38abdf",
-    "colorScheme.baseColor": "#808080",
+    "colorScheme.baseColor": "#d1deee",
     "colorScheme.highShadowColor": "rgba(26, 31, 38, 0.5)",
@@ -300,9 +300,9 @@ "colorScheme.iconColor": "#d1deee",
     "button.halo.width": "2px",
-    "button.halo.color": "#808080",
+    "button.halo.color": "#d1deee",
     "button.hover.halo.width": "2px",
-    "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+    "button.hover.halo.color": "rgba(209, 222, 238, 0.15)",
     "button.focus.halo.width": "2px",
     "button.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "button.pressed.halo.width": "4px",
-    "button.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
@@ -325,4 +325,4 @@ "button.outline.borderColor": "rgba(255, 255, 255, 0.35)",
     "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.pressed.borderColor": "#38abdf",
-    "button.outline.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.outline.pressed.borderColor": "rgba(255, 255, 255, 0.35)",
+    "button.outline.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.outline.pressed.textColor": "#f5f5f5",
@@ -332,3 +332,3 @@ "button.outline.pressed.icon.color": "#f5f5f5",
     "button.solid.borderColor": "#38abdf",
-    "button.solid.halo.color": "#808080",
+    "button.solid.halo.color": "#d1deee",
     "button.solid.textColor": "#f5f5f5",
@@ -349,3 +349,3 @@ "button.solid.icon.color": "#f5f5f5",
     "button.solid.pressed.borderColor": "#38abdf",
-    "button.solid.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.solid.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.solid.pressed.textColor": "#f5f5f5",
@@ -355,3 +355,3 @@ "button.solid.pressed.icon.color": "#f5f5f5",
     "button.flat.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.halo.color": "#808080",
+    "button.flat.halo.color": "#d1deee",
     "button.flat.textColor": "#6DD2FF",
@@ -372,3 +372,3 @@ "button.flat.icon.color": "#6DD2FF",
     "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "button.flat.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "button.flat.pressed.textColor": "#6DD2FF",
@@ -380,3 +380,3 @@ "button.flat.pressed.icon.color": "#6DD2FF",
     "checkbox.borderRadius": 0,
-    "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
+    "checkbox.halo.color": "rgba(209, 222, 238, 0.15)",
     "checkbox.halo.width": "2px",
@@ -389,17 +389,17 @@ "checkbox.height": "16px",
     "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.15)",
-    "checkbox.focus.borderColor": "rgba(56, 171, 223, 0.5)",
+    "checkbox.focus.borderColor": "#38abdf",
     "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "checkbox.focus.halo.width": "2px",
-    "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "checkbox.pressed.borderColor": "rgba(209, 222, 238, 0.5)",
+    "checkbox.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "checkbox.pressed.halo.width": "4px",
-    "checkbox.checked.borderColor": "#808080",
+    "checkbox.checked.borderColor": "#d1deee",
     "checkbox.checked.iconColor": "#ffffff",
     "checkbox.checked.backgroundColor": "#ffffff",
-    "checkbox.indeterminate.borderColor": "#808080",
+    "checkbox.indeterminate.borderColor": "#d1deee",
     "checkbox.indeterminate.iconColor": "#ffffff",
     "checkbox.indeterminate.backgroundColor": "#ffffff",
     "checkbox.focus.checked.backgroundColor": "#3b4453",
-    "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.focus.checked.borderColor": "rgba(209, 222, 238, 0.5)",
+    "checkbox.focus.indeterminate.borderColor": "rgba(209, 222, 238, 0.5)",
     "component.disabled.opacity": "0.4",
@@ -477,4 +477,4 @@ "divider.width": "1px",
     "menu.item.backgroundColor": "#3b4453",
-    "menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
-    "menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
+    "menu.item.hover.backgroundColor": "rgba(209, 222, 238, 0.1)",
+    "menu.item.focus.backgroundColor": "rgba(209, 222, 238, 0.1)",
     "menu.item.active.backgroundColor": "rgba(56, 171, 223, 0.1)",
@@ -521,6 +521,6 @@ "menu.item.horizontalPadding": "8px",
     "slider.hover.thumb.color": "#d1deee",
-    "slider.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
+    "slider.pressed.halo.color": "rgba(209, 222, 238, 0.25)",
     "slider.pressed.halo.width": "4px",
     "slider.pressed.thumb.color": "#d1deee",
-    "tabs.general.borderBottomColor": "rgba(128, 128, 128, 0.1)",
+    "tabs.general.borderBottomColor": "rgba(209, 222, 238, 0.1)",
     "tabs.general.borderBottomWidth": "1px",
@@ -535,3 +535,3 @@ "tabs.general.gutter": "8px",
     "tabs.general.tab.disabled.fontColor": "rgba(245, 245, 245, 0.5)",
-    "tabs.general.tab.hover.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+    "tabs.general.tab.hover.borderBottomColor": "rgba(209, 222, 238, 0.5)",
     "tabs.general.tab.hover.borderBottomWidth": "2px",
@@ -538,0 +538,0 @@ "tabs.general.tab.focus.halo.color": "rgba(56, 171, 223, 0.5)",

build/json/darkBlueMediumDensityTheme/unresolvedRoles.json

@@ -825,3 +825,3 @@ {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "basics.colors.darkBlue200"
     }
@@ -1430,3 +1430,3 @@ },
     "value": {
-      "ref": "colorScheme.accentColor"
+      "ref": "button.outline.borderColor"
     }
@@ -1789,5 +1789,2 @@ },
       "ref": "colorScheme.accentColor"
-    },
-    "transform": {
-      "alpha": 0.5
     }
@@ -1794,0 +1791,0 @@ },

build/json/darkGrayHighDensityTheme/resolvedRoles.json

@@ -301,4 +301,4 @@ {
   "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.pressed.borderColor": "#38abdf",
-  "button.outline.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+  "button.outline.pressed.borderColor": "rgba(255, 255, 255, 0.35)",
+  "button.outline.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
   "button.outline.pressed.textColor": "#f5f5f5",
@@ -324,3 +324,3 @@ "button.outline.pressed.icon.color": "#f5f5f5",
   "button.solid.pressed.borderColor": "#38abdf",
-  "button.solid.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+  "button.solid.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
   "button.solid.pressed.textColor": "#f5f5f5",
@@ -346,3 +346,3 @@ "button.solid.pressed.icon.color": "#f5f5f5",
   "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+  "button.flat.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
   "button.flat.pressed.textColor": "#6DD2FF",
@@ -362,7 +362,7 @@ "button.flat.pressed.icon.color": "#6DD2FF",
   "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.15)",
-  "checkbox.focus.borderColor": "rgba(56, 171, 223, 0.5)",
+  "checkbox.focus.borderColor": "#38abdf",
   "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.35)",
   "checkbox.focus.halo.width": "2px",
   "checkbox.pressed.borderColor": "rgba(255, 255, 255, 0.5)",
-  "checkbox.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+  "checkbox.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
   "checkbox.pressed.halo.width": "4px",
@@ -493,3 +493,3 @@ "checkbox.checked.borderColor": "rgba(255, 255, 255, 0.5)",
   "slider.hover.thumb.color": "#eeeeee",
-  "slider.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+  "slider.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
   "slider.pressed.halo.width": "4px",
@@ -496,0 +496,0 @@ "slider.pressed.thumb.color": "#eeeeee",

build/json/darkGrayHighDensityTheme/theme.json

@@ -323,4 +323,4 @@ {
     "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.pressed.borderColor": "#38abdf",
-    "button.outline.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "button.outline.pressed.borderColor": "rgba(255, 255, 255, 0.35)",
+    "button.outline.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "button.outline.pressed.textColor": "#f5f5f5",
@@ -346,3 +346,3 @@ "button.outline.pressed.icon.color": "#f5f5f5",
     "button.solid.pressed.borderColor": "#38abdf",
-    "button.solid.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "button.solid.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "button.solid.pressed.textColor": "#f5f5f5",
@@ -368,3 +368,3 @@ "button.solid.pressed.icon.color": "#f5f5f5",
     "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "button.flat.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "button.flat.pressed.textColor": "#6DD2FF",
@@ -384,7 +384,7 @@ "button.flat.pressed.icon.color": "#6DD2FF",
     "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.15)",
-    "checkbox.focus.borderColor": "rgba(56, 171, 223, 0.5)",
+    "checkbox.focus.borderColor": "#38abdf",
     "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "checkbox.focus.halo.width": "2px",
     "checkbox.pressed.borderColor": "rgba(255, 255, 255, 0.5)",
-    "checkbox.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "checkbox.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "checkbox.pressed.halo.width": "4px",
@@ -515,3 +515,3 @@ "checkbox.checked.borderColor": "rgba(255, 255, 255, 0.5)",
     "slider.hover.thumb.color": "#eeeeee",
-    "slider.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "slider.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "slider.pressed.halo.width": "4px",
@@ -518,0 +518,0 @@ "slider.pressed.thumb.color": "#eeeeee",

build/json/darkGrayHighDensityTheme/unresolvedRoles.json

@@ -1432,3 +1432,3 @@ {
     "value": {
-      "ref": "colorScheme.accentColor"
+      "ref": "button.outline.borderColor"
     }
@@ -1570,5 +1570,2 @@ },
       "ref": "button.pressed.halo.color"
-    },
-    "transform": {
-      "alpha": 0.125
     }
@@ -1795,5 +1792,2 @@ },
       "ref": "colorScheme.accentColor"
-    },
-    "transform": {
-      "alpha": 0.5
     }
@@ -1831,3 +1825,3 @@ },
     "transform": {
-      "alpha": 0.125
+      "alpha": 0.25
     }
@@ -2642,3 +2636,3 @@ },
     "transform": {
-      "alpha": 0.125
+      "alpha": 0.25
     }
@@ -2645,0 +2639,0 @@ },

build/json/darkGrayMediumDensityTheme/resolvedRoles.json

@@ -301,4 +301,4 @@ {
   "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.pressed.borderColor": "#38abdf",
-  "button.outline.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+  "button.outline.pressed.borderColor": "rgba(255, 255, 255, 0.35)",
+  "button.outline.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
   "button.outline.pressed.textColor": "#f5f5f5",
@@ -324,3 +324,3 @@ "button.outline.pressed.icon.color": "#f5f5f5",
   "button.solid.pressed.borderColor": "#38abdf",
-  "button.solid.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+  "button.solid.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
   "button.solid.pressed.textColor": "#f5f5f5",
@@ -346,3 +346,3 @@ "button.solid.pressed.icon.color": "#f5f5f5",
   "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+  "button.flat.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
   "button.flat.pressed.textColor": "#6DD2FF",
@@ -362,7 +362,7 @@ "button.flat.pressed.icon.color": "#6DD2FF",
   "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.15)",
-  "checkbox.focus.borderColor": "rgba(56, 171, 223, 0.5)",
+  "checkbox.focus.borderColor": "#38abdf",
   "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.35)",
   "checkbox.focus.halo.width": "2px",
   "checkbox.pressed.borderColor": "rgba(255, 255, 255, 0.5)",
-  "checkbox.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+  "checkbox.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
   "checkbox.pressed.halo.width": "4px",
@@ -493,3 +493,3 @@ "checkbox.checked.borderColor": "rgba(255, 255, 255, 0.5)",
   "slider.hover.thumb.color": "#eeeeee",
-  "slider.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+  "slider.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
   "slider.pressed.halo.width": "4px",
@@ -496,0 +496,0 @@ "slider.pressed.thumb.color": "#eeeeee",

build/json/darkGrayMediumDensityTheme/theme.json

@@ -323,4 +323,4 @@ {
     "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.pressed.borderColor": "#38abdf",
-    "button.outline.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "button.outline.pressed.borderColor": "rgba(255, 255, 255, 0.35)",
+    "button.outline.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "button.outline.pressed.textColor": "#f5f5f5",
@@ -346,3 +346,3 @@ "button.outline.pressed.icon.color": "#f5f5f5",
     "button.solid.pressed.borderColor": "#38abdf",
-    "button.solid.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "button.solid.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "button.solid.pressed.textColor": "#f5f5f5",
@@ -368,3 +368,3 @@ "button.solid.pressed.icon.color": "#f5f5f5",
     "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "button.flat.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "button.flat.pressed.textColor": "#6DD2FF",
@@ -384,7 +384,7 @@ "button.flat.pressed.icon.color": "#6DD2FF",
     "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.15)",
-    "checkbox.focus.borderColor": "rgba(56, 171, 223, 0.5)",
+    "checkbox.focus.borderColor": "#38abdf",
     "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "checkbox.focus.halo.width": "2px",
     "checkbox.pressed.borderColor": "rgba(255, 255, 255, 0.5)",
-    "checkbox.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "checkbox.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "checkbox.pressed.halo.width": "4px",
@@ -515,3 +515,3 @@ "checkbox.checked.borderColor": "rgba(255, 255, 255, 0.5)",
     "slider.hover.thumb.color": "#eeeeee",
-    "slider.pressed.halo.color": "rgba(255, 255, 255, 0.13)",
+    "slider.pressed.halo.color": "rgba(255, 255, 255, 0.25)",
     "slider.pressed.halo.width": "4px",
@@ -518,0 +518,0 @@ "slider.pressed.thumb.color": "#eeeeee",

build/json/darkGrayMediumDensityTheme/unresolvedRoles.json

@@ -1432,3 +1432,3 @@ {
     "value": {
-      "ref": "colorScheme.accentColor"
+      "ref": "button.outline.borderColor"
     }
@@ -1570,5 +1570,2 @@ },
       "ref": "button.pressed.halo.color"
-    },
-    "transform": {
-      "alpha": 0.125
     }
@@ -1795,5 +1792,2 @@ },
       "ref": "colorScheme.accentColor"
-    },
-    "transform": {
-      "alpha": 0.5
     }
@@ -1831,3 +1825,3 @@ },
     "transform": {
-      "alpha": 0.125
+      "alpha": 0.25
     }
@@ -2642,3 +2636,3 @@ },
     "transform": {
-      "alpha": 0.125
+      "alpha": 0.25
     }
@@ -2645,0 +2639,0 @@ },

build/json/lightGrayHighDensityTheme/resolvedRoles.json

@@ -301,3 +301,3 @@ {
   "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.pressed.borderColor": "#0696d7",
+  "button.outline.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
   "button.outline.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
@@ -360,3 +360,3 @@ "button.outline.pressed.textColor": "#3c3c3c",
   "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
-  "checkbox.focus.borderColor": "rgba(6, 150, 215, 0.5)",
+  "checkbox.focus.borderColor": "#0696d7",
   "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.35)",
@@ -363,0 +363,0 @@ "checkbox.focus.halo.width": "2px",

build/json/lightGrayHighDensityTheme/theme.json

@@ -323,3 +323,3 @@ {
     "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.pressed.borderColor": "#0696d7",
+    "button.outline.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
     "button.outline.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
@@ -382,3 +382,3 @@ "button.outline.pressed.textColor": "#3c3c3c",
     "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
-    "checkbox.focus.borderColor": "rgba(6, 150, 215, 0.5)",
+    "checkbox.focus.borderColor": "#0696d7",
     "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.35)",
@@ -385,0 +385,0 @@ "checkbox.focus.halo.width": "2px",

build/json/lightGrayHighDensityTheme/unresolvedRoles.json

@@ -1450,3 +1450,3 @@ {
     "value": {
-      "ref": "colorScheme.accentColor"
+      "ref": "button.outline.borderColor"
     }
@@ -1797,5 +1797,2 @@ },
       "ref": "colorScheme.accentColor"
-    },
-    "transform": {
-      "alpha": 0.5
     }
@@ -1802,0 +1799,0 @@ },

build/json/lightGrayMediumDensityTheme/resolvedRoles.json

@@ -301,3 +301,3 @@ {
   "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.pressed.borderColor": "#0696d7",
+  "button.outline.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
   "button.outline.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
@@ -360,3 +360,3 @@ "button.outline.pressed.textColor": "#3c3c3c",
   "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
-  "checkbox.focus.borderColor": "rgba(6, 150, 215, 0.5)",
+  "checkbox.focus.borderColor": "#0696d7",
   "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.35)",
@@ -363,0 +363,0 @@ "checkbox.focus.halo.width": "2px",

build/json/lightGrayMediumDensityTheme/theme.json

@@ -323,3 +323,3 @@ {
     "button.outline.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.pressed.borderColor": "#0696d7",
+    "button.outline.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
     "button.outline.pressed.halo.color": "rgba(128, 128, 128, 0.25)",
@@ -382,3 +382,3 @@ "button.outline.pressed.textColor": "#3c3c3c",
     "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
-    "checkbox.focus.borderColor": "rgba(6, 150, 215, 0.5)",
+    "checkbox.focus.borderColor": "#0696d7",
     "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.35)",
@@ -385,0 +385,0 @@ "checkbox.focus.halo.width": "2px",

build/json/lightGrayMediumDensityTheme/unresolvedRoles.json

@@ -1450,3 +1450,3 @@ {
     "value": {
-      "ref": "colorScheme.accentColor"
+      "ref": "button.outline.borderColor"
     }
@@ -1797,5 +1797,2 @@ },
       "ref": "colorScheme.accentColor"
-    },
-    "transform": {
-      "alpha": 0.5
     }
@@ -1802,0 +1799,0 @@ },

CHANGELOG.md

@@ -0,1 +1,16 @@
+# [@hig/theme-data-v2.8.0](https://github.com/Autodesk/hig/compare/@hig/theme-data@2.7.0...@hig/theme-data@2.8.0) (2019-06-07)
+
+
+### Bug Fixes
+
+* correct base color for dark blue theme ([7bea1bf](https://github.com/Autodesk/hig/commit/7bea1bf))
+* correct button hover/focus colors ([302e984](https://github.com/Autodesk/hig/commit/302e984))
+* correct checkbox hover/focus colors ([7c56ed7](https://github.com/Autodesk/hig/commit/7c56ed7))
+* correct slider hover/focus colors ([fab82c9](https://github.com/Autodesk/hig/commit/fab82c9))
+
+
+### Features
+
+* export theme-data as less variables ([307112d](https://github.com/Autodesk/hig/commit/307112d))
+
 # [@hig/theme-data-v2.7.0](https://github.com/Autodesk/hig/compare/@hig/theme-data@2.6.0...@hig/theme-data@2.7.0) (2019-05-22)
@@ -2,0 +17,0 @@

package.json

 {
   "name": "@hig/theme-data",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "HIG Theme Data",
@@ -5,0 +5,0 @@ "author": "Autodesk Inc.",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2206957

increased by8.51%

Number of package files

69

increased by13.11%

Worsened metrics

Lines of code

65748

decreased by-0.07%

No dependency changes