Skip to main content

Color Themes

Overview​

This API provides a set of predefined color themes that can be used to customize the appearance of QR codes. Each theme defines a color scheme, which includes the foreground color (dots), background color, and optionally, gradient types and colors.

Endpoint​

GET /api/color-themes​

Retrieve a list of available color themes.

Response​

  • Status: 200 OK
  • Content-Type: application/json
  • Body: 
    {
      "themes": {
        "theme_name": {
          "color": "string",
          "bg_color": "string",
          "gradient_type": "string",
          "gradient_colors": "string"
        }
      }
    }

Available Themes​

classic-black-white​

  • color: #000000 (black dots)
  • bg_color: #ffffff (white background)

classic-white-black​

  • color: #ffffff (white dots)
  • bg_color: #000000 (black background)

dark-gray-white​

  • color: #333333 (dark gray dots)
  • bg_color: #ffffff (white background)

light-gray-dark​

  • color: #000000 (black dots)
  • bg_color: #f0f0f0 (light gray background)

royal-blue-light​

  • color: #0033cc (blue dots)
  • bg_color: #e6e6ff (light blue background)

forest-green-light​

  • color: #228b22 (green dots)
  • bg_color: #d0f0c0 (light green background)

sunset-gold​

  • color: #ff4500 (orange dots)
  • bg_color: #ffd700 (gold background)

ocean-sky​

  • color: #4682b4 (steel blue dots)
  • bg_color: #87ceeb (sky blue background)

pastel-pink-misty​

  • color: #ff69b4 (hot pink dots)
  • bg_color: #ffe4e1 (misty rose background)

vintage-brown-beige​

  • color: #8b4513 (saddle brown dots)
  • bg_color: #f5f5dc (beige background)

black-gradient​

  • gradient_type: linear
  • gradient_colors: #000000,#333333 (gradient from black to dark gray)
  • bg_color: #ffffff (white background)

blue-gradient​

  • gradient_type: linear
  • gradient_colors: #0000ff,#87ceeb (gradient from blue to sky blue)
  • bg_color: #ffffff (white background)

red-gradient​

  • gradient_type: linear
  • gradient_colors: #ff0000,#ff7f7f (gradient from red to light pink)
  • bg_color: #ffffff (white background)

green-gradient​

  • gradient_type: linear
  • gradient_colors: #00ff00,#7fff00 (gradient from green to yellow-green)
  • bg_color: #ffffff (white background)

instagram-gradient​

  • gradient_type: radial
  • gradient_colors: #f58529,#dd2a7b (Instagram colors)
  • bg_color: #f3f3f3 (light gray background)

purple-gradient​

  • gradient_type: linear
  • gradient_colors: #800080,#dda0dd (gradient from purple to plum)
  • bg_color: #ffffff (white background)

cyan-gradient​

  • gradient_type: linear
  • gradient_colors: #00ffff,#00bfff (gradient from cyan to deep sky blue)
  • bg_color: #ffffff (white background)

orange-gradient​

  • gradient_type: linear
  • gradient_colors: #ffa500,#ff6347 (gradient from orange to tomato)
  • bg_color: #ffffff (white background)

pink-gradient​

  • gradient_type: linear
  • gradient_colors: #ff69b4,#ffb6c1 (gradient from hot pink to light pink)
  • bg_color: #ffffff (white background)

red-green-gradient​

  • gradient_type: linear
  • gradient_colors: #ff0000,#00ff00 (gradient from red to green)
  • bg_color: #ffffff (white background)

blue-yellow-gradient​

  • gradient_type: linear
  • gradient_colors: #0000ff,#ffff00 (gradient from blue to yellow)
  • bg_color: #ffffff (white background)

orange-blue-gradient​

  • gradient_type: linear
  • gradient_colors: #ffa500,#0000ff (gradient from orange to blue)
  • bg_color: #ffffff (white background)

teal-purple-gradient​

  • gradient_type: linear
  • gradient_colors: #008080,#800080 (gradient from teal to purple)
  • bg_color: #ffffff (white background)

golden-gradient​

  • gradient_type: linear
  • gradient_colors: #ffd700,#ff8c00 (gradient from gold to dark orange)
  • bg_color: #ffffff (white background)

black-red-gradient​

  • gradient_type: linear
  • gradient_colors: #000000,#ff0000 (gradient from black to red)
  • bg_color: #ffffff (white background)
  • gradient_type: linear
  • gradient_colors: #000080,#808080 (gradient from navy to gray)
  • bg_color: #ffffff (white background)