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 user-select none
cursor pointer cursor pointer
background-color $ui-noteList-backgroundColor background-color $ui-noteList-backgroundColor
transition background-color 0.15s transition background-color 0.2s
&:hover &:hover
background-color alpha($ui-button--active-backgroundColor, 40%) background-color alpha($ui-button--active-backgroundColor, 40%)
&:active &:active
@@ -141,6 +141,10 @@ body[data-theme="dark"]
border-color transparent border-color transparent
.item-title .item-title
color white color white
.item-title-icon
color white
.item-bottom-time
color white
.item-bottom-tagList-item .item-bottom-tagList-item
background-color transparent background-color transparent
color white color white
@@ -150,13 +154,13 @@ body[data-theme="dark"]
background-color $ui-dark-button--active-backgroundColor background-color $ui-dark-button--active-backgroundColor
.item-title .item-title
color $ui-dark-text-color color $ui-inactive-text-color
.item-title-icon .item-title-icon
color $ui-darkinactive-text-color color $ui-inactive-text-color
.item-title-empty .item-title-empty
color $ui-dark-inactive-text-color color $ui-inactive-text-color
.item-bottom-tagList-item .item-bottom-tagList-item
background-color $ui-dark-tag-backgroundColor 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 border-color $ui-dark-borderColor
background-color $ui-dark-noteList-backgroundColor background-color $ui-dark-noteList-backgroundColor
&:active &:active
color white
background-color $ui-dark-button--active-backgroundColor background-color $ui-dark-button--active-backgroundColor
&:hover &:hover
background-color alpha($ui-dark-button--active-backgroundColor, 20%) background-color alpha($ui-dark-button--active-backgroundColor, 20%)
@@ -71,15 +72,21 @@ body[data-theme="dark"]
@extend .item-simple @extend .item-simple
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
background-color $ui-dark-button--active-backgroundColor background-color $ui-dark-button--active-backgroundColor
color white
.item-simple-title .item-simple-title
color white
.item-simple-title-icon
color white
.item-simple-title-empty .item-simple-title-empty
color white color white
border-color transparent border-color transparent
&:active
color white
&:hover &:hover
background-color $ui-dark-button--active-backgroundColor background-color $ui-dark-button--active-backgroundColor
.item-simple-title .item-simple-title
color $ui-dark-text-color color $ui-inactive-text-color
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
.item-simple-title-icon .item-simple-title-icon