1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-16 03:06:27 +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

@@ -135,18 +135,14 @@ body[data-theme="dark"]
.item-wrapper
border-color transparent
.item-title
color white
color $ui-dark-text-color
.item-title-icon
color white
color $ui-dark-text-color
.item-bottom-time
color white
color $ui-dark-text-color
.item-bottom-tagList-item
background-color transparent
color white
.item-bottom-tagList-empty
color white
&:hover
background-color $ui-dark-button--active-backgroundColor
color $ui-dark-text-color
.item-title
color $ui-inactive-text-color

View File

@@ -55,14 +55,15 @@
body[data-theme="dark"]
.menu-button
navDarkButtonColor()
&:active
background-color $ui-dark-button--active-backgroundColor
color $ui-dark-text-color
&:hover
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
color $ui-button--active-color
color $ui-dark-text-color
.menu-button--active
color $ui-dark-button--active-color
color $ui-dark-text-color
background-color $ui-dark-button--active-backgroundColor
&:active
background-color $ui-dark-button--active-backgroundColor
color $ui-dark-text-color

View File

@@ -60,7 +60,7 @@ body[data-theme="dark"]
&:hover
background-color darken($ui-dark-button--hover-backgroundColor, 15%)
&:active
color white
color $ui-dark-text-color
background-color $ui-dark-button--active-backgroundColor
.root--active
@@ -73,7 +73,7 @@ body[data-theme="dark"]
&:hover
background-color darken($ui-dark-button--hover-backgroundColor, 15%)
&:active
color white
color $ui-dark-text-color
background-color $ui-dark-button--active-backgroundColor
.button
@@ -83,9 +83,9 @@ body[data-theme="dark"]
transition color background-color 0.15s
border-left 4px solid transparent
&:hover
color white
color $ui-dark-text-color
background-color $ui-dark-button--hover-backgroundColor
.input
background-color $ui-dark-button--hover-backgroundColor
color white
color $ui-dark-text-color

View File

@@ -75,17 +75,17 @@ body[data-theme="dark"]
.folderList-item
&: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
color $ui-dark-text-color
background-color $ui-dark-button--active-backgroundColor
.folderList-item--active
@extend .folderList-item
color $ui-button--active-color
color $ui-dark-text-color
background-color $ui-dark-button--active-backgroundColor
&:active
background-color $ui-dark-button--active-backgroundColor
&:hover
color $ui-button--active-color
color $ui-dark-text-color
background-color $ui-dark-button--active-backgroundColor