Exported Sample Themes ​

{"title":"themeM3-#CBA642-#8B90A5-#426CBA-#959088","steps":[{"type":"navigate","url":"https://m3.material.io/theme-builder#/custom","assertedEvents":[{"type":"navigation","url":"https://m3.material.io/theme-builder#/custom","title":"Material Design"}]},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#CBA642","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#8B90A5","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#426CBA","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000}]}

{"title":"themeM3-#6750A4-#958DA5-#B58392-#939094","steps":[{"type":"navigate","url":"https://m3.material.io/theme-builder#/custom","assertedEvents":[{"type":"navigation","url":"https://m3.material.io/theme-builder#/custom","title":"Material Design"}]},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#6750A4","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#958DA5","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#B58392","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000}]}

{"title":"themeM3-#CBA642-#8B90A5-#A6BA42-#959088","steps":[{"type":"navigate","url":"https://m3.material.io/theme-builder#/custom","assertedEvents":[{"type":"navigation","url":"https://m3.material.io/theme-builder#/custom","title":"Material Design"}]},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#CBA642","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#8B90A5","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#a6ba42","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000}]}

{"title":"themeM3-#CBA642-#8B90A5-#42BA9F-#959088","steps":[{"type":"navigate","url":"https://m3.material.io/theme-builder#/custom","assertedEvents":[{"type":"navigation","url":"https://m3.material.io/theme-builder#/custom","title":"Material Design"}]},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#CBA642","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#8B90A5","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#42BA9F","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000}]}

{"title":"themeM3-#CBA642-#8B90A5-#9F42BA-#959088","steps":[{"type":"navigate","url":"https://m3.material.io/theme-builder#/custom","assertedEvents":[{"type":"navigation","url":"https://m3.material.io/theme-builder#/custom","title":"Material Design"}]},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#CBA642","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#8B90A5","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#9F42BA","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000}]}

{"title":"themeM3-#CBA642-#8B90A5-#BA6242-#959088","steps":[{"type":"navigate","url":"https://m3.material.io/theme-builder#/custom","assertedEvents":[{"type":"navigation","url":"https://m3.material.io/theme-builder#/custom","title":"Material Design"}]},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#CBA642","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(1) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#8B90A5","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(2) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-color"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-color"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-hex"]],"timeout":5000,"visible":true},{"type":"change","target":"main","value":"#BA6242","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #source-hex"]]},{"type":"keyDown","key":"Enter"},{"type":"keyUp","key":"Enter"},{"type":"waitForElement","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"timeout":5000,"visible":true},{"type":"click","target":"main","selectors":[["body > mio-root > mio-theme-builder > theme-builder "," main > root-page > custom-base "," main > section.options > article > div:nth-child(2) > core-colors "," section > div.colors > div:nth-child(3) > core-color-input "," #root > color-input "," #modal-dialog > div.actions > button"]],"offsetY":10,"offsetX":10,"duration":300,"timeout":5000}]}