some minor CSS improvements for selected pills in darkmode

Author: mms-gianni

client/src/App.vue

@@ -307,4 +307,13 @@ export default {
     background-color: gray !important;
     color: whitesmoke!important;
 }
+
+.theme--light.v-chip:not(.v-chip--active) {
+    background: #e6e6e6;
+}
+
+.theme--dark.v-chip:not(.v-chip--active) {
+    background: #2c2c2c;
+}
+
 </style>

client/src/components/apps/new.vue

@@ -440,6 +440,7 @@
               hint="Select one or more"
               persistent-hint
               chips
+              class="capability"
             ></v-select>
             </v-col>
             <v-col
@@ -455,6 +456,7 @@
               hint="Select one or more"
               persistent-hint
               chips
+              class="capability"
             ></v-select>
             </v-col>
           </v-row>
@@ -1814,7 +1816,9 @@ export default {
 .v-expansion-panel-header {
     background: cardBackground;
 }
-.theme--light.v-chip:not(.v-chip--active) {
+
+.capability .theme--light.v-chip:not(.v-chip--active) {
     background: #BBB;
 }
+
 </style>

client/src/components/services/list.vue

@@ -226,4 +226,14 @@ pre {
     display: block;
     word-wrap: break-word;
 }
+
+
+.theme--light.v-chip:not(.v-chip--active) {
+    background: #e6e6e6;
+}
+
+.theme--dark.v-chip:not(.v-chip--active) {
+    background: #2c2c2c;
+}
+
 </style>