Orbit color palette
Certainly! Let’s make the documentation more reader-friendly while still providing all the necessary details. Here’s a revised version of the Orbit color palette:
Orbit Color Palette
Section titled “Orbit Color Palette”The Orbit color palette offers an extensive range of colors, each with multiple shades from dark to light. This palette is designed to provide designers with flexibility and consistency in their projects.
Red shades
Section titled “Red shades”- –o-red-black: Deep red mixed with black.
- –o-red-darker: Very dark red.
- –o-red-dark: Dark red.
- –o-red: Standard red.
- –o-red-light: Light red.
- –o-red-lighter: Very light red.
- –o-red-white: Light red mixed with white.
Orange shades
Section titled “Orange shades”- –o-orange-black: Deep orange mixed with black.
- –o-orange-darker: Very dark orange.
- –o-orange-dark: Dark orange.
- –o-orange: Standard orange.
- –o-orange-light: Light orange.
- –o-orange-lighter: Very light orange.
- –o-orange-white: Light orange mixed with white.
Yellow shades
Section titled “Yellow shades”- –o-yellow-black: Deep yellow mixed with black.
- –o-yellow-darker: Very dark yellow.
- –o-yellow-dark: Dark yellow.
- –o-yellow: Standard yellow.
- –o-yellow-light: Light yellow.
- –o-yellow-lighter: Very light yellow.
- –o-yellow-white: Light yellow mixed with white.
Green shades
Section titled “Green shades”- –o-green-black: Deep green mixed with black.
- –o-green-darker: Very dark green.
- –o-green-dark: Dark green.
- –o-green: Standard green.
- –o-green-light: Light green.
- –o-green-lighter: Very light green.
- –o-green-white: Light green mixed with white.
Cyan shades
Section titled “Cyan shades”- –o-cyan-black: Deep cyan mixed with black.
- –o-cyan-darker: Very dark cyan.
- –o-cyan-dark: Dark cyan.
- –o-cyan: Standard cyan.
- –o-cyan-light: Light cyan.
- –o-cyan-lighter: Very light cyan.
- –o-cyan-white: Light cyan mixed with white.
Blue shades
Section titled “Blue shades”- –o-blue-black: Deep blue mixed with black.
- –o-blue-darker: Very dark blue.
- –o-blue-dark: Dark blue.
- –o-blue: Standard blue.
- –o-blue-light: Light blue.
- –o-blue-lighter: Very light blue.
- –o-blue-white: Light blue mixed with white.
Indigo shades
Section titled “Indigo shades”- –o-indigo-black: Deep indigo mixed with black.
- –o-indigo-darker: Very dark indigo.
- –o-indigo-dark: Dark indigo.
- –o-indigo: Standard indigo.
- –o-indigo-light: Light indigo.
- –o-indigo-lighter: Very light indigo.
- –o-indigo-white: Light indigo mixed with white.
Purple shades
Section titled “Purple shades”- –o-purple-black: Deep purple mixed with black.
- –o-purple-darker: Very dark purple.
- –o-purple-dark: Dark purple.
- –o-purple: Standard purple.
- –o-purple-light: Light purple.
- –o-purple-lighter: Very light purple.
- –o-purple-white: Light purple mixed with white.
Pink shades
Section titled “Pink shades”- –o-pink-black: Deep pink mixed with black.
- –o-pink-darker: Very dark pink.
- –o-pink-dark: Dark pink.
- –o-pink: Standard pink.
- –o-pink-light: Light pink.
- –o-pink-lighter: Very light pink.
- –o-pink-white: Light pink mixed with white.
Gray shades
Section titled “Gray shades”- –o-gray-black: Deep gray mixed with black.
- –o-gray-darker: Very dark gray.
- –o-gray-dark: Dark gray.
- –o-gray: Standard gray.
- –o-gray-light: Light gray.
- –o-gray-lighter: Very light gray.
- –o-gray-white: Light gray mixed with white.
Here’s how you can use these variables in your Orbit project:
Examples include the current Orbit stylesheet and runtime. Get both files for your project.