diff --git a/browser/main/modals/CreateFolderModal.styl b/browser/main/modals/CreateFolderModal.styl index 97fddec7..45f2e852 100644 --- a/browser/main/modals/CreateFolderModal.styl +++ b/browser/main/modals/CreateFolderModal.styl @@ -29,7 +29,7 @@ width 490px padding 0 5px margin 10px 0 - border 1px solid #C9C9C9 // TODO: use variable. + border 1px solid $ui-input--create-folder-modal border-radius 2px background-color transparent outline none @@ -68,7 +68,7 @@ body[data-theme="dark"] color $ui-dark-text-color .control-folder-input - border 1px solid #C9C9C9 // TODO: use variable. + border 1px solid $ui-input--create-folder-modal color white .description @@ -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 $ui-input--create-folder-modal + color white + + .description + color $ui-inactive-text-color + + .control-confirmButton + colorSolarizedDarkPrimaryButton() diff --git a/browser/styles/index.styl b/browser/styles/index.styl index a7d31f8c..e8a70e1f 100644 --- a/browser/styles/index.styl +++ b/browser/styles/index.styl @@ -46,6 +46,7 @@ tooltip() // UI Input $ui-input--focus-borderColor = #369DCD $ui-input--disabled-backgroundColor = #DDD +$ui-input--create-folder-modal = #C9C9C9 // Parts $ui-favorite-star-button-color = #FFC216 @@ -339,4 +340,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