diff --git a/browser/components/SideNavFilter.styl b/browser/components/SideNavFilter.styl index 009aff62..70bfbc97 100644 --- a/browser/components/SideNavFilter.styl +++ b/browser/components/SideNavFilter.styl @@ -191,16 +191,38 @@ body[data-theme="solarized-dark"] background-color $ui-solarized-dark-noteList-backgroundColor color $ui-solarized-dark-text-color &:hover - // background-color alpha($ui-solarized-dark-button--active-backgroundColor, 20%) + background-color $ui-solarized-dark-button-backgroundColor color $ui-solarized-dark-text-color .menu-button--active - color #c0392b - background-color $ui-solarized-dark-noteList-backgroundColor + color $ui-solarized-dark-text-color + background-color $ui-solarized-dark-button-backgroundColor .menu-button-label color $ui-solarized-dark-text-color &:hover - // background-color alpha($ui-solarized-dark-button--active-backgroundColor, 50%) - color #c0392b + background-color $ui-solarized-dark-button-backgroundColor + color $ui-solarized-dark-text-color .menu-button-label color $ui-solarized-dark-text-color + + .menu-button-star--active + color $ui-solarized-dark-text-color + background-color $ui-solarized-dark-button-backgroundColor + .menu-button-label + color $ui-solarized-dark-text-color + &:hover + background-color $ui-solarized-dark-button-backgroundColor + color $ui-solarized-dark-text-color + .menu-button-label + color $ui-solarized-dark-text-color + + .menu-button-trash--active + color $ui-solarized-dark-text-color + background-color $ui-solarized-dark-button-backgroundColor + .menu-button-label + color $ui-solarized-dark-text-color + &:hover + background-color $ui-solarized-dark-button-backgroundColor + color $ui-solarized-dark-text-color + .menu-button-label + color $ui-solarized-dark-text-color \ No newline at end of file diff --git a/browser/components/SnippetTab.styl b/browser/components/SnippetTab.styl index 8d4d1b04..da7cff0f 100644 --- a/browser/components/SnippetTab.styl +++ b/browser/components/SnippetTab.styl @@ -38,7 +38,7 @@ text-align center border none padding 0 - color transparent + color $ui-inactive-text-color background-color transparent border-radius 2px @@ -89,3 +89,50 @@ body[data-theme="dark"] .input background-color $ui-dark-button--hover-backgroundColor color $ui-dark-text-color + + .deleteButton + color alpha($ui-dark-text-color, 30%) + +body[data-theme="solarized-dark"] + .root + color $ui-solarized-dark-text-color + border-color $ui-dark-borderColor + &:hover + background-color $ui-solarized-dark-noteDetail-backgroundColor + .deleteButton + color $ui-solarized-dark-text-color + &:hover + background-color darken($ui-solarized-dark-noteDetail-backgroundColor, 15%) + &:active + color $ui-solarized-dark-text-color + background-color $ui-dark-button--active-backgroundColor + + .root--active + color $ui-solarized-dark-text-color + border-color $ui-solarized-dark-borderColor + &:hover + background-color $ui-solarized-dark-noteDetail-backgroundColor + .deleteButton + color $ui-solarized-dark-text-color + &:hover + background-color darken($ui-solarized-dark-noteDetail-backgroundColor, 15%) + &:active + color $ui-solarized-dark-text-color + background-color $ui-dark-button--active-backgroundColor + + .button + border none + color $ui-solarized-dark-text-color + background-color transparent + transition color background-color 0.15s + border-left 4px solid transparent + &:hover + color $ui-solarized-dark-text-color + background-color $ui-solarized-dark-noteDetail-backgroundColor + + .input + background-color $ui-solarized-dark-noteDetail-backgroundColor + color $ui-solarized-dark-text-color + + .deleteButton + color alpha($ui-solarized-dark-text-color, 30%) \ No newline at end of file diff --git a/browser/components/StorageItem.styl b/browser/components/StorageItem.styl index 616a68ae..c89d195f 100644 --- a/browser/components/StorageItem.styl +++ b/browser/components/StorageItem.styl @@ -108,4 +108,23 @@ body[data-theme="dark"] background-color alpha($ui-dark-button--active-backgroundColor, 50%) &:hover color $ui-dark-text-color - background-color alpha($ui-dark-button--active-backgroundColor, 50%) \ No newline at end of file + background-color alpha($ui-dark-button--active-backgroundColor, 50%) + +body[data-theme="solarized-dark"] + .folderList-item + &:hover + background-color $ui-solarized-dark-button-backgroundColor + color $ui-solarized-dark-text-color + &:active + color $ui-solarized-dark-text-color + background-color $ui-solarized-dark-button-backgroundColor + + .folderList-item--active + @extend .folderList-item + color $ui-solarized-dark-text-color + background-color $ui-solarized-dark-button-backgroundColor + &:active + background-color $ui-solarized-dark-button-backgroundColor + &:hover + color $ui-solarized-dark-text-color + background-color $ui-solarized-dark-button-backgroundColor \ No newline at end of file diff --git a/browser/main/Detail/MarkdownNoteDetail.styl b/browser/main/Detail/MarkdownNoteDetail.styl index 5bd1e645..e0c25057 100644 --- a/browser/main/Detail/MarkdownNoteDetail.styl +++ b/browser/main/Detail/MarkdownNoteDetail.styl @@ -3,7 +3,7 @@ .root absolute top right bottom - border-left 1px solid $ui-solarized-dark-borderColor + border-left 1px solid alpha(#DEDEDE, 60%) background-color $ui-noteDetail-backgroundColor box-shadow none padding 20px 40px @@ -55,4 +55,5 @@ body[data-theme="dark"] body[data-theme="solarized-dark"] .root + border-left 1px solid $ui-solarized-dark-borderColor background-color $ui-solarized-dark-noteDetail-backgroundColor \ No newline at end of file diff --git a/browser/main/Detail/SnippetNoteDetail.styl b/browser/main/Detail/SnippetNoteDetail.styl index 948e71af..9823ff5b 100644 --- a/browser/main/Detail/SnippetNoteDetail.styl +++ b/browser/main/Detail/SnippetNoteDetail.styl @@ -78,7 +78,7 @@ body[data-theme="white"] body[data-theme="dark"] .root - border none + border-left 1px solid $ui-dark-borderColor background-color $ui-dark-noteDetail-backgroundColor box-shadow none @@ -112,6 +112,7 @@ body[data-theme="dark"] body[data-theme="solarized-dark"] .root + border-left 1px solid $ui-solarized-dark-borderColor background-color $ui-solarized-dark-noteDetail-backgroundColor .body diff --git a/browser/main/modals/NewNoteModal.styl b/browser/main/modals/NewNoteModal.styl index 97b18816..748ab88c 100644 --- a/browser/main/modals/NewNoteModal.styl +++ b/browser/main/modals/NewNoteModal.styl @@ -64,3 +64,20 @@ body[data-theme="dark"] .description color $ui-inactive-text-color +body[data-theme="solarized-dark"] + .root + background-color transparent + + .header + color $ui-solarized-dark-text-color + + .control-button + border-color $ui-solarized-dark-borderColor + color $ui-solarized-dark-text-color + background-color transparent + &:focus + colorDarkPrimaryButton() + + .description + color $ui-solarized-dark-text-color +