public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +00:00
Code Issues Releases Wiki Activity

fix UI theme for SplitEditor and CreateFromURL modal

Browse Source
This commit is contained in:
Baptiste Augrain
2020-01-30 19:31:31 +01:00
parent c570fc9873
commit 93e09f11dd
2 changed files with 34 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
browser/components/MarkdownSplitEditor.styl
View File

@@ -16,22 +16,14 @@
z-index 10 z-index 10
cursor col-resize cursor col-resize
body[data-theme="dark"] apply-theme(theme)
.root body[data-theme={theme}]
.slider .root
border-left 1px solid $ui-dark-borderColor .slider
border-left 1px solid get-theme-var(theme, 'borderColor')
body[data-theme="solarized-dark"] for theme in 'dark' 'dracula' 'solarized-dark'
.root apply-theme(theme)
.slider
border-left 1px solid $ui-solarized-dark-borderColor
body[data-theme="monokai"] for theme in $themes
.root apply-theme(theme)
.slider
border-left 1px solid $ui-monokai-borderColor
body[data-theme="dracula"]
.root
.slider
border-left 1px solid $ui-dracula-borderColor

121
browser/main/modals/CreateMarkdownFromURLModal.styl
View File

@@ -51,110 +51,39 @@
font-size 14px font-size 14px
colorPrimaryButton() colorPrimaryButton()
body[data-theme="dark"]
.root
modalDark()
width 500px
height 270px
overflow hidden
position relative
.header
background-color transparent
border-color $ui-dark-borderColor
color $ui-dark-text-color
.control-folder-label
color $ui-dark-text-color
.control-folder-input
border 1px solid $ui-input--create-folder-modal
color white
.description
color $ui-inactive-text-color
.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()
.error .error
text-align center text-align center
color #F44336 color #F44336
body[data-theme="monokai"] apply-theme(theme)
.root body[data-theme={theme}]
modalMonokai() .root
width 500px background-color transparent
height 270px width 500px
overflow hidden height 270px
position relative overflow hidden
position relative
.header .header
background-color transparent background-color transparent
border-color $ui-dark-borderColor border-color get-theme-var(theme, 'borderColor')
color $ui-monokai-text-color color get-theme-var(theme, 'text-color')
.control-folder-label .control-folder-label
color $ui-monokai-text-color color get-theme-var(theme, 'text-color')
.control-folder-input .control-folder-input
border 1px solid $ui-input--create-folder-modal border 1px solid $ui-input--create-folder-modal
color white color white
.description .description
color $ui-inactive-text-color color $ui-inactive-text-color
.control-confirmButton .control-confirmButton
colorMonokaiPrimaryButton() colorThemedPrimaryButton(theme)
body[data-theme="dracula"] for theme in 'dark' 'dracula' 'solarized-dark'
.root apply-theme(theme)
modalDracula()
width 500px
height 270px
overflow hidden
position relative
.header for theme in $themes
background-color transparent apply-theme(theme)
border-color $ui-dracula-borderColor
color $ui-dracula-text-color
.control-folder-label
color $ui-dracula-text-color
.control-folder-input
border 1px solid $ui-input--create-folder-modal
color white
.description
color $ui-inactive-text-color
.control-confirmButton
colorDraculaPrimaryButton()