From bc968736df1db4889977a6694bd063cf31c2de52 Mon Sep 17 00:00:00 2001 From: Sosuke Suzuki Date: Thu, 11 Jan 2018 18:30:57 +0900 Subject: [PATCH] add colors for SolarizedDark --- browser/main/modals/CreateFolderModal.styl | 26 ++++++++++++++++++++++ browser/styles/index.styl | 10 ++++++++- 2 files changed, 35 insertions(+), 1 deletion(-) diff --git a/browser/main/modals/CreateFolderModal.styl b/browser/main/modals/CreateFolderModal.styl index 97fddec7..bb652804 100644 --- a/browser/main/modals/CreateFolderModal.styl +++ b/browser/main/modals/CreateFolderModal.styl @@ -76,3 +76,29 @@ body[data-theme="dark"] .control-confirmButton colorDarkPrimaryButton() + +body[data-theme="solarized-dark"] + .root + modalSolarizedDark() + width 500px + height 270px + overflow hidden + position relative + + .header + background-color transparent + border-color $ui-dark-borderColor + color $ui-solarized-dark-text-color + + .control-folder-label + color $ui-solarized-dark-text-color + + .control-folder-input + border 1px solid #C9C9C9 // TODO: use variable. + color white + + .description + color $ui-inactive-text-color + + .control-confirmButton + colorDarkPrimaryButton() diff --git a/browser/styles/index.styl b/browser/styles/index.styl index a7d31f8c..52acdae7 100644 --- a/browser/styles/index.styl +++ b/browser/styles/index.styl @@ -339,4 +339,12 @@ $ui-solarized-dark-button-backgroundColor = #002b36 $ui-solarized-dark-button--active-color = #93a1a1 $ui-solarized-dark-button--active-backgroundColor = #073642 $ui-solarized-dark-button--hover-backgroundColor = lighten($ui-dark-backgroundColor, 10%) -$ui-solarized-dark-button--focus-borderColor = lighten(#369DCD, 25%) \ No newline at end of file +$ui-solarized-dark-button--focus-borderColor = lighten(#369DCD, 25%) + +modalSolarizedDark() + position relative + z-index $modal-z-index + width 100% + background-color $ui-solarized-dark-backgroundColor + overflow hidden + border-radius $modal-border-radius \ No newline at end of file