1
0
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:
Kazu Yokomizo
2017-04-11 00:47:13 +09:00
parent 658a90bf15
commit 1b58e320aa
8 changed files with 49 additions and 39 deletions

View File

@@ -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

View File

@@ -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