From 6ea4cadd2c0842afcd612ca50f3c6fc5b9d09a59 Mon Sep 17 00:00:00 2001
From: janmichek <jan@janmichek.cz>
Date: Tue, 19 Mar 2024 03:43:19 +0100
Subject: [PATCH] lighten border color

---
 src/components/AppButton.vue        | 2 +-
 src/components/AppSelect.vue        | 2 +-
 src/components/CodeEditor.vue       | 2 +-
 src/components/PaginationButton.vue | 2 +-
 src/components/TheSearchBar.vue     | 2 +-
 src/styles/elements/_input.css      | 4 ++--
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/AppButton.vue b/src/components/AppButton.vue
index ad0838cec..ae2605833 100644
--- 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
index 1969393ec..c17a5e19f 100644
--- 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
index b44187e5f..d2e6d7d50 100644
--- 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
index 66c3b6b95..bdc5ee95b 100644
--- 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
index 7dffde6bf..f171b4b26 100644
--- 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
index 3270f2e83..5b228ec99 100644
--- 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;
-}
\ No newline at end of file
+}