better use of 'polished'

Author: mydearxym

containers/Decrator/index.js

@@ -7,15 +7,16 @@
 import React from 'react'
 import { inject, observer } from 'mobx-react'
 import styled, { ThemeProvider } from 'styled-components'
+// import { selection } from 'polished'
 
 import { theme } from '../../utils/themes'
 import globalStyles from '../../utils/global_styles'
 // import observer from '../../utils/mobx_utils'
 
-const Container = styled.div`
-  *::selection {
-    background-color: ${theme('selection_bg')};
-  }
+/*
+*::selection {
+  background-color: ${theme('selection_bg')};
+}
 
   ::-moz-selection {
     background-color: ${theme('selection_bg')};
@@ -32,6 +33,17 @@ const Container = styled.div`
   *::-webkit-selection {
     background-color: ${theme('selection_bg')};
   }
+ */
+
+// ${selection({ backgroundColor: 'tomato' }, '*')};
+const Container = styled.div`
+  *::-moz-selection {
+    background-color: ${theme('selection_bg')};
+  }
+
+  *::selection {
+    background-color: ${theme('selection_bg')};
+  }
 `
 
 const selector = ({ store }) => ({

containers/GithubSearchPanel/styles/index.js

@@ -1,4 +1,6 @@
 import styled, { keyframes } from 'styled-components'
+import { placeholder } from 'polished'
+
 import { theme } from '../../../utils/themes'
 
 import { Img } from '../../../components'
@@ -89,8 +91,7 @@ export const InfoBar = styled(BaseBar)`
 export const InputBar = styled.input`
   caret-color: ${theme('u_panel.search_input')};
   flex-grow: 1;
-  font-family: '.SFNSText-Light', 'SF UI Text', 'Helvetica Neue', 'Arial',
-    'Lucida Grande', 'Segoe UI', Noto Sans, sans-serif;
+  ${placeholder({ color: 'wheat' })};
   height: 100%;
   width: auto;
   outline: none;