diff --git a/src/components/user_card_content/user_card_content.js b/src/components/user_card_content/user_card_content.js
index 4c7b6a68..e8073021 100644
--- a/src/components/user_card_content/user_card_content.js
+++ b/src/components/user_card_content/user_card_content.js
@@ -1,5 +1,4 @@
 import StillImage from '../still-image/still-image.vue'
-import { hex2rgb } from '../../services/color_convert/color_convert.js'
 
 export default {
   props: [ 'user', 'switcher', 'selected', 'hideBio' ],
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 45e950f0..1b7ec7f2 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -101,11 +101,29 @@ const getCssShadow = (input) => {
     shad.blur,
     shad.spread
   ].map(_ => _ + 'px').concat([
-    rgb2rgba({...(hex2rgb(shad.color)), a: shad.alpha}),
+    getCssColor(shad.color, shad.alpha),
     shad.inset ? 'inset' : ''
   ]).join(' ')).join(', ')
 }
 
+const getCssColor = (input, a) => {
+  console.log(input)
+  let rgb = {}
+  if (typeof input === 'object') {
+    rgb = input
+  } else if (typeof input === 'string') {
+    if (input.startsWith('#')) {
+      rgb = hex2rgb(input)
+    } else if (input.startsWith('--')) {
+      return `var(${input})`
+    } else {
+      return input
+    }
+  }
+  console.log(rgb2rgba({ ...rgb, a }))
+  return rgb2rgba({ ...rgb, a })
+}
+
 const generateColors = (input) => {
   const colors = {}
   const opacity = Object.assign({