finished styling

Author: yougotwill

browser/components/NoteItem.styl

@@ -441,7 +441,7 @@ body[data-theme="dracula"]
     .item-title
     .item-title-icon
     .item-bottom-time
-      color $ui-dracula-text-color
+      color $ui-dracula-active-color
     .item-bottom-tagList-item
       background-color alpha(#f8f8f2, 10%)
       color $ui-dracula-text-color

browser/main/Detail/FolderSelect.styl

@@ -162,10 +162,10 @@ body[data-theme="monokai"]
 
 body[data-theme="dracula"]
  .root
-    color $ui-dark-text-color
+    color $ui-dracula-text-color
     &:hover
       color #f8f8f2
-      background-color $ui-dracula-button--hover-backgroundColor
+      background-color $ui-dark-button--hover-backgroundColor
       border-color $ui-dracula-borderColor
 
   .search-optionList
@@ -181,7 +181,7 @@ body[data-theme="dracula"]
     background-color $ui-dracula-button--active-backgroundColor
     color $ui-dracula-button--active-color
     &:hover
-      background-color $ui-dracula-button--active-backgroundColor
+      background-color $ui-dark-button--hover-backgroundColor
       color $ui-dracula-button--active-color
   .search-optionList-item-name-surfix
     color $ui-dracula-inactive-text-color

browser/main/Detail/TagSelect.styl

@@ -78,11 +78,11 @@ body[data-theme="monokai"]
 
 body[data-theme="dracula"]
   .tag
-    background-color $ui-dracula-button-backgroundColor
+    background-color $ui-dracula-tag-backgroundColor
 
   .tag-removeButton
     border-color $ui-dracula-button--focus-borderColor
     background-color transparent
 
   .tag-label
-    color $ui-dracula-text-color
+    color $ui-dracula-borderColor

browser/main/Detail/ToggleModeButton.styl

@@ -68,5 +68,5 @@ body[data-theme="dracula"]
   .control-toggleModeButton
       background-color #282a36
     .active
-      background-color #ff79c6
-      box-shadow 2px 0px 7px #222222
+      background-color #bd93f9
+      box-shadow 2px 0px 7px #222222

browser/styles/index.styl

@@ -128,6 +128,16 @@ colorMonokaiPrimaryButton()
   &:active:hover
     background-color $dark-primary-button-background--active
 
+colorDraculaPrimaryButton()
+  color $ui-dracula-text-color
+  background-color $ui-dracula-button-backgroundColor
+  border none
+  &:hover
+    background-color $ui-dracula-button--active-backgroundColor
+  &:active
+  &:active:hover
+    background-color $ui-dracula-button--active-backgroundColor
+
 
 // Danger button(Brand color)
 $danger-button-background = #c9302c
@@ -391,17 +401,17 @@ $ui-dracula-noteList-backgroundColor = #282a36
 $ui-dracula-noteDetail-backgroundColor = #282a36
 
 $ui-dracula-text-color = #f8f8f2
-$ui-dracula-active-color = #50fa7b
+$ui-dracula-active-color = #bd93f9
 
 $ui-dracula-borderColor = #44475a
 
 $ui-dracula-tag-backgroundColor = #50fa7b
 
 $ui-dracula-button-backgroundColor = #44475a
-$ui-dracula-button--active-color = #ff79c6
-$ui-dracula-button--active-backgroundColor = #50fa7b
+$ui-dracula-button--active-color = #f8f8f2
+$ui-dracula-button--active-backgroundColor = #bd93f9
 $ui-dracula-button--hover-backgroundColor = lighten($ui-dracula-backgroundColor, 10%)
-$ui-dracula-button--focus-borderColor = lighten(#bd93f9, 25%)
+$ui-dracula-button--focus-borderColor = lighten(#44475a, 25%)
 
 modalDracula()
   position relative