feat: adjust note panel style

src/_variables.scss

@@ -7,9 +7,13 @@ $card-border-radius: 4px;
 // COLORS
 // ------
 $dark-theme-bg-darker: rgb(39, 39, 39);
+$dark-theme-bg-less-dark: rgb(55, 55, 55);
 $dark-theme-bg-lighter: rgb(70, 70, 70);
 $dark-theme-bg-lightest: rgb(84, 84, 84);
+$dark-theme-card-bg: rgb(66, 66, 66);
 $dark-theme-bg: rgb(48, 48, 48);
+
+
 $light-theme-bg: #fafafa;
 $light-theme-bg-darker: rgb(244, 244, 244);
 

src/app/features/note/notes/notes.component.html

@@ -1,7 +1,7 @@
-<div class="wrapper bg-600">
+<div class="wrapper">
   <div *ngIf="isDragOver"
        @fade
-       class="bg-accent drag-over-msg color-contrast">
+       class="bgc-accent drag-over-msg">
     <mat-icon>add</mat-icon>
     {{T.F.NOTE.NOTES_CMP.DROP_TO_ADD|translate}}
   </div>
@@ -10,7 +10,6 @@
     <button #buttonEl
             (click)="addNote()"
             autofocus="autofocus"
-            class="color-contrast"
             mat-button=""
             tabindex="1">
       <mat-icon>add</mat-icon>

src/styles/mixins/_note-style.scss

@@ -7,11 +7,11 @@
   box-shadow: $shadow-card-shadow;
   transition: $transition-standard;
   transition-property: transform;
-  border: 1px solid #DADCE0;
+  //border: 1px solid #DADCE0;
 
   @include darkTheme {
     background: $standard-note-bg-dark;
     color: $standard-note-fg-dark;
-    border-color: #333333;
+    //border-color: #333333;
   }
 }