mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
Fix the create folder modal layout at dark theme
This commit is contained in:
@@ -67,8 +67,8 @@
|
|||||||
body[data-theme="dark"]
|
body[data-theme="dark"]
|
||||||
.root
|
.root
|
||||||
modalDark()
|
modalDark()
|
||||||
width 700px
|
width 500px
|
||||||
height 200px
|
height 270px
|
||||||
overflow hidden
|
overflow hidden
|
||||||
position relative
|
position relative
|
||||||
padding 0 40px
|
padding 0 40px
|
||||||
@@ -92,3 +92,6 @@ body[data-theme="dark"]
|
|||||||
|
|
||||||
.description
|
.description
|
||||||
color $ui-inactive-text-color
|
color $ui-inactive-text-color
|
||||||
|
|
||||||
|
.control-confirmButton
|
||||||
|
colorDarkPrimaryButton()
|
||||||
@@ -91,6 +91,19 @@ colorPrimaryButton()
|
|||||||
&:active:hover
|
&:active:hover
|
||||||
background-color $primary-button-background--active
|
background-color $primary-button-background--active
|
||||||
|
|
||||||
|
// Dark Primary button(Brand color)
|
||||||
|
$dark-primary-button-background = alpha(#3A404C, 80%)
|
||||||
|
$dark-primary-button-background--hover = #3A404C
|
||||||
|
$dark-primary-button-background--active = #3A404C
|
||||||
|
colorDarkPrimaryButton()
|
||||||
|
color white
|
||||||
|
background-color $dark-primary-button-background
|
||||||
|
&:hover
|
||||||
|
background-color $dark-primary-button-background--hover
|
||||||
|
&:active
|
||||||
|
&:active:hover
|
||||||
|
background-color $dark-primary-button-background--active
|
||||||
|
|
||||||
// Danger button(Brand color)
|
// Danger button(Brand color)
|
||||||
$danger-button-background = #c9302c
|
$danger-button-background = #c9302c
|
||||||
$danger-button-background--hover = darken(#c9302c, 5%)
|
$danger-button-background--hover = darken(#c9302c, 5%)
|
||||||
|
|||||||
Reference in New Issue
Block a user