Correcting some theming related color changes (#2903)

* Correcting some theming related color changes

* Fix raw dialog color

Author: clayandgen

openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/tools/CmdTlmServer/RawDialog.vue

@@ -8,7 +8,7 @@
 # See LICENSE.md for more details.
 
 # Modified by OpenC3, Inc.
-# All changes Copyright 2024, OpenC3, Inc.
+# All changes Copyright 2026, OpenC3, Inc.
 # All Rights Reserved
 #
 # This file may also be used under the terms of a commercial license
@@ -268,7 +268,7 @@ export default {
   min-height: 28px;
   max-height: 85vh;
   width: 815px;
-  background-color: var(--color-background-base-selected);
+  background-color: var(--color-background-surface-selected);
 }
 
 .raw-dialog .toolbar-wrapper {
@@ -278,7 +278,7 @@ export default {
 }
 
 .raw-dialog :deep(.v-card-text) {
-  background-color: var(--color-background-base-selected);
+  background-color: var(--color-background-surface-selected);
 }
 
 .v-textarea :deep(textarea) {

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

@@ -158,9 +158,9 @@ html.theme-dark-cobalt {
   --v-theme-on-primary: #{red($dg-text-primary)},
   #{green($dg-text-primary)},
   #{blue($dg-text-primary)};
-  --v-theme-secondary: #{red($dg-text-secondary)},
-  #{green($dg-text-secondary)},
-  #{blue($dg-text-secondary)};
+  --v-theme-secondary: #{red($dg-accent-light)},
+  #{green($dg-accent-light)},
+  #{blue($dg-accent-light)};
   --v-theme-on-secondary: #{red($dg-text-primary)},
   #{green($dg-text-primary)},
   #{blue($dg-text-primary)};

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

@@ -146,9 +146,9 @@ html.theme-dark-emerald {
   --v-theme-on-primary: #{red($dg-text-primary)},
   #{green($dg-text-primary)},
   #{blue($dg-text-primary)};
-  --v-theme-secondary: #{red($dg-text-secondary)},
-  #{green($dg-text-secondary)},
-  #{blue($dg-text-secondary)};
+  --v-theme-secondary: #{red($dg-accent-light)},
+  #{green($dg-accent-light)},
+  #{blue($dg-accent-light)};
   --v-theme-on-secondary: #{red($dg-text-primary)},
   #{green($dg-text-primary)},
   #{blue($dg-text-primary)};

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

@@ -158,9 +158,9 @@ html.theme-dark-indigo {
   --v-theme-on-primary: #{red($dg-text-primary)},
   #{green($dg-text-primary)},
   #{blue($dg-text-primary)};
-  --v-theme-secondary: #{red($dg-text-secondary)},
-  #{green($dg-text-secondary)},
-  #{blue($dg-text-secondary)};
+  --v-theme-secondary: #{red($dg-accent-light)},
+  #{green($dg-accent-light)},
+  #{blue($dg-accent-light)};
   --v-theme-on-secondary: #{red($dg-text-primary)},
   #{green($dg-text-primary)},
   #{blue($dg-text-primary)};

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

@@ -158,9 +158,9 @@ html.theme-dark-slate {
   --v-theme-on-primary: #{red($dg-text-primary)},
   #{green($dg-text-primary)},
   #{blue($dg-text-primary)};
-  --v-theme-secondary: #{red($dg-text-secondary)},
-  #{green($dg-text-secondary)},
-  #{blue($dg-text-secondary)};
+  --v-theme-secondary: #{red($dg-accent-light)},
+  #{green($dg-accent-light)},
+  #{blue($dg-accent-light)};
   --v-theme-on-secondary: #{red($dg-text-primary)},
   #{green($dg-text-primary)},
   #{blue($dg-text-primary)};

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

@@ -152,11 +152,11 @@ table,
   color: white !important;
 }
 
-@include themed('.v-list', $prefix: '.v-menu > .v-overlay__content > ') {
-  background-color: var(--color-background-surface-selected);
-  .v-list-item:hover {
-    background-color: var(--color-background-interactive-muted) !important;
-  }
+.v-menu .v-list {
+  background-color: var(--color-background-surface-default) !important;
+}
+.v-menu .v-list-item:hover {
+  background-color: var(--color-background-surface-hover) !important;
 }
 
 @include themed('.v-list-item:hover') {
@@ -219,10 +219,11 @@ table,
     background-color: var(--color-background-base-default);
   }
   input {
-    color: var(--color-background-interactive-default) !important;
+    color: var(--color-text-interactive-default) !important;
   }
   input:disabled {
-    color: var(--color-background-interactive-muted) !important;
+    color: var(--color-text-interactive-default) !important;
+    opacity: 0.5;
   }
   .v-select__selection-text {
     color: var(--color-text-interactive-default) !important;

openc3-cosmos-init/plugins/packages/openc3-vue-common/src/plugins/cosmosThemeDarkCobalt.js

@@ -14,7 +14,7 @@ export default {
   dark: true,
   colors: {
     primary: '#007ad0',
-    secondary: '#cccccc',
+    secondary: '#4da3e0',
     tertiary: '#858585',
     surface: '#1f1f1f',
     background: '#161616',

openc3-cosmos-init/plugins/packages/openc3-vue-common/src/plugins/cosmosThemeDarkEmerald.js

@@ -14,7 +14,7 @@ export default {
   dark: true,
   colors: {
     primary: '#00897B',
-    secondary: '#A0A8B0',
+    secondary: '#26A69A',
     tertiary: '#6E7680',
     surface: '#222428',
     background: '#181A1C',

openc3-cosmos-init/plugins/packages/openc3-vue-common/src/plugins/cosmosThemeDarkIndigo.js

@@ -14,7 +14,7 @@ export default {
   dark: true,
   colors: {
     primary: '#5B52E0',
-    secondary: '#9CA3B4',
+    secondary: '#8078F0',
     tertiary: '#7E8696',
     surface: '#24242F',
     background: '#1A1A24',

openc3-cosmos-init/plugins/packages/openc3-vue-common/src/plugins/cosmosThemeDarkSlate.js

@@ -14,7 +14,7 @@ export default {
   dark: true,
   colors: {
     primary: '#0097A7',
-    secondary: '#9EAAB8',
+    secondary: '#26C6DA',
     tertiary: '#708090',
     surface: '#242D36',
     background: '#1A2027',