From 680c2a2904c6f34351bcaaffcfa37d678ed5c313 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguy=E1=BB=85n=20Vi=E1=BB=87t=20H=C6=B0ng?=
 <hunggarena12@gmail.com>
Date: Fri, 25 May 2018 18:39:11 +0700
Subject: [PATCH] changed cssmodule & applied style for solarized dark theme

---
 .../modals/PreferencesModal/SnippetEditor.js     |  2 +-
 .../main/modals/PreferencesModal/SnippetTab.styl | 16 ++++++++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/browser/main/modals/PreferencesModal/SnippetEditor.js b/browser/main/modals/PreferencesModal/SnippetEditor.js
index 6874f55a..f0e93dec 100644
--- a/browser/main/modals/PreferencesModal/SnippetEditor.js
+++ b/browser/main/modals/PreferencesModal/SnippetEditor.js
@@ -2,7 +2,7 @@ import CodeMirror from 'codemirror'
 import React from 'react'
 import _ from 'lodash'
 import styles from './SnippetTab.styl'
-import CSSModules from 'react-css-modules'
+import CSSModules from 'browser/lib/CSSModules'
 import dataApi from 'browser/main/lib/dataApi'
 
 const defaultEditorFontFamily = ['Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', 'monospace']
diff --git a/browser/main/modals/PreferencesModal/SnippetTab.styl b/browser/main/modals/PreferencesModal/SnippetTab.styl
index 76a9b0f5..cf8430a1 100644
--- a/browser/main/modals/PreferencesModal/SnippetTab.styl
+++ b/browser/main/modals/PreferencesModal/SnippetTab.styl
@@ -1,6 +1,6 @@
 @import('./Tab')
 @import('./ConfigTab')
-  
+
 .root
   padding 15px
   white-space pre
@@ -143,4 +143,16 @@ body[data-theme="dark"]
       &:hover
         background darken(#2E3235, 5)
   .snippet-detail
-    color white
\ No newline at end of file
+    color white
+
+body[data-theme="solarized-dark"]
+  .snippets
+    background: #083e4c
+    .snippet-item
+      color white
+      &::after
+        background rgba(255, 255, 255 0.1)
+      &:hover
+        background #0a4d5e
+  .snippet-detail
+    color white