diff --git a/src/platform/web/theming/DerivedVariables.ts b/src/platform/web/theming/DerivedVariables.ts
index 5a626bfa..92e5ac20 100644
--- a/src/platform/web/theming/DerivedVariables.ts
+++ b/src/platform/web/theming/DerivedVariables.ts
@@ -98,7 +98,7 @@ export class DerivedVariables {
     }
 }
 
-import pkg from "off-color";
+import * as pkg from "off-color";
 const {offColor} = pkg;
 
 export function tests() {
diff --git a/src/platform/web/theming/shared/color.mjs b/src/platform/web/theming/shared/color.mjs
index e777bfac..d4a15e56 100644
--- a/src/platform/web/theming/shared/color.mjs
+++ b/src/platform/web/theming/shared/color.mjs
@@ -13,7 +13,7 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-import pkg from 'off-color';
+import * as pkg from 'off-color';
 const offColor = pkg.offColor;
 
 export function derive(value, operation, argument, isDark) {