adobe / adobe/leonardo

Theme URL error/won't load

Open
#179 7 comments 0 reactions 0 assignees View on GitHub
bug UI
Dominant language
JavaScript
Stars
2.1k
Forks
130
PR merge metrics
No merged PRs in 30d

Description

## Description
I previously created a theme in Leonardo and saved the URL.
When I go back to the URL later to update and adjust it, it won't load.

## Steps to reproduce

1. Create Key colors in OKLAB color space with Smoothing on
2. Go to [my theme URL](https://leonardocolor.io/theme.html?name=Untitled&config=%7B%22baseScale%22%3A%22Gray%22%2C%22colorScales%22%3A%5B%7B%22name%22%3A%22Gray%22%2C%22colorKeys%22%3A%5B%22%23f9f9f9%22%2C%22%23161616%22%5D%2C%22colorspace%22%3A%22OKLAB%22%2C%22ratios%22%3A%5B%221.06%22%2C%221.36%22%2C%221.76%22%2C%222.35%22%2C%223.19%22%2C%224.42%22%2C%226.19%22%2C%228.86%22%2C%2212.27%22%2C%2216.1%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22Blue%22%2C%22colorKeys%22%3A%5B%22%23f3fbff%22%2C%22%23126bca%22%2C%22%230ba7ff%22%2C%22%230e4b77%22%5D%2C%22colorspace%22%3A%22OKLAB%22%2C%22ratios%22%3A%5B%221.06%22%2C%221.36%22%2C%221.76%22%2C%222.35%22%2C%223.19%22%2C%224.42%22%2C%226.19%22%2C%228.86%22%2C%2212.27%22%2C%2216.1%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22Light+blue%22%2C%22colorKeys%22%3A%5B%22%23c8dcf4%22%2C%22%236490e8%22%5D%2C%22colorspace%22%3A%22OKLAB%22%2C%22ratios%22%3A%5B%221.06%22%2C%221.36%22%2C%221.76%22%2C%222.35%22%2C%223.19%22%2C%224.42%22%2C%226.19%22%2C%228.86%22%2C%2212.27%22%2C%2216.1%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22Green%22%2C%22colorKeys%22%3A%5B%22%2314483f%22%2C%22%230d6d5d%22%2C%22%235abf76%22%5D%2C%22colorspace%22%3A%22OKLAB%22%2C%22ratios%22%3A%5B%221.06%22%2C%221.36%22%2C%221.76%22%2C%222.35%22%2C%223.19%22%2C%224.42%22%2C%226.19%22%2C%228.86%22%2C%2212.27%22%2C%2216.1%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22Brown%22%2C%22colorKeys%22%3A%5B%22%235a5453%22%2C%22%232c2826%22%5D%2C%22colorspace%22%3A%22OKLAB%22%2C%22ratios%22%3A%5B%221.06%22%2C%221.36%22%2C%221.76%22%2C%222.35%22%2C%223.19%22%2C%224.42%22%2C%226.19%22%2C%228.86%22%2C%2212.27%22%2C%2216.1%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22Pink%22%2C%22colorKeys%22%3A%5B%22%23f2dbd1%22%2C%22%23eb9d87%22%5D%2C%22colorspace%22%3A%22OKLAB%22%2C%22ratios%22%3A%5B%221.06%22%2C%221.36%22%2C%221.76%22%2C%222.35%22%2C%223.19%22%2C%224.42%22%2C%226.19%22%2C%228.86%22%2C%2212.27%22%2C%2216.1%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22Orange%22%2C%22colorKeys%22%3A%5B%22%23ff7115%22%5D%2C%22colorspace%22%3A%22OKLAB%22%2C%22ratios%22%3A%5B%221.06%22%2C%221.36%22%2C%221.76%22%2C%222.35%22%2C%223.19%22%2C%224.42%22%2C%226.19%22%2C%228.86%22%2C%2212.27%22%2C%2216.1%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22Red%22%2C%22colorKeys%22%3A%5B%22%234f1420%22%2C%22%23fa0a0a%22%5D%2C%22colorspace%22%3A%22OKLAB%22%2C%22ratios%22%3A%5B%221.06%22%2C%221.36%22%2C%221.76%22%2C%222.35%22%2C%223.19%22%2C%224.42%22%2C%226.19%22%2C%228.86%22%2C%2212.27%22%2C%2216.1%22%5D%2C%22smooth%22%3Atrue%7D%2C%7B%22name%22%3A%22Purple%22%2C%22colorKeys%22%3A%5B%22%23301f44%22%2C%22%236021aa%22%2C%22%23bf41fb%22%5D%2C%22colorspace%22%3A%22OKLAB%22%2C%22ratios%22%3A%5B%221.06%22%2C%221.36%22%2C%221.76%22%2C%222.35%22%2C%223.19%22%2C%224.42%22%2C%226.19%22%2C%228.86%22%2C%2212.27%22%2C%2216.1%22%5D%2C%22smooth%22%3Atrue%7D%5D%2C%22lightness%22%3A100%2C%22contrast%22%3A1%2C%22saturation%22%3A100%2C%22formula%22%3A%22wcag2%22%7D)
3. Observe the website won't load
4. Open the console

## Expected behavior
My theme to load

## Screenshots
![image](https://user-images.githubusercontent.com/9298383/199523718-c8fc5462-2785-4383-ba65-1ed14b1062ac.png)

## Environment
- **Browser(s) and OS(s):** Version 100.0.4896.127 (Official Build) (arm64) MacOS 12.4 MacBook Pro M1

Contributor guide

Open the contributing guide

Research direction

Open the linked theme URL in the reported browser and inspect the console first, then trace the frontend path that reads the URL configuration. Reproduce the OKLAB theme with smoothing enabled; done means the saved theme loads and can be updated without a console error.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.