DarkColor's Toolbox

How to use
To get started, click on any item in the screen to change its color, then click the color box to choose a color.

Color picker

Confirm

More tools

Change screen background:

Edit

Change "Add to cart" text color:

Edit

Change Product Size circle color:

Edit

Dark mode

Calm

Professional

Screen

Featured

Men

Women

Sale

Search

Product Title

Here is where your description about the product will be. A detailed description can help with conversions.

$100

  • S
  • M
  • L
  • XL

    • Quantity:

    Add to cart

    Wishlist

    Code

    .product-page { background-color:}

    .product-title { color: }

    .product-description { color: }

    .price { color: }

    .product-options { color: }

    .logo { color: }

    .navitems { color: }

    .add-to-cart-button { background-color: ; color: }

    .wishlist-button { background-color: }

    .search-bar input { background-color: }

    .product-circle{ background-color: }

    Copy

    Reset

    Confirm

    Screen

    Featured

    Men

    Women

    Sale

    Search

    Product Title

    Here is where your description about the product will be. A detailed description can help with conversions.

    $100

  • S
  • M
  • L
  • XL

    • Quantity:

    Add to cart

    Wishlist

    Confirm

    Colors

    Color picker

    Confirm

    More tools

    Change screen background:

    Edit

    Change "Add to cart" text color:

    Edit

    Change product size circle color:

    Edit

    Dark mode

    Calm

    Professional

    Code

    .product-page { background-color:}

    .product-title { color: }

    .product-description { color: }

    .price { color: }

    .product-options { color: }

    .logo { color: }

    .navitems { color: }

    .add-to-cart-button { background-color: ; color: ; }

    .wishlist-button { background-color: }

    .search-bar input { background-color: }

    .product-circle{ background-color: }

    Copy

    Reset