Colors

When you import a design into Monday Hero, it identifies all the colors used in the design and saves them in HEX and RGB formats, along with their opacity values. It also removes duplicates to ensure your app has no redundant colors.

Navigate to the 'Theme/Colors' tab to review and rename the colors in your project. Please note that all colors are automatically downloaded when you sync the code with your project.

Monday Hero Color Screen

Generated Code Example:

iOS

import UIKit

extension UIColor {
	@nonobjc class var anchor: UIColor {
		return UIColor(red: 58.0 / 255.0, green: 67.0 / 255.0, blue: 79.0 / 255.0, alpha: 1.0)
	}

	@nonobjc class var cloud: UIColor {
		return UIColor(red: 179.0 / 255.0, green: 191.0 / 255.0, blue: 208.0 / 255.0, alpha: 1.0)
	}

	@nonobjc class var daisy: UIColor {
		return UIColor(red: 255.0 / 255.0, green: 255.0 / 255.0, blue: 255.0 / 255.0, alpha: 1.0)
	}

	@nonobjc class var pewter: UIColor {
		return UIColor(red: 92.0 / 255.0, green: 105.0 / 255.0, blue: 121.0 / 255.0, alpha: 1.0)
	}

	@nonobjc class var salt: UIColor {
		return UIColor(red: 230.0 / 255.0, green: 230.0 / 255.0, blue: 230.0 / 255.0, alpha: 1.0)
	}

	@nonobjc class var silver: UIColor {
		return UIColor(red: 168.0 / 255.0, green: 182.0 / 255.0, blue: 200.0 / 255.0, alpha: 1.0)
	}

	@nonobjc class var spruce: UIColor {
		return UIColor(red: 50.0 / 255.0, green: 59.0 / 255.0, blue: 69.0 / 255.0, alpha: 1.0)
	}

}

Check out the following directory to access the colors file generated by Monday Hero:

/ProjectName/Styles/Colors.swift