public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-18 20:21:44 +00:00
Code Issues Releases Wiki Activity

Fix the dark theme layout of Sidebar and NoteList

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-06 22:11:59 +09:00
parent de45852790
commit 313e8b8c98
6 changed files with 25 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
browser/components/NoteItem.styl
View File

@@ -127,9 +127,9 @@ body[data-theme="dark"]
border-color $ui-dark-borderColor
background-color $ui-dark-noteList-backgroundColor
&:active
background-color $ui-active-color
background-color $ui-dark-button--active-backgroundColor
&:hover
background-color alpha($ui-active-color, 20%)
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
.item-wrapper
border-color $ui-dark-borderColor
@@ -137,7 +137,7 @@ body[data-theme="dark"]
.item--active
@extend .item
border-color $ui-dark-borderColor
background-color $ui-active-color
background-color $ui-dark-button--active-backgroundColor
.item-wrapper
border-color transparent
.item-title
@@ -148,7 +148,7 @@ body[data-theme="dark"]
.item-bottom-tagList-empty
color white
&:hover
background-color $ui-active-color
background-color $ui-dark-button--active-backgroundColor
.item-title
color $ui-dark-text-color

8
browser/components/NoteItemSimple.styl
View File

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

9
browser/components/SideNavFilter.styl
View File

@@ -49,10 +49,13 @@
body[data-theme="dark"]
.menu-button
navDarkButtonColor()
&:active
background-color $ui-dark-button--active-backgroundColor
&:hover
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
.menu-button--active
@extend .menu-button
background-color $ui-dark-button--active-backgroundColor
color $ui-dark-button--active-color
&:hover
background-color $ui-dark-button--active-backgroundColor
&:active
background-color $ui-dark-button--active-backgroundColor