Skip to content

I improved the dark theme. #605

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kazup01 merged 3 commits into from
May 31, 2017
Merged

I improved the dark theme. #605

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
24de71f
I improved the dark theme.
May 30, 2017
b75c8b0
Fix code highlight
May 30, 2017
dad1e40
Fix white theme layout
May 30, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions browser/components/TodoListPercentage.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,10 +22,10 @@

body[data-theme="dark"]
.percentageBar
background-color #222426
background-color #363A3D

.progressBar
background-color: $ui-dark-button--active-backgroundColor
background-color: alpha(#939395, 50%)

.percentageText
color $ui-dark-text-color
5 changes: 3 additions & 2 deletions browser/components/markdown.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -270,7 +270,7 @@ table
border-right solid 1px borderColor

themeDarkBackground = darken(#21252B, 10%)
themeDarkText = #DDDDDD
themeDarkText = #f9f9f9
themeDarkBorder = lighten(themeDarkBackground, 20%)
themeDarkPreview = $ui-dark-noteDetail-backgroundColor
themeDarkTableOdd = themeDarkPreview
Expand All @@ -288,8 +288,9 @@ body[data-theme="dark"]
background-color alpha(lighten(brandColor, 30%), 0.2) !important

code
color #EA6730
border-color darken(themeDarkBorder, 10%)
background-color lighten(themeDarkPreview, 10%)
background-color lighten(themeDarkPreview, 5%)

pre
border-color lighten(#21252B, 20%)
Expand Down
2 changes: 1 addition & 1 deletion browser/main/SideNav/SideNav.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
.root
absolute top left bottom
width $sideNav-width
background-color $ui-backgroundColor
background-color #f9f9f9
user-select none
color $ui-text-color

Expand Down
6 changes: 3 additions & 3 deletions browser/styles/index.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -176,9 +176,9 @@ topBarButtonLight()
// Dark theme
$ui-dark-active-color = #3A404C
$ui-dark-borderColor = lighten(#21252B, 20%)
$ui-dark-backgroundColor = #1D1D1D
$ui-dark-noteList-backgroundColor = #181818
$ui-dark-noteDetail-backgroundColor = #0D0D0D
$ui-dark-backgroundColor = #1E2124
$ui-dark-noteList-backgroundColor = #282C30
$ui-dark-noteDetail-backgroundColor = #2D3033
$ui-dark-tag-backgroundColor = #3A404C
$dark-background-color = lighten($ui-dark-backgroundColor, 10%)
$ui-dark-text-color = #DDDDDD
Expand Down