This extension can be useful to you only if you're doing frontendmentor.io challenges
This is a Chrome extension that converts any numbers of colors given on frontendmentor.io style-guide.md files in the following format:
### Neutral
- Almost White: hsl(0, 0%, 98%)
- Medium Gray: hsl(0, 0%, 41%)
- Almost Black: hsl(0, 0%, 8%)
to SCSS or CSS readable format by fetching more exact color names from thecolorapi.com API and adding specific prefixes. It extracts only the HSL values from the input field so don't worry about leaving something like ### Neutral inside, it can handle it.
Example output SCSS:
$Alabaster: hsl(0, 0%, 98%);
$GraniteGray: hsl(0, 0%, 41%);
$EerieBlack: hsl(0, 0%, 8%);Example output CSS:
--clr-Alabaster: hsl(0, 0%, 98%);
--clr-GraniteGray: hsl(0, 0%, 41%);
--clr-EerieBlack: hsl(0, 0%, 8%);- Think about an appropriate location on your computer to save this to
- Open Terminal
- Open appropriate location, copy & paste
git clone https://github.com/waikoo/FormatColors - Open Google Chrome
- In the addres bar write
chrome://extensions - Upper right hand corner enable
Developer Modeby clicking the toggle - Upper left hand side
Load unpacked - Navigate to where you downloaded it
- For ease of use, pin it by clicking on the
Extensionsicon next to your address bar and clicking the little pin icon
- Find a location on your computer to save this to
- Open your terminal
- Open the location, copy & paste
git clone https://github.com/waikoo/FormatColors - Open Google Chrome
- In the addres bar write
chrome://extensions - Upper right hand corner enable
Developer Modeby clicking the toggle - Upper left hand side
Load unpacked - Navigate to where you downloaded it
- For ease of use, pin it by clicking on the
Extensionsicon next to your address bar and clicking the little pin icon
Designed by: https://www.dribbble.com/Lyonixa