Skip to content

Visual studio code extension that help to convert HEX color value to a pair key value adapted for React Native

License

Notifications You must be signed in to change notification settings

volynetsSerhii/get-color-name

Repository files navigation

🎨 GET COLOR NAME

This extension help find color name for value or convert one color format to another.

⌨️ KEYBOARD SHORTCUTS

You can use keyboard shortcuts for quick call command "Get Color Name: configured"

"mac": "alt+cmd+v"

"windows": "alt+ctrl+v"

"linux": "alt+ctrl+v"

⚡️ COMMANDS

For get colors pair value-key in some specific format please use one of below commands:

  • Get Color Name: configured
  • Get Color Name: RGBhexadecimal
  • Get Color Name: RGBfunctional
  • Get Color Name: HSLfunctional

For convert values to some specific format please use one of below commands:

  • Convert Color Value: configured
  • Convert Color Value: RGBhexadecimal
  • Convert Color Value: RGBfunctional
  • Convert Color Value: HSLfunctional

⚙️ SETTINGS

Source

This setting determines the supremacy of the source. If the selected source has no color values, then the second one is analyzed.

"gcn.input.source": "Selection"
     Values

"Selection" [default]

"Clipboard"

StatusBar controls vilible

This setting defines the visability of statusbar.

 "gcn.statusbar.support": true
     Values

false

true [default]

Name literal format

This setting defines the format of the color name literal.

 "gcn.nameFormat.literal": "camelCase"
     Values

"lowercase"

"camelCase" [default]

"CapitalLetters"

"UPPERCASE"

Name prefix

This setting defines the format of the color name prefix.

 "gcn.nameFormat.prefix": "None"
     Values

"None" [default]

"--"

"@"

"$"

Name separator

This setting defines the format of the color name words separator.

 "gcn.nameFormat.separator": "None"
     Values

"None" [default]

"-"

"_"

Assign symbol

This setting defines the assign symbol.

 "gcn.assign.symbol": ": "
     Values

": " [default]

" = "

" := "

Value format

This setting defines the color value format.

 "gcn.valueFormat.coding": "RGB hexadecimal"
     Values

"Don't convert"

"RGB hexadecimal" [default]

"RGB functional"

"HSL functional"

Ending symbol

This setting defines the ending symbol.

 "gcn.valueFormat.ending": ", Comma"
     Values

"None"

", Comma" [default]

"; Semicolon"

Quotes symbol

This setting defines the quotes symbol.

 "gcn.valueFormat.quotes": "\" Double quotes"
     Values

"None" [default]

"\" Double quotes"

"' Single quotes"

XML support

This setting defines the xml support.

  "gcn.xml.support": false
     Values

false [default]

true"

🎯 Contributing

Bugs, feature requests and more are welcome here GitHubIssues.

About

Visual studio code extension that help to convert HEX color value to a pair key value adapted for React Native

Resources

License

Stars

Watchers

Forks

Packages

No packages published