diff --git a/packages/components/themes/base.js b/packages/components/themes/base.js
index 43ec2049a4..317bf92f4e 100644
--- a/packages/components/themes/base.js
+++ b/packages/components/themes/base.js
@@ -2253,6 +2253,109 @@ const Base = {
     connectBtnIconBorder: grayMid,
   },
 
+  createEditRoomDialog: {
+    commonParam: {
+      descriptionColor: "#a3a9ae",
+    },
+
+    roomType: {
+      listItem: {
+        background: "none",
+        borderColor: "#ECEEF1",
+        descriptionText: "#A3A9AE",
+      },
+      dropdownButton: {
+        background: "none",
+        borderColor: "#ECEEF1",
+        isOpenBorderColor: "#2DA7DB",
+        descriptionText: "#A3A9AE",
+      },
+      dropdownItem: {
+        background: "#ffffff",
+        hoverBackground: "#f3f4f4",
+        descriptionText: "#A3A9AE",
+      },
+      displayItem: {
+        background: "#f8f8f8",
+        borderColor: "#f8f8f8",
+        descriptionText: "#555F65",
+      },
+    },
+
+    roomTypeDropdown: {
+      desktop: {
+        background: "#ffffff",
+        borderColor: "#d0d5da",
+      },
+      mobile: {
+        background: "#ffffff",
+      },
+    },
+
+    permanentSettings: {
+      background: "#f8f9f9",
+      isPrivateIcon: "#35ad17",
+      descriptionColor: "#555f65",
+    },
+
+    dropdown: {
+      background: "#ffffff",
+      borderColor: "#d0d5da",
+      item: {
+        hoverBackground: "#f3f4f4",
+      },
+    },
+
+    isPrivate: {
+      limitations: {
+        background: "#f8f9f9",
+        iconColor: "#ed7309",
+        titleColor: "#ed7309",
+        descriptionColor: "#555f65",
+        linkColor: "#555f65",
+      },
+    },
+
+    thirdpartyStorage: {
+      combobox: {
+        background: "#ffffff",
+        dropdownBorderColor: "#d0d5da",
+        hoverDropdownBorderColor: "#a3a9ae",
+        isOpenDropdownBorderColor: "#2DA7DB",
+        arrowFill: "#a3a9ae",
+      },
+      folderInput: {
+        borderColor: "#d0d5da",
+        hoverBorderColor: "#a3a9ae",
+        focusBorderColor: "#35abd8",
+        rootLabelColor: "#a3a9ae",
+        iconFill: "#657177",
+      },
+    },
+
+    iconCropper: {
+      gridColor: "#333333",
+      deleteButton: {
+        background: "#f8f9f9",
+        color: "#555f65",
+        iconColor: "#657077",
+      },
+    },
+
+    previewTile: {
+      background: "#ffffff",
+      borderColor: "#d0d5da",
+      iconBorderColor: "#eceef1",
+    },
+
+    dropzone: {
+      borderColor: "#eceef1",
+      linkMainColor: "#316daa",
+      linkSecondaryColor: "#333333",
+      exstsColor: "#a3a9ae",
+    },
+  },
+
   filesThirdPartyDialog: {
     border: "1px solid #d1d1d1",
   },