With Copilot
Acquia Copilot is a conversational AI connected into our product documentation and knowledge base. Ask Copilot about product features, technical details, troubleshooting and how to get started with Acquia products.
Sign in to use Acquia Copilot
The UIKit includes a basic color palette with a limited set of colors and tones. You can update and add to the color palette included with the UIKit by navigating to Site Studio > Website settings > Color palette. Before you make any changes, it's important to understand how the colors have been tagged and what this means.
Each color or tone within the palette has been tagged with either 'Color' 'Light' or 'Dark.' The color tags are used by the components to automatically apply a text color theme (a class) to the text within the component that is appropriate to the background color. This means content authors only need to select a background color without selecting a text color to contrast with the background. The text color themes applied are as follows:
The colors have been given generic names so that you can change them to different colors and the variables will still make sense. For example, the first color Brand color light has the variable $brand-color-light rather than Light blue, which is the actual color. Taking this approach with new colors added to the palette will allow you to change colors in the future without creating variables that are descriptive of the actual color.
If this content did not answer your questions, try searching or contacting our support team for further assistance.
If this content did not answer your questions, try searching or contacting our support team for further assistance.
Site Studio