public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-14 02:06:29 +00:00
Code Issues Releases Wiki Activity

Merge pull request #605 from BoostIO/improve-dark-theme

Browse Source 
I improved the dark theme.
This commit is contained in:
Kazu Yokomizo
2017-05-31 15:26:55 +09:00
committed by GitHub
parent 67d8b02c49 dad1e40234
commit 92b2b7dde3
4 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
browser/components/TodoListPercentage.styl
View File

@@ -22,10 +22,10 @@
body[data-theme="dark"] body[data-theme="dark"]
.percentageBar .percentageBar
background-color #222426 background-color #363A3D
.progressBar .progressBar
background-color: $ui-dark-button--active-backgroundColor background-color: alpha(#939395, 50%)
.percentageText .percentageText
color $ui-dark-text-color color $ui-dark-text-color

5
browser/components/markdown.styl
View File

@@ -270,7 +270,7 @@ table
border-right solid 1px borderColor border-right solid 1px borderColor
themeDarkBackground = darken(#21252B, 10%) themeDarkBackground = darken(#21252B, 10%)
themeDarkText = #DDDDDD themeDarkText = #f9f9f9
themeDarkBorder = lighten(themeDarkBackground, 20%) themeDarkBorder = lighten(themeDarkBackground, 20%)
themeDarkPreview = $ui-dark-noteDetail-backgroundColor themeDarkPreview = $ui-dark-noteDetail-backgroundColor
themeDarkTableOdd = themeDarkPreview themeDarkTableOdd = themeDarkPreview
@@ -288,8 +288,9 @@ body[data-theme="dark"]
background-color alpha(lighten(brandColor, 30%), 0.2) !important background-color alpha(lighten(brandColor, 30%), 0.2) !important
code code
color #EA6730
border-color darken(themeDarkBorder, 10%) border-color darken(themeDarkBorder, 10%)
background-color lighten(themeDarkPreview, 10%) background-color lighten(themeDarkPreview, 5%)
pre pre
border-color lighten(#21252B, 20%) border-color lighten(#21252B, 20%)

2
browser/main/SideNav/SideNav.styl
View File

@@ -1,7 +1,7 @@
.root .root
absolute top left bottom absolute top left bottom
width $sideNav-width width $sideNav-width
background-color $ui-backgroundColor background-color #f9f9f9
user-select none user-select none
color $ui-text-color color $ui-text-color

6
browser/styles/index.styl
View File

@@ -176,9 +176,9 @@ topBarButtonLight()
// Dark theme // Dark theme
$ui-dark-active-color = #3A404C $ui-dark-active-color = #3A404C
$ui-dark-borderColor = lighten(#21252B, 20%) $ui-dark-borderColor = lighten(#21252B, 20%)
$ui-dark-backgroundColor = #1D1D1D $ui-dark-backgroundColor = #1E2124
$ui-dark-noteList-backgroundColor = #181818 $ui-dark-noteList-backgroundColor = #282C30
$ui-dark-noteDetail-backgroundColor = #0D0D0D $ui-dark-noteDetail-backgroundColor = #2D3033
$ui-dark-tag-backgroundColor = #3A404C $ui-dark-tag-backgroundColor = #3A404C
$dark-background-color = lighten($ui-dark-backgroundColor, 10%) $dark-background-color = lighten($ui-dark-backgroundColor, 10%)
$ui-dark-text-color = #DDDDDD $ui-dark-text-color = #DDDDDD