feat: Update borders color (#687)

aeternity · Mar 21, 2024 · b9ea0f8 · b9ea0f8
1 parent 5d4474d
commit b9ea0f8
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 7 deletions.
diff --git a/src/components/AppButton.vue b/src/components/AppButton.vue
@@ -108,7 +108,7 @@ defineProps({
   &--light {
     background: var(--color-white);
     color: var(--color-midnight);
-    border: 1px solid var(--color-midnight);
+    border: 1px solid var(--color-midnight-55);
   }
 
   &:disabled {

diff --git a/src/components/AppSelect.vue b/src/components/AppSelect.vue
@@ -82,7 +82,7 @@ const selectedValue = useVModel(props, 'modelValue', emit)
 
   &__tags {
     border-radius: 8px;
-    border-color: var(--color-midnight);
+    border-color: var(--color-midnight-55);
     border-width: 1px;
     cursor: pointer;
   }

diff --git a/src/components/CodeEditor.vue b/src/components/CodeEditor.vue
@@ -33,7 +33,7 @@ const codeModel = ref(props.code)
 <style scoped>
 .code-editor {
   height: 400px;
-  border: 1px solid var(--color-midnight);
+  border: 1px solid var(--color-midnight-55);
   border-radius: 8px
 }
 </style>

diff --git a/src/components/PaginationButton.vue b/src/components/PaginationButton.vue
@@ -50,7 +50,7 @@ defineEmits(['click'])
   line-height: 20px;
   font-weight: 500;
   font-family: var(--font-primary);
-  border: 1px solid var(--color-midnight);
+  border: 1px solid var(--color-midnight-55);
   border-radius: 4px;
   cursor: pointer;
   user-select: none;

diff --git a/src/components/TheSearchBar.vue b/src/components/TheSearchBar.vue
@@ -108,7 +108,7 @@ function isMicroblockId(query) {
   align-items: center;
   height: 40px;
   background: var(--color-white);
-  border: 1px solid var(--color-midnight);
+  border: 1px solid var(--color-midnight-55);
   border-radius: 8px;
 
   &__submit {

diff --git a/src/styles/elements/_input.css b/src/styles/elements/_input.css
@@ -1,7 +1,7 @@
 input[type='text'] {
   border-radius: 8px;
   line-height: 20px;
-  border-color: var(--color-midnight);
+  border-color: var(--color-midnight-55);
   border-width: 1px;
 
   font-size: 16px;
@@ -19,4 +19,4 @@ input[type='text'] {
 
 input[type='checkbox'] {
   margin: 0;
-}
+}