adjusted some colors

inovex · Jan 16, 2025 · cf2f475 · cf2f475
1 parent 4152253
commit cf2f475
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 8 deletions.
diff --git a/src/components/Board/Board.scss b/src/components/Board/Board.scss
@@ -68,6 +68,12 @@
 }
 
 [theme="dark"] {
+  .board__spacer-left {
+    @include inset-border($top: true, $left: true, $bottom: true, $color: var(--accent-color--400));
+  }
+  .board__spacer-right {
+    @include inset-border($top: true, $right: true, $bottom: true, $color: var(--accent-color--400));
+  }
   .board__spacer-left:nth-child(odd),
   .board__spacer-right:nth-child(odd) {
     background-color: $navy--600;

diff --git a/src/components/Column/Column.scss b/src/components/Column/Column.scss
@@ -44,7 +44,7 @@
   flex-direction: column;
   flex: 1;
   ::selection {
-    background-color: rgba(var(--accent-color--light-rgb), 0.5);
+    background-color: rgba(var(--accent-color--400-rgb), 0.5);
   }
 }
 
@@ -72,7 +72,7 @@
   justify-content: space-between;
   width: auto;
   height: auto;
-  border-bottom: solid 3px var(--accent-color--light);
+  border-bottom: solid 3px var(--accent-color--400);
   margin: 0 $spacing--xs 0 0;
   overflow: hidden;
 }
@@ -109,7 +109,7 @@
   border: none;
   font-size: calc(#{$text-size--large} + 0.4vw);
   color: $navy--900;
-  border-bottom: dashed 3px var(--accent-color--light);
+  border-bottom: dashed 3px var(--accent-color--400);
   margin: 0 auto 0 0;
   font-weight: bold;
   letter-spacing: $letter-spacing--large;
@@ -150,8 +150,8 @@
 }
 
 .column__notes-wrapper.isOver {
-  border-color: var(--accent-color--light);
-  background-color: rgba(var(--accent-color--light-rgb), 0.2);
+  border-color: var(--accent-color--400);
+  background-color: rgba(var(--accent-color--400-rgb), 0.2);
 }
 
 .column__note-list {
@@ -167,6 +167,10 @@
 }
 
 [theme="dark"] {
+  .column {
+    @include inset-border($top: true, $bottom: true, $color: var(--accent-color--400));
+  }
+
   .column__header-text {
     color: $gray--000;
   }
@@ -220,8 +224,8 @@
   &:hover > svg,
   &:focus-visible > svg {
     transform: translate(-0.64px, -0.64px);
-    filter: drop-shadow(2px 2px 2px rgba(var(--accent-color--light-rgb), 0.24));
-    color: var(--accent-color--light);
+    filter: drop-shadow(2px 2px 2px rgba(var(--accent-color--400-rgb), 0.24));
+    color: var(--accent-color--400);
   }
 }
 

diff --git a/src/components/NoteInput/NoteInput.scss b/src/components/NoteInput/NoteInput.scss
@@ -84,7 +84,7 @@ $note-input__input-right: 40px;
 .note-input__icon--add {
   width: $icon--large;
   height: $icon--large;
-  color: var(--accent-color--light);
+  color: var(--accent-color--600);
   align-self: center;
   transition: all 0.08s ease-out;
 }
@@ -133,6 +133,10 @@ $note-input__input-right: 40px;
   .note-input__input {
     color: $gray--000;
   }
+
+  .note-input__icon--add {
+    color: var(--accent-color--500);
+  }
 }
 
 @keyframes fade-in {