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 the dark theme layout at NoteList

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-07 15:25:59 +09:00
parent 62d39e6715
commit 657d69a0fb
2 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
browser/components/NoteItem.styl
View File

@@ -11,7 +11,7 @@ $control-height = 30px
user-select none
cursor pointer
background-color $ui-noteList-backgroundColor
transition background-color 0.15s
transition background-color 0.2s
&:hover
background-color alpha($ui-button--active-backgroundColor, 40%)
&:active
@@ -141,6 +141,10 @@ body[data-theme="dark"]
border-color transparent
.item-title
color white
.item-title-icon
color white
.item-bottom-time
color white
.item-bottom-tagList-item
background-color transparent
color white
@@ -150,13 +154,13 @@ body[data-theme="dark"]
background-color $ui-dark-button--active-backgroundColor
.item-title
color $ui-dark-text-color
color $ui-inactive-text-color
.item-title-icon
color $ui-darkinactive-text-color
color $ui-inactive-text-color
.item-title-empty
color $ui-dark-inactive-text-color
color $ui-inactive-text-color
.item-bottom-tagList-item
background-color $ui-dark-tag-backgroundColor

9
browser/components/NoteItemSimple.styl
View File

@@ -63,6 +63,7 @@ body[data-theme="dark"]
border-color $ui-dark-borderColor
background-color $ui-dark-noteList-backgroundColor
&:active
color white
background-color $ui-dark-button--active-backgroundColor
&:hover
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
@@ -71,15 +72,21 @@ body[data-theme="dark"]
@extend .item-simple
border-color $ui-dark-borderColor
background-color $ui-dark-button--active-backgroundColor
color white
.item-simple-title
color white
.item-simple-title-icon
color white
.item-simple-title-empty
color white
border-color transparent
&:active
color white
&:hover
background-color $ui-dark-button--active-backgroundColor
.item-simple-title
color $ui-dark-text-color
color $ui-inactive-text-color
border-color $ui-dark-borderColor
.item-simple-title-icon