From f6867f933808c184a3bf8dfe6d5fedd4e2400c0e Mon Sep 17 00:00:00 2001 From: Yutaka Ishii Date: Fri, 15 Dec 2017 14:52:58 +0900 Subject: [PATCH] Finder style updated --- browser/finder/FinderMain.styl | 38 ++++++++++++++++++++++++++++++++++ browser/finder/NoteDetail.styl | 32 ++++++++++++++++++++++++++++ 2 files changed, 70 insertions(+) diff --git a/browser/finder/FinderMain.styl b/browser/finder/FinderMain.styl index 0cd47dea..8ba7c3b9 100644 --- a/browser/finder/FinderMain.styl +++ b/browser/finder/FinderMain.styl @@ -116,3 +116,41 @@ body[data-theme="dark"] absolute top bottom right left $nav-width + $list-width background-color $ui-dark-noteDetail-backgroundColor + + + +body[data-theme="solarized-dark"] + .root + background-color $ui-solarized-dark-backgroundColor + .search + border-color $ui-solarized-dark-borderColor + .search-input + color $ui-dark-text-color + + .result + background-color $ui-solarized-dark-backgroundColor + + .result-nav + background-color $ui-solarized-dark-backgroundColor + label + color $ui-dark-text-color + + .result-nav-menu + navDarkButtonColor() + + .result-nav-menu--active + background-color $ui-solarized-dark-button-backgroundColor + color $ui-dark-button--active-color + &:hover + background-color $ui-dark-button--active-backgroundColor + + .result-list + border-color $ui-solarized-dark-borderColor + box-shadow none + top 0 + + .result-detail + absolute top bottom right + left $nav-width + $list-width + background-color $ui-solarized-dark-backgroundColor + diff --git a/browser/finder/NoteDetail.styl b/browser/finder/NoteDetail.styl index 6f49950f..dfa4948e 100644 --- a/browser/finder/NoteDetail.styl +++ b/browser/finder/NoteDetail.styl @@ -95,3 +95,35 @@ body[data-theme="dark"] &:hover color white background-color $ui-dark-button--hover-backgroundColor + + +body[data-theme="solarized-dark"] + .root + background-color $ui-solarized-dark-backgroundColor + + .description + border-color $ui-dark-borderColor + background-color $ui-solarized-dark-backgroundColor + + .description-textarea + background-color $ui-solarized-dark-backgroundColor + color white + + .tabList + background-color $ui-solarized-dark-backgroundColor + + .tabList-item + border-color $ui-dark-borderColor + &:hover + background-color $ui-dark-button--hover-backgroundColor + + .tabList-item-button + border none + color $ui-dark-text-color + background-color transparent + transition color background-color 0.15s + border-left 4px solid transparent + &:hover + color white + background-color $ui-dark-button--hover-backgroundColor +