Add removable/togglable tabs to the editor

Author: JeremyGamer13

src/addons/generated/addon-entries.js

@@ -32,7 +32,6 @@ import _custom_block_text from "../addons/custom-block-text/_manifest_entry.js";
 import _editor_colored_context_menus from "../addons/editor-colored-context-menus/_manifest_entry.js";
 import _editor_stage_left from "../addons/editor-stage-left/_manifest_entry.js";
 import _editor_buttons_reverse_order from "../addons/editor-buttons-reverse-order/_manifest_entry.js";
-import _variable_manager from "../addons/variable-manager/_manifest_entry.js";
 import _search_sprites from "../addons/search-sprites/_manifest_entry.js";
 import _sprite_properties from "../addons/sprite-properties/_manifest_entry.js";
 import _gamepad from "../addons/gamepad/_manifest_entry.js";
@@ -101,7 +100,6 @@ export default {
   "editor-colored-context-menus": _editor_colored_context_menus,
   "editor-stage-left": _editor_stage_left,
   "editor-buttons-reverse-order": _editor_buttons_reverse_order,
-  "variable-manager": _variable_manager,
   "search-sprites": _search_sprites,
   "sprite-properties": _sprite_properties,
   "gamepad": _gamepad,

src/addons/generated/addon-manifests.js

@@ -96,6 +96,54 @@
 [theme="dark"] .tab {
     color: $text-primary;
 }
+.tab > div {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.tab-disabled {
+    display: none;
+}
+
+.add-tab-button {
+    margin: 8px 0;
+    margin-left: 4px;
+    padding: 4px;
+    font-size: larger;
+
+    background: white;
+    border: 1px solid rgba(0,0,0,.15);
+    border-radius: 4px;
+
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+
+    transform: translateY(6px);
+}
+[dir="rtl"] .add-tab-button {
+    margin-left: initial;
+    margin-right: 4px;
+}
+[theme="dark"] .add-tab-button {
+    background: none;
+    border-color: rgba(255,255,255,.15);
+}
+[theme="dark"] .add-tab-button img {
+    filter: invert(1);
+}
+.add-tab-button-disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+}
+.tab-addition-item {
+    display: flex;
+    align-items: center;
+}
+.tab-addition-item img {
+    width: 1.375rem;
+}
 
 [dir="ltr"] .tab {
     margin-left: -0.5rem;