Astro

docs.openc3.com/docs/guides/cfs.md

@@ -96,7 +96,7 @@ Note we're connecting to the COSMOS network (`docker network ls`) and exposing t
 
 ```bash
 docker build -t cfs .
-docker run --cap-add CAP_SYS_RESOURCE --net=openc3-cosmos-network --name cfs -p1234:1234 -p1235:1235 cfs
+docker run --cap-add CAP_SYS_RESOURCE --net=openc3-cosmos-network --name cfs -p1234:1234/udp -p1235:1235/udp cfs
 ```
 
 ## Creating a COSMOS plugin for TM/TC interface with cFS

openc3-cosmos-init/Dockerfile

@@ -60,10 +60,9 @@ RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-cmdsender"]
 COPY ./plugins/packages/openc3-cosmos-tool-cmdtlmserver/ packages/openc3-cosmos-tool-cmdtlmserver/
 RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-cmdtlmserver"]
 
-# Build docs tool
-COPY --from=docs . packages/openc3-cosmos-tool-docs/
-RUN cd packages/openc3-cosmos-tool-docs/scripts && ruby generate_docs_from_yaml.rb PLUGIN && yarn
-RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-docs"]
+# Build tablemanager tool
+COPY ./plugins/packages/openc3-cosmos-tool-tablemanager/ packages/openc3-cosmos-tool-tablemanager/
+RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-tablemanager"]
 
 # Build dataextractor tool
 FROM openc3-frontend-tmp AS openc3-tmp2
@@ -86,6 +85,10 @@ RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-handbooks"]
 COPY ./plugins/packages/openc3-cosmos-tool-limitsmonitor/ packages/openc3-cosmos-tool-limitsmonitor/
 RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-limitsmonitor"]
 
+# Build calendar tool
+COPY ./plugins/packages/openc3-cosmos-tool-calendar/ packages/openc3-cosmos-tool-calendar/
+RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-calendar"]
+
 # Build packetviewer tool
 FROM openc3-frontend-tmp AS openc3-tmp3
 COPY ./plugins/packages/openc3-cosmos-tool-packetviewer/ packages/openc3-cosmos-tool-packetviewer/
@@ -95,13 +98,10 @@ RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-packetviewer
 COPY ./plugins/packages/openc3-cosmos-tool-scriptrunner/ packages/openc3-cosmos-tool-scriptrunner/
 RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-scriptrunner"]
 
-# Build calendar tool
-COPY ./plugins/packages/openc3-cosmos-tool-calendar/ packages/openc3-cosmos-tool-calendar/
-RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-calendar"]
-
-# Build tablemanager tool
-COPY ./plugins/packages/openc3-cosmos-tool-tablemanager/ packages/openc3-cosmos-tool-tablemanager/
-RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-tablemanager"]
+# Build docs tool
+COPY --from=docs . packages/openc3-cosmos-tool-docs/
+RUN cd packages/openc3-cosmos-tool-docs/scripts && ruby generate_docs_from_yaml.rb PLUGIN && yarn
+RUN ["/openc3/plugins/docker-package-build.sh", "openc3-cosmos-tool-docs"]
 
 # Build tlmgrapher tool
 FROM openc3-frontend-tmp AS openc3-tmp4

openc3-cosmos-init/plugins/openc3-tool-base/package.json

@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "@rails/actioncable": "7.1.1",
+    "@astrouxds/astro-web-components": "7.19.1",
     "axios": "1.6.1",
     "date-fns": "2.30.0",
     "import-map-overrides": "3.1.1",

openc3-cosmos-init/plugins/openc3-tool-base/src/plugins/vuetify.js

@@ -13,13 +13,33 @@
 # GNU Affero General Public License for more details.
 
 # Modified by OpenC3, Inc.
-# All changes Copyright 2022, OpenC3, Inc.
+# All changes Copyright 2023, OpenC3, Inc.
 # All Rights Reserved
 */
 
 import Vue from 'vue'
 import Vuetify from 'vuetify'
+// Import and define the individual astro components we use
 import { AstroIconVuetifyValues } from '../../../packages/openc3-tool-common/src/components/icons/index.js'
+import { RuxClock } from '@astrouxds/astro-web-components/dist/components/rux-clock'
+customElements.define('rux-clock', RuxClock)
+import { RuxIcon } from '@astrouxds/astro-web-components/dist/components/rux-icon'
+customElements.define('rux-icon', RuxIcon)
+import { RuxIconApps } from '@astrouxds/astro-web-components/dist/components/rux-icon-apps'
+customElements.define('rux-icon-apps', RuxIconApps)
+import { RuxIconNotifications } from '@astrouxds/astro-web-components/dist/components/rux-icon-notifications'
+customElements.define('rux-icon-notifications', RuxIconNotifications)
+import { RuxIconWarning } from '@astrouxds/astro-web-components/dist/components/rux-icon-warning'
+customElements.define('rux-icon-warning', RuxIconWarning)
+import { RuxIconPerson } from '@astrouxds/astro-web-components/dist/components/rux-icon-person'
+customElements.define('rux-icon-person', RuxIconPerson)
+import { RuxMonitoringIcon } from '@astrouxds/astro-web-components/dist/components/rux-monitoring-icon'
+customElements.define('rux-monitoring-icon', RuxMonitoringIcon)
+import { RuxStatus } from '@astrouxds/astro-web-components/dist/components/rux-status'
+customElements.define('rux-status', RuxStatus)
+import { RuxProgress } from '@astrouxds/astro-web-components/dist/components/rux-progress'
+customElements.define('rux-progress', RuxProgress)
+import '@astrouxds/astro-web-components/dist/astro-web-components/astro-web-components.css'
 
 Vue.use(Vuetify)
 
@@ -31,9 +51,9 @@ export default new Vuetify({
     },
     themes: {
       dark: {
-        primary: '#005a8f',
-        secondary: '#4dacff',
-        tertiary: '#283f58',
+        primary: '#005A8F',
+        secondary: '#4DACFF',
+        tertiary: '#BBC1C9',
       },
       light: {
         primary: '#cce6ff',

openc3-cosmos-init/plugins/openc3-tool-base/yarn.lock

@@ -23,6 +23,16 @@
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
+"@astrouxds/[email protected]":
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@astrouxds/astro-web-components/-/astro-web-components-7.19.1.tgz#ccd6cea003afe2a007c4abaa9703ce3aeb339acf"
+  integrity sha512-jYkcCxk09abPper9iFB6zNV+dE2E21c4jo6rvLRSwjxjoWFE7BGqhzGmONhoKwG/z2cRjsE6X+P0JlzK9V6fgw==
+  dependencies:
+    "@floating-ui/dom" "~1.0.6"
+    "@stencil/core" "~3.4.1"
+    date-fns "~2.21.3"
+    date-fns-tz "~1.3.7"
+
 "@babel/code-frame@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
@@ -1436,6 +1446,25 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.53.0.tgz#bea56f2ed2b5baea164348ff4d5a879f6f81f20d"
   integrity sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==
 
+"@floating-ui/core@^1.0.4":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.5.0.tgz#5c05c60d5ae2d05101c3021c1a2a350ddc027f8c"
+  integrity sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==
+  dependencies:
+    "@floating-ui/utils" "^0.1.3"
+
+"@floating-ui/dom@~1.0.6":
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.0.12.tgz#07c870a05d9b825a6d7657524f48fe6761722800"
+  integrity sha512-HeG/wHoa2laUHlDX3xkzqlUqliAfa+zqV04LaKIwNCmCNaW2p0fQi4/Kd0LB4GdFoJ2UllLFq5gWnXAd67lg7w==
+  dependencies:
+    "@floating-ui/core" "^1.0.4"
+
+"@floating-ui/utils@^0.1.3":
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.1.6.tgz#22958c042e10b67463997bd6ea7115fe28cbcaf9"
+  integrity sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==
+
 "@humanwhocodes/config-array@^0.11.13":
   version "0.11.13"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.13.tgz#075dc9684f40a531d9b26b0822153c1e832ee297"
@@ -1563,6 +1592,11 @@
   resolved "https://registry.yarnpkg.com/@rails/actioncable/-/actioncable-7.1.1.tgz#e8c49769d41f35a4473133c259cc98adc04dddf8"
   integrity sha512-ZRJ9rdwFQQjRbtgJnweY0/4UQyxN6ojEGRdib0JkjnuIciv+4ok/aAeZmBJqNreTMaBqS0eHyA9hCArwN58opg==
 
+"@stencil/core@~3.4.1":
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/@stencil/core/-/core-3.4.2.tgz#57ce7f71fe18c2ec0967821bec667fc453cca962"
+  integrity sha512-FAUhUVaakCy29nU2GwO/HQBRV1ihPRvncz3PUc8oR+UJLAxGabTmP8PLY7wvHfbw+Cvi4VXfJFTBvdfDu6iKPQ==
+
 "@types/body-parser@*":
   version "1.19.2"
   resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.2.tgz#aea2059e28b7658639081347ac4fab3de166e6f0"
@@ -1714,10 +1748,10 @@
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
   integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
 
-"@vue/[email protected].14":
-  version "2.7.14"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz#3446fd2fbb670d709277fc3ffa88efc5e10284fd"
-  integrity sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA==
+"@vue/[email protected].15":
+  version "2.7.15"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-2.7.15.tgz#62135fb2f69559fc723fd9c56b8e8b0ac7864a0b"
+  integrity sha512-FCvIEevPmgCgqFBH7wD+3B97y7u7oj/Wr69zADBf403Tui377bThTjBvekaZvlRr4IwUAu3M6hYZeULZFJbdYg==
   dependencies:
     "@babel/parser" "^7.18.4"
     postcss "^8.4.14"
@@ -2058,13 +2092,14 @@ asynckit@^0.4.0:
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
   integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
-axios@0.27.2:
-  version "0.27.2"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-0.27.2.tgz#207658cc8621606e586c85db4b41a750e756d972"
-  integrity sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==
+axios@1.6.1:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.1.tgz#76550d644bf0a2d469a01f9244db6753208397d7"
+  integrity sha512-vfBmhDpKafglh0EldBEbVuoe7DyAavGSLWhuSm5ZSEKQnHhBf0xAAwybbNH1IkrJNGnS/VG4I5yxig1pCEXE4g==
   dependencies:
-    follow-redirects "^1.14.9"
+    follow-redirects "^1.15.0"
     form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
 
 babel-loader@^8.2.2:
   version "8.3.0"
@@ -2595,13 +2630,23 @@ csstype@^3.1.0:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9"
   integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
 
+date-fns-tz@~1.3.7:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/date-fns-tz/-/date-fns-tz-1.3.8.tgz#083e3a4e1f19b7857fa0c18deea6c2bc46ded7b9"
+  integrity sha512-qwNXUFtMHTTU6CFSFjoJ80W8Fzzp24LntbjFFBgL/faqds4e5mo9mftoRLgr3Vi1trISsg4awSpYVsOQCRnapQ==
+
 [email protected]:
   version "2.30.0"
   resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz#f367e644839ff57894ec6ac480de40cae4b0f4d0"
   integrity sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==
   dependencies:
     "@babel/runtime" "^7.21.0"
 
+date-fns@~2.21.3:
+  version "2.21.3"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.21.3.tgz#8f5f6889d7a96bbcc1f0ea50239b397a83357f9b"
+  integrity sha512-HeYdzCaFflc1i4tGbj7JKMjM4cKGYoyxwcIIkHzNgCkX8xXDNJDZXgDDVchIWpN4eQc3lH37WarduXFZJOtxfw==
+
 de-indent@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
@@ -3148,11 +3193,16 @@ flatted@^3.1.0:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
   integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
 
-follow-redirects@^1.0.0, follow-redirects@^1.14.9:
+follow-redirects@^1.0.0:
   version "1.15.2"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
   integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
 
+follow-redirects@^1.15.0:
+  version "1.15.3"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.3.tgz#fe2f3ef2690afce7e82ed0b44db08165b207123a"
+  integrity sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==
+
 form-data@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
@@ -4289,6 +4339,11 @@ proxy-addr@~2.0.7:
     forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
 pseudomap@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
@@ -5212,12 +5267,12 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-[email protected].14:
-  version "2.7.14"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-2.7.14.tgz#3743dcd248fd3a34d421ae456b864a0246bafb17"
-  integrity sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==
+[email protected].15:
+  version "2.7.15"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-2.7.15.tgz#94cd34e6e9f22cd2d35a02143f96a5beac1c1f54"
+  integrity sha512-a29fsXd2G0KMRqIFTpRgpSbWaNBK3lpCTOLuGLEDnlHWdjB8fwl6zyYZ8xCrqkJdatwZb4mGHiEfJjnw0Q6AwQ==
   dependencies:
-    "@vue/compiler-sfc" "2.7.14"
+    "@vue/compiler-sfc" "2.7.15"
     csstype "^3.1.0"
 
 [email protected]:

openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/package.json

@@ -7,6 +7,7 @@
   },
   "dependencies": {
     "@openc3/tool-common": "5.12.1-beta0",
+    "@astrouxds/astro-web-components": "7.19.1",
     "vue": "2.7.15",
     "vuetify": "2.7.1"
   },

openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/targets/INST/screens/adcs.txt

@@ -7,27 +7,29 @@ VERTICAL
   HORIZONTAL
     VERTICALBOX "Position and Velocity"
       LABELVALUE <%= target_name %> ADCS POSX WITH_UNITS 20 CENTER
+        # We recommend using these built-in colors from 1-8
+        SETTING TEXTCOLOR var(--color-data-visualization-1)
       LABELVALUE <%= target_name %> ADCS POSY WITH_UNITS 22 CENTER
+        SETTING TEXTCOLOR var(--color-data-visualization-1)
       LABELVALUE <%= target_name %> ADCS POSZ WITH_UNITS 24 CENTER
+        SETTING TEXTCOLOR var(--color-data-visualization-1)
       LABELVALUE <%= target_name %> ADCS VELX WITH_UNITS 20
+        SETTING TEXTCOLOR var(--color-data-visualization-2)
       LABELVALUE <%= target_name %> ADCS VELY WITH_UNITS 22
+        SETTING TEXTCOLOR var(--color-data-visualization-2)
       LABELVALUE <%= target_name %> ADCS VELZ WITH_UNITS 24
+        SETTING TEXTCOLOR var(--color-data-visualization-2)
     END
 
     VERTICALBOX "Attitude"
       LABELVALUE <%= target_name %> ADCS Q1 WITH_UNITS 12 RIGHT
         SETTING TEXTALIGN LEFT
-        SETTING TEXTCOLOR RED
       LABELVALUE <%= target_name %> ADCS Q2 WITH_UNITS 12 RIGHT
         SETTING TEXTALIGN LEFT
-        SUBSETTING 0 TEXTCOLOR BLUE
-        SUBSETTING 1 TEXTCOLOR GREEN
       LABELVALUE <%= target_name %> ADCS Q3 WITH_UNITS 12 RIGHT
         SETTING TEXTALIGN LEFT
-        SETTING BACKCOLOR PURPLE
       LABELVALUE <%= target_name %> ADCS Q4 WITH_UNITS 12 RIGHT
         SETTING TEXTALIGN LEFT
-        SUBSETTING 0 BACKCOLOR ORANGE
       LABELVALUE <%= target_name %> ADCS BIASX WITH_UNITS 12 RIGHT
         SETTING TEXTALIGN LEFT
       LABELVALUE <%= target_name %> ADCS BIASY WITH_UNITS 12 RIGHT
@@ -37,25 +39,23 @@ VERTICAL
     END
 
     VERTICALBOX "File Progress"
-      LABELPROGRESSBAR <%= target_name %> ADCS POSPROGRESS
+      LABELPROGRESSBAR <%= target_name %> ADCS POSPROGRESS 1 200 # scale 1, width 200
       LABELPROGRESSBAR <%= target_name %> ADCS ATTPROGRESS
-      LABELPROGRESSBAR <%= target_name %> ADCS ATTPROGRESS 2 60 RAW # scale by 2
+      LABELPROGRESSBAR <%= target_name %> ADCS ATTPROGRESS 2 # scale by 2
 
       LABEL ""
       LABEL "LEFT"
         SETTING PADDING 5
         SETTING TEXTALIGN LEFT
-        SETTING BACKCOLOR RED
+        SETTING BACKCOLOR var(--color-data-visualization-1)
       LABEL "CENTER"
         SETTING PADDING 5
         SETTING TEXTALIGN CENTER
-        SETTING TEXTCOLOR BLACK
-        SETTING BACKCOLOR WHITE
+        SETTING BACKCOLOR var(--color-data-visualization-2)
       LABEL "RIGHT"
         SETTING PADDING 5
         SETTING TEXTALIGN RIGHT
-        SETTING TEXTCOLOR WHITE
-        SETTING BACKCOLOR BLUE
+        SETTING BACKCOLOR var(--color-data-visualization-3)
     END
   END
 

openc3-cosmos-init/plugins/packages/openc3-cosmos-demo/targets/INST/screens/ground.txt

@@ -4,8 +4,8 @@ VERTICAL
   TITLE "<%= target_name %> Instrument Ground Station Status"
 
   CANVAS 650 600
-    # Just demonstrate lines and circles
-    CANVASLINE 0 3 650 3 blue 3
+    # Example of lines and circles
+    # CANVASLINE 0 3 650 3 blue 3
     # CANVASDOT 10 15 BLUE 5
     CANVASLABEL 200 30 "Ground Contact Status"
 
@@ -17,7 +17,6 @@ VERTICAL
     #  SETTING TLM_AND <%= target_name %> HEALTH_STATUS COLLECTS VALUE_EQ 0
     #  SETTING IMAGE true "ground_on.png" 100 200
     #  SETTING IMAGE false "ground_off.png" 100 200
-    CANVASLINE 10 10 640 10 blue 3
     CANVASIMAGE "satellite.png" 90 130 200 200
       # If the image is clicked the "<%= target_name %> ADCS" screen will popup
       SETTING SCREEN <%= target_name %> ADCS