mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
Change the font color at dark theme
This commit is contained in:
@@ -117,10 +117,9 @@ body[data-theme="dark"]
|
||||
.top-menu
|
||||
navDarkButtonColor()
|
||||
&:active
|
||||
background-color $ui-dark-button--active-backgroundColor
|
||||
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
|
||||
&:hover
|
||||
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
|
||||
color $ui-button--active-color
|
||||
|
||||
.storageList-empty
|
||||
color $ui-dark-inactive-text-color
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
padding-right 10px
|
||||
line-height 26px
|
||||
cursor pointer
|
||||
font-size 14px
|
||||
font-size 13px
|
||||
border none
|
||||
overflow ellipsis
|
||||
text-align left
|
||||
@@ -109,21 +109,36 @@
|
||||
margin 0 5px
|
||||
|
||||
body[data-theme="dark"]
|
||||
.header
|
||||
.header
|
||||
&:hover
|
||||
color $ui-dark-text-color
|
||||
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
|
||||
&:active
|
||||
.header-toggleButton
|
||||
.header-addFolderButton
|
||||
&:active
|
||||
color $ui-dark-text-color
|
||||
|
||||
.header-info
|
||||
&:hover
|
||||
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
|
||||
color $ui-button--active-color
|
||||
color $ui-dark-text-color
|
||||
&:active
|
||||
color $ui-button--active-color
|
||||
background-color $ui-dark-button--active-backgroundColor
|
||||
.header-toggleButton
|
||||
.header-addFolderButton
|
||||
&:active
|
||||
color $ui-dark-text-color
|
||||
|
||||
.header--active
|
||||
@extend .header
|
||||
.header-info
|
||||
color $ui-button--active-color
|
||||
background-color $ui-dark-button--active-backgroundColor
|
||||
.header--active
|
||||
@extend .header
|
||||
.header-info
|
||||
color $ui-dark-text-color
|
||||
background-color $ui-dark-button--active-backgroundColor
|
||||
.header-toggleButton
|
||||
.header-addFolderButton
|
||||
color $ui-dark-text-color
|
||||
&:active
|
||||
background-color $ui-dark-button--active-backgroundColor
|
||||
&:hover
|
||||
color $ui-button--active-color
|
||||
background-color $ui-dark-button--active-backgroundColor
|
||||
.header-toggleButton
|
||||
.header-addFolderButton
|
||||
&:active
|
||||
color $ui-dark-text-color
|
||||
|
||||
Reference in New Issue
Block a user