public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

Fix the design of buttons of TopBar on dark theme

Browse Source
This commit is contained in:
asmsuechan
2017-03-19 11:18:17 -07:00
parent bcf27233bc
commit 4055ce19cd
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
browser/main/Detail/MarkdownNoteDetail.styl
View File

@@ -75,7 +75,7 @@ body[data-theme="dark"]
box-shadow none box-shadow none
.control-lockButton .control-lockButton
colorDarkDefaultButton() colorDarkTopBarButton()
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
background-color $ui-dark-noteList-backgroundColor background-color $ui-dark-noteList-backgroundColor
&:active &:active
@@ -85,8 +85,9 @@ body[data-theme="dark"]
darkTooltip() darkTooltip()
.control-trashButton .control-trashButton
navDarkButtonColor() colorDarkTopBarButton()
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
background-color $ui-dark-noteList-backgroundColor
&:active &:active
border-color $ui-dark-button--focus-borderColor border-color $ui-dark-button--focus-borderColor
&:focus &:focus

11
browser/styles/index.styl
View File

@@ -151,6 +151,7 @@ $ui-dark-button--active-color = white
$ui-dark-button--active-backgroundColor = #6AA5E9 $ui-dark-button--active-backgroundColor = #6AA5E9
$ui-dark-button--hover-backgroundColor = lighten($ui-dark-backgroundColor, 10%) $ui-dark-button--hover-backgroundColor = lighten($ui-dark-backgroundColor, 10%)
$ui-dark-button--focus-borderColor = lighten(#369DCD, 25%) $ui-dark-button--focus-borderColor = lighten(#369DCD, 25%)
$ui-dark-topbar-button-color = #939395
$dark-default-button-background = $ui-dark-backgroundColor $dark-default-button-background = $ui-dark-backgroundColor
$dark-default-button-background--hover = $ui-dark-button--hover-backgroundColor $dark-default-button-background--hover = $ui-dark-button--hover-backgroundColor
@@ -190,6 +191,16 @@ navDarkButtonColor()
background-color $ui-dark-button--active-backgroundColor background-color $ui-dark-button--active-backgroundColor
color $ui-dark-button--active-color color $ui-dark-button--active-color
colorDarkTopBarButton()
border-color $ui-dark-borderColor
color $ui-dark-topbar-button-color
background-color $dark-default-button-background
&:hover
background-color $dark-default-button-background--hover
&:active
&:active:hover
background-color $ui-dark-button--active-backgroundColor
$ui-dark-tooltip-text-color = white $ui-dark-tooltip-text-color = white
$ui-dark-tooltip-backgroundColor = alpha(#444, 70%) $ui-dark-tooltip-backgroundColor = alpha(#444, 70%)
$ui-dark-tooltip-button-backgroundColor = #D1D1D1 $ui-dark-tooltip-button-backgroundColor = #D1D1D1