From cfcaa58b719b839d16b75bc99967bea9c4582b86 Mon Sep 17 00:00:00 2001 From: John Ciprian Date: Wed, 12 Dec 2018 19:43:01 -0500 Subject: [PATCH] Optimizing css for dark and solarized-dark themes --- browser/components/SnippetTab.styl | 9 +++------ browser/main/Detail/SnippetNoteDetail.styl | 8 ++------ 2 files changed, 5 insertions(+), 12 deletions(-) diff --git a/browser/components/SnippetTab.styl b/browser/components/SnippetTab.styl index a76a1196..03d6409b 100644 --- a/browser/components/SnippetTab.styl +++ b/browser/components/SnippetTab.styl @@ -68,7 +68,7 @@ body[data-theme="default"], body[data-theme="white"] body[data-theme="dark"] .root - border-left 1px solid $ui-dark-borderColor + border-color $ui-dark-borderColor border-top 1px solid $ui-dark-borderColor &:hover background-color alpha($ui-dark-button--active-backgroundColor, 20%) @@ -102,9 +102,7 @@ body[data-theme="dark"] body[data-theme="solarized-dark"] .root - color $ui-solarized-dark-text-color - border-left 1px solid $ui-solarized-dark-borderColor - border-top 1px solid $ui-solarized-dark-borderColor + border-color $ui-solarized-dark-borderColor &:hover background-color $ui-solarized-dark-noteDetail-backgroundColor transition 0.15s @@ -118,8 +116,7 @@ body[data-theme="solarized-dark"] .root--active color $ui-solarized-dark-button--active-color background-color $ui-solarized-dark-button-backgroundColor - border-left 1px solid $ui-solarized-dark-borderColor - border-top 1px solid $ui-solarized-dark-borderColor + border-color $ui-solarized-dark-borderColor .deleteButton color $ui-solarized-dark-button--active-color .button diff --git a/browser/main/Detail/SnippetNoteDetail.styl b/browser/main/Detail/SnippetNoteDetail.styl index 1366e869..15743051 100644 --- a/browser/main/Detail/SnippetNoteDetail.styl +++ b/browser/main/Detail/SnippetNoteDetail.styl @@ -119,9 +119,7 @@ body[data-theme="dark"] box-shadow none .tabList .tabButton - border-left 1px solid $ui-dark-borderColor - border-top 1px solid $ui-dark-borderColor - border-right 1px solid $ui-dark-borderColor + border-color $ui-dark-borderColor &:hover background-color alpha($ui-dark-button--active-backgroundColor, 20%) @@ -172,9 +170,7 @@ body[data-theme="solarized-dark"] border 1px solid $ui-solarized-dark-borderColor .tabList .tabButton - border-left 1px solid $ui-solarized-dark-borderColor - border-top 1px solid $ui-solarized-dark-borderColor - border-right 1px solid $ui-solarized-dark-borderColor + border-color $ui-solarized-dark-borderColor .tabButton &:hover