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

22
browser/components/MarkdownSplitEditor.styl
View File

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

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

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