diff --git a/browser/components/NoteItem.styl b/browser/components/NoteItem.styl index 9a1cdbf2..6659fd05 100644 --- a/browser/components/NoteItem.styl +++ b/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 diff --git a/browser/main/Detail/FolderSelect.styl b/browser/main/Detail/FolderSelect.styl index 7232ab2d..fe045e3a 100644 --- a/browser/main/Detail/FolderSelect.styl +++ b/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 diff --git a/browser/main/Detail/TagSelect.styl b/browser/main/Detail/TagSelect.styl index e25e7868..68a9816b 100644 --- a/browser/main/Detail/TagSelect.styl +++ b/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 \ No newline at end of file + color $ui-dracula-borderColor \ No newline at end of file diff --git a/browser/main/Detail/ToggleModeButton.styl b/browser/main/Detail/ToggleModeButton.styl index 21733af6..ddcd2cbd 100644 --- a/browser/main/Detail/ToggleModeButton.styl +++ b/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 \ No newline at end of file + background-color #bd93f9 + box-shadow 2px 0px 7px #222222 diff --git a/browser/styles/index.styl b/browser/styles/index.styl index e5eae141..72a8c5b3 100644 --- a/browser/styles/index.styl +++ b/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