Colors – Betheme Support Center

Documentation

Colors

All of the color settings in the theme.

General

Skin

  • Theme Skin

    Choose one of the predefined styles or set your own colors

  • One Color

    If selected "One Color Skin" in "Theme Skin", you can set your base color of the website

Background

  • Body Background

    Used for "Boxed Layout", the color of body

  • Content Background

    The background color of the content

Archives

  • Post background

    The background color of post on blog archive page

  • Portfolio background

    The background color of portfolio pages on portfolio archive page

  • Product background

    The background color of products on shop archive page


Action Bar

Desktop & Tablet

  • Background

    Background color of the Action Bar

  • Text color

    Color of the text inside the Action Bar

  • Link color

    Link color of the text inside the Action Bar

  • Link | Hover color

    The hover color of the text inside the Action Bar

  • Social Icon | Color

    Color of the icons inside the Action Bar

  • Social Icon | Hover color

    The hover color of the social icons of the Action Bar

Mobile

  • Background

    Background color of the Action Bar

  • Text color

    Color of the text inside the Action Bar

  • Link color

    Link color of the text inside the Action Bar

  • Link | Hover color

    The hover color of the text inside the Action Bar

  • Social Icon | Color

    Color of the icons inside the Action Bar

  • Social Icon | Hover color

    The hover color of the social icons of the Action Bar


Header

  • Header background

    Color of the header background

Top Bar

  • Top Bar Left | background

    The background color of the Top Bar Left

  • Top Bar Middle | background

    The background color of the Top Bar Middle

  • Top Bar Right | background

    The background color of the Top Bar Right

  • Top Bar Right | Icon color

    The color of the Icon used in the Top Bar Right

  • Top Bar border bottom

    The color of the border below Top Bar

Subheader

  • Background

    The background color of a subheader

  • Title Color

    The color of the text inside the subheader


Menu

Menu

  • Link color

    The color of links inside the menu

  • Active Link color

    The color of the active links inside the menu

  • Active Link background

    The background color of the active links inside the menu

Submenu

  • Background

    The background color of links inside the submenu

  • Link color

    The color of links inside the submenu

  • Hover Link color

    The color of the active links inside the menu while hovering it

Menu Icon

  • Icon color

    The color of the menu icon (hamburger).

  • Icon background

    The background color of the menu icon.

Styles

  • Overlay Menu background

    Background color of the overlay menu

  • Overlay Menu Link color

    Color of the links in overlay menu

  • Overlay Menu Active Link color

    Active link color of the overlay menu

  • Plain Border color

    Border color of the overlay menu

Side Slide

  • Background

    Background color of the side slide menu

  • Link color

    Link color of the side slide menu

  • Active Link color

    Active link color of the side slide menu


Content

  • Theme | color

    Highlighted button background, some icons and other small elements inside the content

  • Text | color

    Default color of the content

  • Selection | color

    The color of the background while selecting some text

  • Link | color

    Link color of the text inside the Content

  • Link | hover color

    The hover color of the links inside the Content

  • Fancy Link | color

    A color of the Fancy Link

  • Fancy Link | background

    A background color of the Fancy Link

  • Fancy Link | hover color

    The hover color of the fancy links

  • Fancy Link | hover background

    The hover background color of the fancy links

Inline Shortcodes

  • Dropcap & Highlight background

    The background color of dropcap and highlight shortcodes

  • Hr color

    Color of the HR tag, also includes the color of Dots, ZigZag

  • List color

    Text color of the html list, ordered, unordered & bullets list

  • Note color

    The color of the notes, including Blog meta, Filters, Widgets meta

Section

  • Highlight Section background

    The background color of the hightlight section feature


Alerts

Warning

  • Background

    Background behind the warning alert

  • Text color

    Text color for the warning alert

Error

  • Background

    Background behind the error alert

  • Text color

    Text color for the error alert

Info

  • Background

    Background behind the info alert

  • Text color

    Text color for the info alert

Success

  • Background

    Background behind the sucess alert

  • Text color

    Text color for the sucess alert

Advanced

  • Border radius

    Set up border radius for alert boxes


Elements

  • Accordion & Tabs Title color

    The color of the accordion and tabs title

  • Accordion & Tabs Active Title color

    The color of the active accordion and tabs title

  • Blockquote color

    The color of the blockquote element

  • Contact Box | background

    The background color of the contact box, this is also Infobox background

  • Content Link | icon color

    The color of an icon in a Content Link shortcode, this is also Content Link hover border

  • Counter Icon | color

    The color of an icon of the counter, this is also Chart Progress color

  • Icon Bar Hover Icon color

    The hover color of icons of the Icon Bar

  • Icon Bar Icon color

    The color of icons of the Icon Bar

  • List & Feature List Icon color

    The color of icons inside the List and Feature list

  • Pricing Box | Price color

    The color of price of the Pricing box

  • Pricing Box | Featured background

    The background color of price of the featured pricing box

  • Progress Bar background

    The background color of the progress bar

  • Quick Fact Number color

    The color of a number inside the quick fact

  • Sliding Box Title background

    The background color of a title inside a sliding box

  • Trailer Box Subtitle background

    The background color of a subtitle inside a trailer box


Forms

Input, Select & Textarea

  • Text color

    The color of a content

  • Background

    The background color of these elements

  • Border color

    The border color of form elements

  • Placeholder color

    The color of a placeholder

Focus

  • Text color

    The color of a content while element is focused

  • Background

    The background color of these elements while element is focused

  • Border color

    The border color of form elements while element is focused

  • Placeholder color

    The color of a placeholder while element is focused

Advanced

  • Border width

    The border width of the form elements

  • Border radius

    The border radius of the form elements

  • Background Transparency (alpha)

    The background color transparency of a form

Headings

  • Heading H1 color

    The color of the H1 heading

  • Heading H2 color

    The color of the H2 heading

  • Heading H3 color

    The color of the H3 heading

  • Heading H4 color

    The color of the H4 heading

  • Heading H5 color

    The color of the H5 heading

  • Heading H6 color

    The color of the H6 heading


Shop

Single product

  • Image icon background

    Background of the icon visible on the product image on hover

  • Image icon color

    The color of the icon visible on the product image on hover

Wishlist

  • Add to wishlist icon color

    The color of the wishlist icon


  • Theme color

    Color for icons and other small elements inside the footer

  • Background

    The background color a footer

  • Text color

    The text color of the footer

  • Heading color

    The heading color of the footer

  • Note color

    The color of the notes, including Widgets meta

  • Copyright border

    The color of the copyright border inside the footer

  • Link | color

    Link color of the text inside the Footer

  • Link | Hover color

    The hover color of the text inside the Footer

  • Social Icon | Color

    Color of the icons inside the Footer

  • Social Icon | Hover color

    The hover color of the social icons in the Footer

  • Icon | color

    The color of the text of back to top icon

  • Icon | background

    The background color of the back to top icon


Sliding Top

Back to Top & Popup Contact Form

  • Sliding Top Theme color

    Color for icons and other small elements

  • Sliding Top background

    The background color of the sliding top

  • Sliding Top Text color

    The color of the text

  • Sliding Top Link color

    The color of the links

  • Sliding Top Hover Link color

    The hover color of the links

  • Sliding Top Heading color

    The color of the headings

  • Sliding Top Note color

    The color of the notes, including Widgets meta


Try it now