Merge pull request #1880 from OpenC3/bug/imo-dialog-style

Fix import-map-overrides dialog style

Author: ryan-pratt

openc3-cosmos-init/plugins/packages/openc3-tool-base/public/index-allow-http.html

@@ -79,6 +79,7 @@
     <import-map-overrides-full
       show-when-local-storage="devtools"
     ></import-map-overrides-full>
+    <script src="/js/fixImoStyle.js"></script>
     <script>
       ;(function () {
         Object.getPrototypeOf(System).firstGlobalProp = true

openc3-cosmos-init/plugins/packages/openc3-tool-base/public/index.html

@@ -79,6 +79,7 @@
     <import-map-overrides-full
       show-when-local-storage="devtools"
     ></import-map-overrides-full>
+    <script src="/js/fixImoStyle.js"></script>
     <script>
       ;(function () {
         Object.getPrototypeOf(System).firstGlobalProp = true

openc3-cosmos-init/plugins/packages/openc3-tool-base/public/js/fixImoStyle.js

@@ -0,0 +1,32 @@
+/*
+# Copyright 2025, OpenC3, Inc.
+# All Rights Reserved.
+#
+# This program is free software; you can modify and/or redistribute it
+# under the terms of the GNU Affero General Public License
+# as published by the Free Software Foundation; version 3 with
+# attribution addendums as found in the LICENSE.txt
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Affero General Public License for more details.
+#
+# This file may also be used under the terms of a commercial license
+# if purchased from OpenC3, Inc.
+*/
+
+;(function () {
+  const css = `
+  .imo-module-dialog {
+    color: black;
+  }
+  `
+
+  const style = document.createElement('style')
+  style.appendChild(document.createTextNode(css))
+  const imo = document.getElementsByTagName('import-map-overrides-full')
+  if (imo.length) {
+    imo[0].shadowRoot.appendChild(style)
+  }
+})()

openc3-cosmos-init/plugins/packages/openc3-tool-base/src/assets/stylesheets/layout/_overrides.scss

@@ -321,12 +321,3 @@ input {
 .v-list-item-action {
   margin-right: 15px !important;
 }
-
-// Fix the single spa debug panel so the text is readable
-.imo-modal-container form,
-.imo-modal-container input {
-  color: black;
-}
-.imo-module-dialog tr {
-  background-color: white;
-}