fix: style miss-alignments (#701)

SAP · Apr 24, 2022 · 78128cf · 78128cf
1 parent f6b6713
commit 78128cf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/packages/frontend/src/assets/css/globalStyles.css b/packages/frontend/src/assets/css/globalStyles.css
@@ -67,6 +67,10 @@ div.v-select-list div.v-list div.v-list-item:not(.v-list-item--active):not(.v-li
   color: var(--vscode-input-foreground, #cccccc) !important;
 }
 
+.v-list-item__title {
+  color: var(--vscode-dropdown-foreground);
+}
+
 .v-textarea.v-input:not(.v-input--is-disabled) input{
   color: var(--vscode-input-foreground, #cccccc);
 }

diff --git a/packages/frontend/src/components/Navigation.vue b/packages/frontend/src/components/Navigation.vue
@@ -84,22 +84,22 @@ span.v-stepper__step__step .v-icon.v-icon {
 }
 /* Have to be important since vuetify itself define this color important */
 div.v-application div.v-stepper__step--complete span.v-stepper__step__step {
-  background: var(--vscode-editorCodeLens-foreground, #999999) !important;
+  background: var(--vscode-charts-purple, #652d90) !important;
 }
 div.v-application div.v-stepper__step--active span.v-stepper__step__step.primary {
-  background: var(--vscode-foreground, #cccccc) !important;
+  background: var(--vscode-button-hoverBackground, #1177bb) !important;
 }
 div.v-application div.v-stepper__step--inactive .v-stepper__step__step {
-  background: var(--vscode-input-background, #3c3c3c) !important;
+  background: var(--vscode-charts-blue, #3794ff) !important;
 }
 div.v-stepper div.v-stepper__step.v-stepper__step--complete div.v-stepper__label {
-  color: var(--vscode-editorCodeLens-foreground, #999999);
+  color: var(--vscode-charts-purple, #652d90);
 }
 div.v-stepper div.v-stepper__step.v-stepper__step--active div.v-stepper__label {
-  color: var(--vscode-foreground, #cccccc);
+  color: var(--vscode-button-hoverBackground, #1177bb);
 }
 div.v-stepper div.v-stepper__step.v-stepper__step--inactive div.v-stepper__label {
-  color: var(--vscode-editorCodeLens-foreground, #999999);
+  color: var(--vscode-charts-blue, #3794ff);
 }
 div.v-application div.v-stepper.v-stepper--vertical .v-stepper__content:not(:last-child) {
   transition: none;