From 03b331e5d5241cb78d0b4be8833ce2b1a94beba2 Mon Sep 17 00:00:00 2001 From: dojineko Date: Mon, 25 Apr 2016 10:29:19 +0900 Subject: [PATCH 1/7] Apply dark theme to markdown table --- browser/styles/theme/dark.styl | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/browser/styles/theme/dark.styl b/browser/styles/theme/dark.styl index b4ada991..a993c3b7 100644 --- a/browser/styles/theme/dark.styl +++ b/browser/styles/theme/dark.styl @@ -12,6 +12,10 @@ themeDarkTooltip = rgba(0, 0, 0, 0.7) themeDarkFocusText = #FFFFFF themeDarkFocusButton = lighten(themeDarkTopicColor, 30%) themeDarkBoxShadow = alpha(lighten(themeDarkTopicColor, 10%), 0.4); +themeDarkTableOdd = themeDarkPreview +themeDarkTableEven = darken(themeDarkPreview, 10%) +themeDarkTableHead = themeDarkTableEven +themeDarkTableBorder = themeDarkBorder body[data-theme="dark"] .Main @@ -395,3 +399,21 @@ body[data-theme="dark"] a:hover background-color alpha(lighten(brandColor, 30%), 0.2) !important + + table + thead + tr + background-color themeDarkTableHead + th + border-color themeDarkTableBorder + &:last-child + border-right solid 1px themeDarkTableBorder + tbody + tr:nth-child(2n + 1) + background-color themeDarkTableOdd + tr:nth-child(2n) + background-color themeDarkTableEven + td + border-color themeDarkTableBorder + &:last-child + border-right solid 1px themeDarkTableBorder From 50b9838eec073662e204b2cea395162baa12ee7f Mon Sep 17 00:00:00 2001 From: dojineko Date: Mon, 25 Apr 2016 19:45:45 +0900 Subject: [PATCH 2/7] Apply dark theme to delete article modal --- browser/styles/theme/dark.styl | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/browser/styles/theme/dark.styl b/browser/styles/theme/dark.styl index a993c3b7..f39fe24c 100644 --- a/browser/styles/theme/dark.styl +++ b/browser/styles/theme/dark.styl @@ -16,6 +16,8 @@ themeDarkTableOdd = themeDarkPreview themeDarkTableEven = darken(themeDarkPreview, 10%) themeDarkTableHead = themeDarkTableEven themeDarkTableBorder = themeDarkBorder +themeDarkModalButtonDefault = themeDarkPreview +themeDarkModalButtonDanger = #BF360C body[data-theme="dark"] .Main @@ -248,6 +250,30 @@ body[data-theme="dark"] &:hover background-color brandColor + .DeleteArticleModal.modal + .control + button + transition 0.1s + color themeDarkText + border-color lighten(themeDarkModalButtonDefault, 20%) + background-color themeDarkModalButtonDefault + + &:hover + background-color: lighten(themeDarkModalButtonDefault, 10%) + + &:focus + border-color themeDarkTopicColor + + &.danger + background-color themeDarkModalButtonDanger + border-color lighten(themeDarkModalButtonDanger, 30%) + + &:hover + background-color: lighten(themeDarkModalButtonDanger, 10%) + + &:focus + border-color lighten(themeDarkModalButtonDanger, 50%) + .Preferences.modal .sectionInput input, .sectionSelect select From db9bcafb82423dd64100571301f74e6fe8e6d466 Mon Sep 17 00:00:00 2001 From: dojineko Date: Mon, 25 Apr 2016 20:26:06 +0900 Subject: [PATCH 3/7] Remove border-radius from CodeEditor --- browser/styles/theme/dark.styl | 1 + 1 file changed, 1 insertion(+) diff --git a/browser/styles/theme/dark.styl b/browser/styles/theme/dark.styl index f39fe24c..8c06e3ca 100644 --- a/browser/styles/theme/dark.styl +++ b/browser/styles/theme/dark.styl @@ -188,6 +188,7 @@ body[data-theme="dark"] .ArticleEditor .CodeEditor border-color themeDarkBorder + border-radius 0 &>.ArticleDetail-panel-header .ArticleDetail-panel-header-mode transition 0.1s From 1582184223259c5f118a44fc1fa5e1167905eb87 Mon Sep 17 00:00:00 2001 From: dojineko Date: Mon, 25 Apr 2016 22:51:35 +0900 Subject: [PATCH 4/7] Apply dark theme to spans of code --- browser/styles/theme/dark.styl | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/browser/styles/theme/dark.styl b/browser/styles/theme/dark.styl index 8c06e3ca..974fddb7 100644 --- a/browser/styles/theme/dark.styl +++ b/browser/styles/theme/dark.styl @@ -427,6 +427,14 @@ body[data-theme="dark"] a:hover background-color alpha(lighten(brandColor, 30%), 0.2) !important + code + border-color darken(themeDarkBorder, 10%) + background-color lighten(themeDarkPreview, 5%) + + pre + code + background-color transparent + table thead tr From 59357b274d9e593e0baf27f83862c03acab04220 Mon Sep 17 00:00:00 2001 From: dojineko Date: Mon, 25 Apr 2016 22:55:29 +0900 Subject: [PATCH 5/7] Apply dark theme to folder names of list item --- browser/styles/theme/dark.styl | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/browser/styles/theme/dark.styl b/browser/styles/theme/dark.styl index 974fddb7..61157732 100644 --- a/browser/styles/theme/dark.styl +++ b/browser/styles/theme/dark.styl @@ -128,6 +128,10 @@ body[data-theme="dark"] &:hover background-color lighten(themeDarkList, 5%) + .ArticleList-item-top + .folderName + color darken(themeDarkText, 15%) + .divider border-color themeDarkBorder From cf023847ade5f22134a4ac2246f8f20b1fc0567c Mon Sep 17 00:00:00 2001 From: dojineko Date: Mon, 25 Apr 2016 23:05:50 +0900 Subject: [PATCH 6/7] Apply dark theme to document body --- browser/styles/theme/dark.styl | 2 ++ 1 file changed, 2 insertions(+) diff --git a/browser/styles/theme/dark.styl b/browser/styles/theme/dark.styl index 61157732..9c593dd9 100644 --- a/browser/styles/theme/dark.styl +++ b/browser/styles/theme/dark.styl @@ -20,6 +20,8 @@ themeDarkModalButtonDefault = themeDarkPreview themeDarkModalButtonDanger = #BF360C body[data-theme="dark"] + background-color themeDarkBackground + .Main .ArticleNavigator .userInfo .settingBtn .tooltip, .ArticleNavigator .ArticleNavigator-folders .ArticleNavigator-folders-header .addBtn .tooltip, From 99b9fadd74f5fd6b0c80d1d69e995440d2648ed4 Mon Sep 17 00:00:00 2001 From: dojineko Date: Mon, 25 Apr 2016 23:16:39 +0900 Subject: [PATCH 7/7] Adjust folder name position of list item --- browser/styles/main/ArticleList.styl | 2 ++ 1 file changed, 2 insertions(+) diff --git a/browser/styles/main/ArticleList.styl b/browser/styles/main/ArticleList.styl index 3efee6f1..4e3a63f5 100644 --- a/browser/styles/main/ArticleList.styl +++ b/browser/styles/main/ArticleList.styl @@ -30,6 +30,8 @@ articleItemColor = #777 height 20px color articleItemColor font-size 11px + i + margin-right 4px .folderName overflow ellipsis display inline-block