From 58fd2273ea3359904ce20697309090ee928719b7 Mon Sep 17 00:00:00 2001
From: John Ciprian <johnciprian@icloud.com>
Date: Tue, 11 Dec 2018 16:28:02 -0500
Subject: [PATCH] Adding support for solarized-dark interface theme

---
 browser/components/SnippetTab.styl         | 34 +++++++++-------------
 browser/main/Detail/SnippetNoteDetail.styl |  6 ++++
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/browser/components/SnippetTab.styl b/browser/components/SnippetTab.styl
index 9c785104..6f858d91 100644
--- a/browser/components/SnippetTab.styl
+++ b/browser/components/SnippetTab.styl
@@ -107,25 +107,23 @@ body[data-theme="solarized-dark"]
     border-top 1px solid $ui-solarized-dark-borderColor
     &:hover
       background-color $ui-solarized-dark-noteDetail-backgroundColor
+      transition 0.15s
       .deleteButton
-        color $ui-solarized-dark-text-color
-        &:active
-          color $ui-solarized-dark-text-color
-          background-color $ui-dark-button--active-backgroundColor
+        color $ui-solarized-dark-button--active-color
+        transition 0.15s
+      .button
+        color $ui-solarized-dark-button--active-color
+        transition 0.15s
 
   .root--active
-    color $ui-solarized-dark-text-color
-    background-color darken($ui-solarized-dark-noteDetail-backgroundColor, 20%)
+    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
-    &:hover
-      .deleteButton
-        color $ui-solarized-dark-text-color
-        &:hover
-          // background-color darken($ui-dark-button--hover-backgroundColor, 15%)
-        &:active
-          color $ui-solarized-dark-text-color
-          background-color $ui-dark-button--active-backgroundColor
+    .deleteButton
+      color $ui-solarized-dark-button--active-color
+    .button
+      color $ui-solarized-dark-button--active-color
 
   .button
     border none
@@ -133,15 +131,11 @@ body[data-theme="solarized-dark"]
     background-color transparent
     transition color background-color 0.15s
     border-left 4px solid transparent
-    &:hover
-      color $ui-solarized-dark-text-color
 
   .input
     background-color $ui-solarized-dark-noteDetail-backgroundColor
-    color $ui-solarized-dark-text-color
-
-  .deleteButton
-    color alpha($ui-solarized-dark-text-color, 30%)
+    color $ui-solarized-dark-button--active-color
+    transition 0.15s
 
 body[data-theme="monokai"]
   .root
diff --git a/browser/main/Detail/SnippetNoteDetail.styl b/browser/main/Detail/SnippetNoteDetail.styl
index 4757d414..5a81c843 100644
--- a/browser/main/Detail/SnippetNoteDetail.styl
+++ b/browser/main/Detail/SnippetNoteDetail.styl
@@ -175,6 +175,12 @@ body[data-theme="solarized-dark"]
     border-left 1px solid $ui-solarized-dark-borderColor
     border-top 1px solid $ui-solarized-dark-borderColor
     border-right 1px solid $ui-solarized-dark-borderColor
+
+  .tabButton
+    &:hover
+      color $ui-solarized-dark-button--active-color
+      background-color $ui-solarized-dark-noteDetail-backgroundColor
+      transition 0.15s
     
   .tabList
     background-color $ui-solarized-dark-noteDetail-backgroundColor