diff --git a/src/utils/subtitleutils.js b/src/utils/subtitleutils.js
index c682c0f2..3153b060 100644
--- a/src/utils/subtitleutils.js
+++ b/src/utils/subtitleutils.js
@@ -3,9 +3,9 @@ export const subtitleSettings = {
 };
 
 export const subtitlePositions = {
-  Bottom: 2,
-  Middle: 5,
   Top: 8,
+  Middle: 5,
+  Bottom: 2,
 };
 
 export const subtitleSizes = {
@@ -18,6 +18,14 @@ export const subtitleSizes = {
 
 export const subtitleColors = {
   White: 'FFFFFF',
+  Yellow: 'FFEE00',
+  Black: '000000',
+  Cyan: '00FFFF',
+  Blue: '0000FF',
+  Green: '00FF00',
+  Magenta: 'EE00EE',
+  Red: 'FF0000',
+  Gray: '808080',
 };
 
 export const hexToLibjassColor = async (hex) => {
diff --git a/vue.config.js b/vue.config.js
index 21a434c0..3b1d4f4c 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -45,9 +45,9 @@ module.exports = {
   //   },
   // },
 
-  // devServer: {
-  //   disableHostCheck: true,
-  // },
+  devServer: {
+    disableHostCheck: true,
+  },
 
   css: {
     extract: process.env.NODE_ENV === 'production' ? {