Color - How to specify a Color Value on ComboStrap Component

About

Every ComboStrap UI component can be colorized with one of the following color attributes

This page describes which color value, they can take.

Example

<card color="black" background-color="teal" border-color="blue" align="center" width="200px">
A teal [[docs:block:card|card]] with a black text and a blue border
</card>
  • Output:

A teal card with a black text and a blue border

Value

ComboStrap supports the following color value:

Color Generator

Generating or choosing attractive color is not easy. The color generator page may help you in this task.

Name

ComboStrap follows the Bootstrap color naming and you may then use the following color names.

You can set the branding colors primary and secondary in the configuration.

The default Bootstrap colors are:

Bootstrap Default Color

You can also use a CSS Color name.

Rgb

rbg (or red blue green) is the standard web value that is composed of an hexadecimal value.

Example with the text component

<text color="#6c757d" width="fit" align="center">
Text color with a hexadecimal value of ''#6c757d''
</text>
  • Output

Text color with a hexadecimal value of #6c757d

Reset

The reset color applied on a link will take the color of the text and we underline it to make it visible.

  • Input
<text color="#6c757d">
Colored text with a [[?color=reset&underline|reset link]]
</text>
  • Output

Colored text with a reset link




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Undraw My Documents
Attractive Color generator

A attractive color generator to pimp your design
Undraw My Documents
Background styling - Add any background to your ComboStrap component

The background element permits you to add any background to your ComboStrap component in an easy and declarative way.
Primary Secondary Color
Branding Colors (primary, secondary)

The branding colors are the most dominant colors of your theme. They bring a connection to your brand.
Bootstrap Default Color
Color - How to specify a Color Value on ComboStrap Component

Color management in ComboStrap
Icon Default Location Combostrap
ComboStrap - Icon Component

An icon component that makes it easy to add icon to your pages
Undraw My Documents
ComboStrap - Text color

How to change the color of a text with the text-color attribue
Undraw My Documents
ComboStrap - Text component - Apply text typographic effects

The text component lets you apply text typographic effects on one ore more paragraph.
Undraw My Documents
ComboStrap Styling - Border

The border is the line that delimits the block components. Every block component will react to the styling attribute border-color that sets the color of their border. Example with the generic box...
Undraw My Documents
ComboStrap Styling - Marki Language

ComboStrap implements in most of its components the marki language. It's a simplified version of the HTML language and follows the same rules. Below, we describe the , they all have in common. Every...
Undraw My Documents
ComboStrap Styling - Skin attribute (Button Emphasis Control)

skin is a ComboStrap styling attribute that defines the emphasis level of your button by applying a set of standard styling attribute on: color elevation (shadow) and border where value is one...



Task Runner