From fa8c221f3a6f9b1421e29aa014304576810a08e6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 18 Jun 2018 12:09:14 +0300
Subject: moved style generator into separate file. notifications are
 highlighted too now.

---
 src/services/user_highlighter/user_highlighter.js | 29 +++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/services/user_highlighter/user_highlighter.js

(limited to 'src/services')

diff --git a/src/services/user_highlighter/user_highlighter.js b/src/services/user_highlighter/user_highlighter.js
new file mode 100644
index 00000000..94bf2c40
--- /dev/null
+++ b/src/services/user_highlighter/user_highlighter.js
@@ -0,0 +1,29 @@
+import { hex2rgb } from '../color_convert/color_convert.js'
+const highlightStyle = (user, store) => {
+  const color = store.state.config.highlight[user.screen_name]
+  if (!color) return
+  const rgb = hex2rgb(color)
+  const tintColor = `rgba(${Math.floor(rgb.r)}, ${Math.floor(rgb.g)}, ${Math.floor(rgb.b)}, .1)`
+  const tintColor2 = `rgba(${Math.floor(rgb.r)}, ${Math.floor(rgb.g)}, ${Math.floor(rgb.b)}, .2)`
+  return {
+    backgroundImage: [
+      'repeating-linear-gradient(-45deg,',
+      `${tintColor} ,`,
+      `${tintColor} 20px,`,
+      `${tintColor2} 20px,`,
+      `${tintColor2} 40px`
+    ].join(' '),
+    backgroundPosition: '0 0'
+  }
+}
+
+const highlightClass = (user) => {
+  return 'USER____' + user.screen_name
+    .replace(/\./g, '_')
+    .replace(/@/g, '_AT_')
+}
+
+export {
+  highlightClass,
+  highlightStyle
+}
-- 
cgit v1.2.3-70-g09d2