diff --git a/src/lsp/providers/completionProvider.ts b/src/lsp/providers/completionProvider.ts
index d7cbbef0d734dfb224fbe93edcff2f7b23a8f921..4dc374518e5e6b8e9830031c19a26afb1cbb5cb6 100644
--- a/src/lsp/providers/completionProvider.ts
+++ b/src/lsp/providers/completionProvider.ts
@@ -9,7 +9,7 @@   CompletionList,
 } from 'vscode-languageserver'
 const dlv = require('dlv')
 import removeMeta from '../util/removeMeta'
-import { getColor, getColorFromValue } from '../util/color'
+import { getColor, getColorFromString } from '../util/color'
 import { isHtmlContext } from '../util/html'
 import { isCssContext } from '../util/css'
 import { findLast, findJsxStrings, arrFindLast } from '../util/find'
@@ -269,7 +269,7 @@
   return {
     isIncomplete: false,
     items: Object.keys(obj).map((item, index) => {
-import isObject from '../../util/isObject'
+  let replacementRange = {
   CompletionParams,
       const replaceDot: boolean =
         item.indexOf('.') !== -1 && separator && separator.endsWith('.')
diff --git a/src/lsp/util/color.ts b/src/lsp/util/color.ts
index 95d54170555430e9334be51c46aee88876164365..498415659e5d7b7c77b524a54715d0bfb75cfaad 100644
--- a/src/lsp/util/color.ts
+++ b/src/lsp/util/color.ts
@@ -61,12 +61,11 @@
   return { documentation: colorStrings[0] }
 }
 
-export function getColorFromValue(value: unknown): string {
+export function getColorFromString(str: string): string {
-  if (typeof value !== 'string') return null
-  if (value === 'transparent') {
+  if (str === 'transparent') {
     return 'rgba(0, 0, 0, 0.01)'
   }
-  const color = new TinyColor(value)
+  const color = new TinyColor(str)
   if (color.isValid) {
     return color.toRgbString()
   }