diff --git a/packages/rocketchat-colors/client/client.js b/packages/rocketchat-colors/client/client.js
index 98f08fe9cc68..e257c90cd2d9 100644
--- a/packages/rocketchat-colors/client/client.js
+++ b/packages/rocketchat-colors/client/client.js
@@ -1,3 +1,4 @@
+import { RocketChat } from 'meteor/rocketchat:lib';
 import s from 'underscore.string';
 
 //
diff --git a/packages/rocketchat-colors/client/index.js b/packages/rocketchat-colors/client/index.js
new file mode 100644
index 000000000000..0c35236206a4
--- /dev/null
+++ b/packages/rocketchat-colors/client/index.js
@@ -0,0 +1,2 @@
+import './style.css';
+import './client';
diff --git a/packages/rocketchat-colors/package.js b/packages/rocketchat-colors/package.js
index 980411478848..7006b3c0da7a 100644
--- a/packages/rocketchat-colors/package.js
+++ b/packages/rocketchat-colors/package.js
@@ -6,10 +6,10 @@ Package.describe({
 });
 
 Package.onUse(function(api) {
-	api.use('rocketchat:lib');
-	api.use('ecmascript');
-
-	api.addFiles('client/client.js', 'client');
-	api.addFiles('client/style.css', 'client');
-	api.addFiles('server/settings.js', 'server');
+	api.use([
+		'ecmascript',
+		'rocketchat:lib',
+	]);
+	api.mainModule('client/index.js', 'client');
+	api.mainModule('server/index.js', 'server');
 });
diff --git a/packages/rocketchat-colors/server/index.js b/packages/rocketchat-colors/server/index.js
new file mode 100644
index 000000000000..97097791afdc
--- /dev/null
+++ b/packages/rocketchat-colors/server/index.js
@@ -0,0 +1 @@
+import './settings';
diff --git a/packages/rocketchat-colors/server/settings.js b/packages/rocketchat-colors/server/settings.js
index d2d347ea0a72..96b69bce9ce7 100644
--- a/packages/rocketchat-colors/server/settings.js
+++ b/packages/rocketchat-colors/server/settings.js
@@ -1,3 +1,5 @@
+import { RocketChat } from 'meteor/rocketchat:lib';
+
 RocketChat.settings.add('HexColorPreview_Enabled', true, {
 	type: 'boolean',
 	i18nLabel: 'Enabled',