- 掃描 ID：
- c29191de-d708-4b42-a427-d668bf885407已完成
- 已提交的 URL：
- https://bit.ly/4dcN7uX已重新導向
- 報告完成時間：
連結 · 找到 1 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://docs.google.com/spreadsheets/d/1s5yquLRE8JqUqMCWvNXuFMWtFdcRzXaaeKyev6r-ujM/edit?gid=282978598#gid=282978598 | https://docs.google.com/spreadsheets/d/1s5yquLRE8JqUqMCWvNXuFMWtFdcRzXaaeKyev6r-ujM/edit?gid=282978598#gid=282978598 |
JavaScript 變數 · 找到 5 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| resizeForms | function |
| ChangeFont | function |
主控台記錄訊息 · 找到 7 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
HTML
頁面的原始 HTML 主體
<html><head><link href="https://fonts.googleapis.com/css2?family=Calibri&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Garamond&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Helvetica&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Ramaraja&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Teko&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Hind&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Verdana&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Arial&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Public+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cambria&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Tiny5&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Redacted+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Redacted&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nabla&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Flow+Block&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Flow+Rounded&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Flow+Circular&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dokdo&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dongle&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Questrial&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Tektur&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Trade+Winds&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=The+Girl+Next+Door&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Tangerine&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Workbench&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Monofett&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Monoton&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cute+Font&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Delius+Unicase&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Crafty+Girls&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Fuggles&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Give+You+Glory&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Gluten&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Meddon&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Klee+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Waiting+for+the+Sunrise&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Zeyada&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playpen+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Guides&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Dots&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lacquer&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Sofadi+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Gentium+Book+Plus&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Handjet&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rubik+Bubbles&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Linefont:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Wavefont:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Ruge+Boogie&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Updock&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Ga+Maamli&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Allura&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cookie&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Marck+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Six+Caps&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kalnia+Glaze:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Holtwood+One+SC&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Herr+Von+Muellerhoff&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Londrina+Shadow&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Arizonia&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rye&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Wallpoet&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kristi&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dawning+of+a+New+Day&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat+Subrayada:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Irish+Grover&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Love+Ya+Like+A+Sister&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=DotGothic16&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Over+the+Rainbow&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Turret+Road:wght@200;300;400;500;700;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nova+Square&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Honk&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bungee+Spice&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Foldit:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Blaka+Ink&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Sixtyfour+Convergence&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Londrina+Sketch&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cinzel:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Pirata+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=LXGW+WenKai+Mono+TC:wght@300;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Changa:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Concert+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Mate+SC&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bungee&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Merienda:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Titan+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Yellowtail&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Oleo+Script:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Ga+Maamli&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Itim&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Creepster&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bungee+Tint&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Yatra+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Matemasie&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Macondo&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #0E1011;
display: inline-block;
margin-left: 10px;
margin-right: 5px;
max-inline-size: 200%;
}
</style>
<!---
<h1><span style="color:#FFFFFF;">Theme Searcher is currently under bug solving, users might encounter a bug or an error, this will last until roughly tomorrow. Sorry for the inconvenience</span></h1>
--->
</head><body><h1><span style="color:#FFFFFF; font-size: 1.5em;">Theme Searcher</span></h1>
<h3><span style="color:#FFFFFF;">Version 3.27.2.3</span></h3>
<h3><span style="color:#FFFFFF;">Latest Update: 18/11/2024</span></h3>
<h3><span style="color:#FFFFFF;">Latest Updates</span></h3>
<h4><span style="color:#FFFFFF;">Version 3.27.2.3</span></h4>
<ul style="margin-inline-end: 5px;">
<span style="color:#FFFFFF;"><li><p>Added 9 more themes in database</p></li></span>
<span style="color:#FFFFFF;"><li><p>fixed a display bug</p></li></span>
</ul>
<form action="/updatelog">
<p><span style="color:#FFFFFF;">Warning: doesn't save colour and fonts chosen</span></p>
<p><button type="submit">View Update Log</button></p>
</form>
<h3><span style="color:#FFFFFF;">Recent Updates</span></h3>
<h4><span style="color:#FFFFFF;">Version 3.26.5.12</span></h4>
<ul style="margin-inline-end: 5px;">
<span style="color:#FFFFFF;"><li><p>Added 24 more themes in database (latest added 6)</p></li></span>
<span style="color:#FFFFFF;"><li><p>Added 86 fonts</p></li></span>
<span style="color:#FFFFFF;"><li><p>Sort the fonts in A-Z</p></li></span>
<span style="color:#FFFFFF;"><li><p>Added update log page and update log button in main menu</p></li></span>
<span style="color:#FFFFFF;"><li><p>fixed bug in Ube Swirl Icecream theme and Coconut Cloud Smoothie theme</p></li></span>
</ul>
<h4><span style="color:#FFFFFF;">Version 3.25.6.41</span></h4>
<ul style="margin-inline-end: 5px;">
<span style="color:#FFFFFF;"><li><p>Added 5 more themes in database</p></li></span>
<span style="color:#FFFFFF;"><li><p>Updated 51 themes into Material-Element-Credit format</p></li></span>
<span style="color:#FFFFFF;"><li><p>Added two buttons thats allow you to change between Colour Search output and Material Search output</p></li></span>
<span style="color:#FFFFFF;"><li><p>Added a bit of a fun facts area</p></li></span>
<span style="color:#FFFFFF;"><li><p>Added Four Output Mode buttons in Output Screen to change viewing mode without opening new screen</p></li></span>
<span style="color:#FFFFFF;"><li><p>Added Two Mode Display labels to tell Current Search Mode and Current Output Mode</p></li></span>
</ul>
<h4><span style="color:#FFFFFF;">Version 3.24.2.5</span></h4>
<ul style="margin-inline-end: 5px;">
<span style="color:#FFFFFF;"><li><p>Made mobile screen as wide as device width</p></li></span>
<span style="color:#FFFFFF;"><li><p>Added a datalist of All materials in input bar</p></li></span>
</ul>
<h4><span style="color:#FFFFFF;">Version 3.23.2.3</span></h4>
<ul style="margin-inline-end: 5px;">
<span style="color:#FFFFFF;"><li><p>Finally, for mobile users, as you previously have to click the button resize stuffs. But not anymore!!! now it is AUTOMATIC!!!</p></li></span>
<span style="color:#FFFFFF;"><li><p>Added Disclaimer text to input area of output screen</p></li></span>
</ul>
<h4><span style="color:#FFFFFF;">Version 3.22.3.11</span></h4>
<ul style="margin-inline-end: 5px;">
<span style="color:#FFFFFF;"><li><p>Added a datalist of All colours (and leg c option) in input bar, which tells you correct colour name!</p></li></span>
<span style="color:#FFFFFF;"><li><p>Added an option to choose whether empty bar should be 'None' or 'Any'</p></li></span>
<span style="color:#FFFFFF;"><li><p>Added a bit of gap at the bottom of the screen so the keyboard won't block the input area in mobile users</p></li></span>
</ul>
<h3><span style="color:#FFFFFF;">Upcoming Updates/Features</span></h3>
<ul style="margin-inline-end: 5px;">
<span style="color:#FFFFFF;"><li><p>More new themes in database</p></li></span>
<span style="color:#FFFFFF;"><li><p>Update the Material-Element-Credit updates on more themes</p></li></span>
<span style="color:#FFFFFF;"><li><p>Colour Customizable Outlines</p></li></span>
<span style="color:#FFFFFF;"><li><p>Colourful Visual Tables</p></li></span>
<span style="color:#FFFFFF;"><li><p>Add the elements/creator output system</p></li></span>
<span style="color:#FFFFFF;"><li><p>(might) make the first option in dropdown to be latest option used</p></li></span>
<span style="color:#FFFFFF;"><li><p>get a nice colour for input tables</p></li></span>
<span style="color:#FFFFFF;"><li><p>customisation save over multiple submit</p></li></span>
<span style="color:#FFFFFF;"><li><p>main menu save customisation</p></li></span>
</ul>
<h3><span style="color:#FFFFFF;">Fun Facts</span></h3>
<ul style="margin-inline-end: 5px;">
<span style="color:#FFFFFF;"><li><p>Theme Searcher's first platform birthday is June 28, 2024, When Theme Searcher was in a Replit, an online code platform</p></li></span>
<span style="color:#FFFFFF;"><li><p>First public access of Theme Searcher was June 29, 2024</p></li></span>
<span style="color:#FFFFFF;"><li><p>Theme Searcher's second platform birthday is July 26, 2024, When Theme Searcher was using Programiz, an online python interpreter</p></li></span>
<span style="color:#FFFFFF;"><li><p>Theme Searcher's third platform birthday is September 20, 2024, Which changed to this platform for better user experience</p></li></span>
<span style="color:#FFFFFF;"><li><p>If you ever wondered about versioning meaning, first number is platform or major change, second is noticeable change</p></li></span>
<span style="color:#FFFFFF;"><li><p>Third number is current update's numbers of changes, and fourth is number of bugs fixed</p></li></span>
<span style="color:#FFFFFF;"><li><p>there're 15,252,250 total colour combinations possible, with 117,649 total material combinations possible in Dragon Adventures</p></li></span>
<span style="color:#FFFFFF;"><li><p>And there're 1,794,411,960,250 total combinations of colour and materials possible, with 127,403,249,177,750 total combinations of colours, materials, and elements possible</p></li></span>
</ul>
<p><span style="color:#FFFFFF;">Hi</span></p>
<p><span style="color:#FFFFFF;">Welcome to Theme Searcher</span></p>
<p><span style="color:#FFFFFF;">We have a database of themes from a Roblox game, Dragon Adventures, according to the theme sheet!</span></p>
<p><span style="color:#FFFFFF;">We currently have 995 themes in the database!</span></p>
<p><span style="color:#FFFFFF;">This took me 23 days in total :D</span></p>
<p><span style="color:#FFFFFF;">also /J means joke themes</span></p>
<p><span style="color:#FFFFFF;">current Material-Element-Credit update progress : 227/995</span></p>
<p><span style="color:#FFFFFF;">768 more to go!</span></p>
<h3><span style="color:#FFFFFF;">Feedback/Suggestion/Remind me of Unadded themes</span></h3>
<p><span style="color:#FFFFFF;">I open for any feedbacks, issues, suggestions, or bug report! :D</span></p>
<ul style="margin-inline-end: 5px;">
<span style="color:#FFFFFF;"><li>Creator : ScienceTle</li></span>
<span style="color:#FFFFFF;"><li>Roblox : Sci_Tle</li></span>
<span style="color:#FFFFFF;"><li>Discord : sciencetle</li></span>
</ul>
<p><span style="color:#FFFFFF; margin-inline-end: 5px;">Here's theme sheet if you want <a target="_blank" rel="noopener noreferrer" href="https://docs.google.com/spreadsheets/d/1s5yquLRE8JqUqMCWvNXuFMWtFdcRzXaaeKyev6r-ujM/edit?gid=282978598#gid=282978598"> https://docs.google.com/spreadsheets/d/1s5yquLRE8JqUqMCWvNXuFMWtFdcRzXaaeKyev6r-ujM/edit?gid=282978598#gid=282978598</a></span></p>
<p><span style="color:#FFFFFF;"><strong>This thing can search with...</strong></span></p>
<ul style="margin-inline-end: 5px;">
<span style="color:#FFFFFF;"><li>only one colour filled</li></span>
<span style="color:#FFFFFF;"><li>only one material filled</li></span>
<span style="color:#FFFFFF;"><li>wrong orders</li></span>
<span style="color:#FFFFFF;"><li>only materials filled</li></span>
<span style="color:#FFFFFF;"><li>nothing filled</li></span>
</ul>
<p><span style="color:#FFFFFF;">Don't believe?<strong> Try It Out!</strong></span></p>
<form action="/result" method="post">
<h3><span style="color:#FFFFFF;">Customisation Area</span></h3>
<p><span style="color:#FFFFFF;">We have 148 fonts for you to change around if you dont like the default!</span></p>
<p><span style="color:#FFFFFF;">Also 247 in-game colours to paint the screen!</span></p>
<label for="font"><span style="color:#FFFFFF;">Select a font:</span></label>
<select id="font" name="font" style="max-height: 150px; overflow-y: auto;">
<option value="Arial">Arial</option>
<option value="Alfa Slab One">Alfa Slab One</option>
<option value="Allura">Allura</option>
<option value="Amatic SC">Amatic SC</option>
<option value="Architects Daughter">Architects Daughter</option>
<option value="Arizonia">Arizonia</option>
<option value="Bangers">Bangers</option>
<option value="Bebas Neue">Bebas Neue</option>
<option value="Black Ops One">Black Ops One</option>
<option value="Blaka Ink">Blaka Ink</option>
<option value="Bodoni Moda">Bodoni</option>
<option value="Bungee Shade">Bungee Shade</option>
<option value="Bungee Spice">Bungee Spice</option>
<option value="Bungee Tint">Bungee Tint</option>
<option value="Bungee">Bungee</option>
<option value="Cabin Sketch">Cabin Sketch</option>
<option value="Calibri">Calibri</option>
<option value="Cambria">Cambria</option>
<option value="Caveat">Caveat</option>
<option value="Chakra Petch">Chakra Petch</option>
<option value="Changa">Changa</option>
<option value="Cinzel Decorative">Cinzel Decorative</option>
<option value="Cinzel">Cinzel</option>
<option value="Concert One">Concert One</option>
<option value="Cookie">Cookie</option>
<option value="Crafty Girls">Crafty Girls</option>
<option value="Creepster">Creepster</option>
<option value="Cute Font">Cute Font</option>
<option value="Cutive Mono">Cutive Mono</option>
<option value="Dancing Script">Dancing Script</option>
<option value="Dawning of a New Day">Dawning of a New Day</option>
<option value="Delius Unicase">Delius Unicase</option>
<option value="Dokdo">Dokdo</option>
<option value="Dongle">Dongle</option>
<option value="DotGothic16">DotGothic16</option>
<option value="EB Garamond">EB Garamond</option>
<option value="Edu AU VIC WA NT Dots">Edu Australia VIC WA NT Hand Dots</option>
<option value="Edu AU VIC WA NT Guides">Edu Australia VIC WA NT Hand Guides</option>
<option value="Flow Block">Flow Block</option>
<option value="Flow Circular">Flow Circular</option>
<option value="Flow Rounded">Flow Rounded</option>
<option value="Foldit">Foldit</option>
<option value="Fredericka the Great">Fredericka the Great</option>
<option value="Fuggles">Fuggles</option>
<option value="Ga Maamli">Ga Maamli</option>
<option value="Garamond">Garamond</option>
<option value="Gentium Book Plus">Gentium Book Plus</option>
<option value="Give You Glory">Give You Glory</option>
<option value="Gloria Hallelujah">Gloria Hallelujah</option>
<option value="Gluten">Gluten</option>
<option value="Great Vibes">Great Vibes</option>
<option value="Handjet">Handjet</option>
<option value="Helvetica">Helvetica</option>
<option value="Herr Von Muellerhoff">Herr Von Muellerhoff</option>
<option value="Hind">Hind</option>
<option value="Holtwood One SC">Holtwood One SC</option>
<option value="Homemade Apple">Homemade Apple</option>
<option value="Honk">Honk</option>
<option value="IBM Plex Mono">IBM Plex Mono</option>
<option value="Indie Flower">Indie Flower</option>
<option value="Irish Grover">Irish Grover</option>
<option value="Itim">Itim</option>
<option value="Kalam">Kalam</option>
<option value="Kalnia Glaze">Kalnia Glaze</option>
<option value="Klee One">Klee One</option>
<option value="Kristi">Kristi</option>
<option value="La Belle Aurore">La Belle Aurore</option>
<option value="Lacquer">Lacquer</option>
<option value="Lato">Lato</option>
<option value="Libre Baskerville">Libre Baskerville</option>
<option value="Linefont">Linefont</option>
<option value="Londrina Shadow">Londrina Shadow</option>
<option value="Londrina Sketch">Londrina Sketch</option>
<option value="Love Ya Like A Sister">Love Ya Like A Sister</option>
<option value="LXGW WenKai Mono TC">LXGW WenKai Mono TC&</option>
<option value="Macondo">Macondo</option>
<option value="Major Mono Display">Major Mono Display</option>
<option value="Marck Script">Marck Script</option>
<option value="Mate SC">Mate SC</option>
<option value="Matemasie">Matemasie</option>
<option value="Meddon">Meddon</option>
<option value="Merienda">Merienda</option>
<option value="Monofett">Monofett</option>
<option value="Monoton">Monoton</option>
<option value="Montserrat Subrayada">Montserrat Subrayada</option>
<option value="Nabla">Nabla</option>
<option value="Nanum Myeongjo">Nanum Myeongjo</option>
<option value="Nothing You Could Do">Nothing You Could Do</option>
<option value="Nova Square">Nova Square</option>
<option value="Oleo Script">Oleo Script</option>
<option value="Orbitron">Orbitron</option>
<option value="Over the Rainbow">Over the Rainbow</option>
<option value="Pacifico">Pacifico</option>
<option value="Patrick Hand">Patrick Hand</option>
<option value="Permanent Marker">Permanent Marker</option>
<option value="Pirata One">Pirata One</option>
<option value="Pixelify Sans">Pixelify Sans</option>
<option value="Playfair Display">Playfair Display</option>
<option value="Playpen Sans">Playpen Sans</option>
<option value="Poiret One">Poiret One</option>
<option value="Public Sans">Public Sans</option>
<option value="Questrial">Questrial</option>
<option value="Qwitcher Grypen">Qwitcher Grypen</option>
<option value="Rajdhani">Rajdhani</option>
<option value="Ramaraja">Ramaraja</option>
<option value="Redacted">Redacted</option>
<option value="Redacted Script">Redacted Script</option>
<option value="Reenie Beanie">Reenie Beanie</option>
<option value="Roboto">Roboto</option>
<option value="Rock Salt">Rock Salt</option>
<option value="Rowdies">Rowdies</option>
<option value="Rubik Bubbles">Rubik Bubbles</option>
<option value="Rubik Mono One">Rubik Mono One</option>
<option value="Ruge Boogie">Ruge Boogie</option>
<option value="Rye">Rye</option>
<option value="Sacramento">Sacramento</option>
<option value="Satisfy">Satisfy</option>
<option value="Shadows Into Light">Shadows Into Light</option>
<option value="Shadows Into Light Two">Shadows Into Light Two</option>
<option value="Silkscreen">Silkscreen</option>
<option value="Six Caps">Six Caps</option>
<option value="Sixtyfour Convergence">Sixtyfour Convergence</option>
<option value="Sofadi One">Sofadi One</option>
<option value="Source Code Pro">Source Code Pro</option>
<option value="Space Grotesk">Space Grotesk</option>
<option value="Space Mono">Space Mono</option>
<option value="Special Elite">Special Elite</option>
<option value="Syne Mono">Syne Mono</option>
<option value="Tangerine">Tangerine</option>
<option value="Teko">Teko</option>
<option value="Tektur">Tektur</option>
<option value="The Girl Next Door">The Girl Next Door</option>
<option value="Tilt Neon">Tilt Neon</option>
<option value="Tiny5">Tiny5</option>
<option value="Titan One">Titan One</option>
<option value="Trade Winds">Trade Winds</option>
<option value="Turret Road">Turret Road</option>
<option value="Ubuntu Mono">Ubuntu Mono</option>
<option value="Updock">Updock</option>
<option value="Verdana">Verdana</option>
<option value="Waiting for the Sunrise">Waiting for the Sunrise</option>
<option value="Wallpoet">Wallpoet</option>
<option value="Wavefont">Wavefont</option>
<option value="Workbench">Workbench</option>
<option value="Yanone Kaffeesatz">Yanone Kaffeesatz</option>
<option value="Yatra One">Yatra One</option>
<option value="Yellowtail">Yellowtail</option>
<option value="Zeyada">Zeyada</option>
</select>
<p></p>
<label for="fontcolor"><span style="color:#FFFFFF;">Select a font colour:</span></label>
<select id="fontcolor" name="fontcolor">
<option value="FFFFFF">White</option>
<option value="F7F9F9">Snowflake</option>
<option value="EAEDEF">Whisp</option>
<option value="D0CFD7">Whale</option>
<option value="C3C8CD">Mist</option>
<option value="A1ABB3">Storm</option>
<option value="AFAFAF">Silver</option>
<option value="888f8d">Gravel</option>
<option value="9C8E8D">Felt</option>
<option value="6A7185">Bluesteel</option>
<option value="636268">Stone</option>
<option value="5A6050">Tin</option>
<option value="545365">Spirit</option>
<option value="595451">Gloom</option>
<option value="4C4C4C">Coal</option>
<option value="4D484F">Gabbro</option>
<option value="413C40">Asphalt</option>
<option value="3B3736">Ash</option>
<option value="332D25">Basalt</option>
<option value="302722">Scoria</option>
<option value="26262C">Boulder</option>
<option value="1A1A1B">Black</option>
<option value="0E1011">Pitch</option>
<option value="1F1A23">Night</option>
<option value="22263D">Depth</option>
<option value="471A43">Blackberry</option>
<option value="4C2A4F">Berry</option>
<option value="553348">Loulou</option>
<option value="6E235D">Lilac</option>
<option value="551199">Amarklor</option>
<option value="863290">Grape</option>
<option value="9778BE">Petal</option>
<option value="7F6195">Satin</option>
<option value="5C415D">Haunted</option>
<option value="735B77">Ghost</option>
<option value="8E7F9E">Lavender</option>
<option value="A794B2">Amethyst</option>
<option value="AA96A6">Dart</option>
<option value="E1CDFE">Pansy</option>
<option value="CCA4E0">Bubble</option>
<option value="DA4FFF">Plum</option>
<option value="9C50D3">Purple</option>
<option value="7958B1">Royal</option>
<option value="993BD1">Eggplant</option>
<option value="7930B5">Midnight</option>
<option value="5317B5">Urchin</option>
<option value="4D2C89">Jelly</option>
<option value="3F2B66">Smog</option>
<option value="0D0A5B">Sapphire</option>
<option value="2B0D88">Angler</option>
<option value="2D237A">Bluebell</option>
<option value="484AA1">Aster</option>
<option value="525195">Smoke</option>
<option value="4866D5">Uranus</option>
<option value="757ADB">Rain</option>
<option value="9499F7">Periwinkle</option>
<option value="7895C1">Stream</option>
<option value="324BA9">Blue</option>
<option value="212B5F">Denim</option>
<option value="023489">Morpho</option>
<option value="023AE2">Raindrop</option>
<option value="1C51E7">Marine</option>
<option value="2F83FF">Ocean</option>
<option value="6394DD">Drip</option>
<option value="76A8FF">Cool</option>
<option value="AEC8FF">Sky</option>
<option value="89A4C0">Cloud</option>
<option value="556979">Aluminum</option>
<option value="444F69">Harpy</option>
<option value="2F4557">Iron</option>
<option value="263746">Dream</option>
<option value="0D1E25">Abyss</option>
<option value="0B2D46">Trench</option>
<option value="0A3D67">Twilight</option>
<option value="094869">Mountain</option>
<option value="2B768F">Azure</option>
<option value="0086CE">Shell</option>
<option value="00B4D5">Cerulean</option>
<option value="9CDDD3">Icecap</option>
<option value="B3E1F1">Winter</option>
<option value="E0FFFF">Glacier</option>
<option value="91FFF7">Glow</option>
<option value="00FFF1">Cyan</option>
<option value="77DDDA">Bermuda</option>
<option value="09E0C7">Lagoon</option>
<option value="18D3A9">Plankton</option>
<option value="3CA2A4">Turquoise</option>
<option value="3A8684">History</option>
<option value="8DBCB4">Spruce</option>
<option value="72C4C4">Water</option>
<option value="9AEAEF">Glass</option>
<option value="E2FFE6">Pistachio</option>
<option value="B3FFD8">Dolphin</option>
<option value="9AFFC7">Mint</option>
<option value="B2E2BD">Seafoam</option>
<option value="A6DBA7">Caterpillar</option>
<option value="61AB89">Jade</option>
<option value="148E67">Spearmint</option>
<option value="1F565D">Essence</option>
<option value="233253">Rainforest</option>
<option value="153F4B">Seaweed</option>
<option value="114D41">Algae</option>
<option value="1F483A">Forest</option>
<option value="005D48">Hydra</option>
<option value="20603F">Emerald</option>
<option value="236825">Shamrock</option>
<option value="66903C">Pear</option>
<option value="1E361A">Jungle</option>
<option value="1E2716">Swamp</option>
<option value="1F281D">Root</option>
<option value="495547">Moonrock</option>
<option value="425035">Snake</option>
<option value="51684C">Camo</option>
<option value="516760">Scale</option>
<option value="687F67">Ivy</option>
<option value="97AF8B">Mantis</option>
<option value="A7B08C">Micah</option>
<option value="9BFF9D">Pea</option>
<option value="03FF7D">Synthesizer</option>
<option value="87E34D">Malachite</option>
<option value="7ECE73">Fern</option>
<option value="7BBD5D">Stem</option>
<option value="629C3F">Green</option>
<option value="567C34">Grass</option>
<option value="8ECE56">Cactus</option>
<option value="A5E32D">Leaf</option>
<option value="C6FF00">Toxin</option>
<option value="CDFE6C">Uranium</option>
<option value="9FFF00">Corrosion</option>
<option value="E8FCB4">Peridot</option>
<option value="D1E572">Cabbage</option>
<option value="B4CD3D">Chartreuse</option>
<option value="A9A032">Prehistoric</option>
<option value="828335">Alligator</option>
<option value="697135">Olive</option>
<option value="4B4420">Murk</option>
<option value="7E7645">Bark</option>
<option value="C18E1B">Amber</option>
<option value="BEA55D">Sponge</option>
<option value="D1B045">Haze</option>
<option value="D1B300">Swallowtail</option>
<option value="FFE63B">Lemon</option>
<option value="F9E255">Wasp</option>
<option value="F7FF6F">Yolk</option>
<option value="FFEC80">Banana</option>
<option value="FDD68B">Honey</option>
<option value="FDE9AC">Squash</option>
<option value="EDE8B0">Sanddollar</option>
<option value="FFFDEA">Mellow</option>
<option value="FDF1E1">Lychee</option>
<option value="FFEFDC">Creme</option>
<option value="F7DEBF">Pelt</option>
<option value="FFD297">Ivory</option>
<option value="F6BF6C">Peanut</option>
<option value="F2AD0C">Gold</option>
<option value="FFB53C">Marigold</option>
<option value="FA912B">Apricot</option>
<option value="FF8500">Poppy</option>
<option value="FF984F">Yam</option>
<option value="FFA147">Orange</option>
<option value="FFB576">Peach</option>
<option value="FCC4AD">Silt</option>
<option value="F0B392">Sahara</option>
<option value="E29C7A">Pecan</option>
<option value="D5602B">Saffron</option>
<option value="CB732D">Chestnut</option>
<option value="B2560D">Bronze</option>
<option value="B24407">Sandstone</option>
<option value="FF5500">Carrot</option>
<option value="EF5C23">Fire</option>
<option value="FF6841">Pumpkin</option>
<option value="FF7360">Sunrise</option>
<option value="C15A39">Cinnamon</option>
<option value="C47149">Caramel</option>
<option value="B27749">Acorn</option>
<option value="9A7B4F">Tortilla</option>
<option value="C3996F">Hide</option>
<option value="CABBA2">Beige</option>
<option value="827A64">Pine</option>
<option value="6D675B">Soil</option>
<option value="564D48">Coffee</option>
<option value="3C3030">Cocoa</option>
<option value="766259">Chocolate</option>
<option value="977B6C">Cappuccino</option>
<option value="BFA18F">Beach</option>
<option value="8A6059">Gingerbread</option>
<option value="7A4D4D">Maple</option>
<option value="774840">Hazel</option>
<option value="6B3C34">Coconut</option>
<option value="603E3D">Clay</option>
<option value="57372C">Sable</option>
<option value="432711">Penny</option>
<option value="301E1A">Umber</option>
<option value="22110A">Brownie</option>
<option value="2F1B1B">Birch</option>
<option value="5A4534">Feldspar</option>
<option value="72573A">Walnut</option>
<option value="855B33">Grain</option>
<option value="91532A">Ginger</option>
<option value="90553A">Starfish</option>
<option value="8E5B3F">Brown</option>
<option value="563012">Slate</option>
<option value="7B3C1D">Auburn</option>
<option value="A44B28">Copper</option>
<option value="8B3220">Rust</option>
<option value="BA311C">Tomato</option>
<option value="E22D18">Vermillion</option>
<option value="CE000D">Pepper</option>
<option value="AA0024">Cherry</option>
<option value="850012">Crimson</option>
<option value="7A0E1E">Ruby</option>
<option value="581014">Garnet</option>
<option value="2D0102">Sanguine</option>
<option value="451717">Blood</option>
<option value="652127">Rose</option>
<option value="8C272D">Cranberry</option>
<option value="C1272D">Redwood</option>
<option value="DF3236">Strawberry</option>
<option value="FC6D68">Fruit</option>
<option value="B13A3A">Carmine</option>
<option value="A12928">Cerise</option>
<option value="9A534D">Brick</option>
<option value="CC6F6F">Coral</option>
<option value="FEA0A0">Blush</option>
<option value="FFB7B4">Sakura</option>
<option value="FFE5E5">Peony</option>
<option value="FFE2E6">Macaron</option>
<option value="FEA1B3">Flamingo</option>
<option value="FF839B">Ribbon</option>
<option value="C67A80">Charm</option>
<option value="D696B6">Taffy</option>
<option value="EB799A">Candy</option>
<option value="FB5E79">Bubblegum</option>
<option value="DB518D">Watermelon</option>
<option value="E934AA">Magenta</option>
<option value="E7008B">Fuschia</option>
<option value="CB0381">Tulip</option>
<option value="AA004C">Rubellite</option>
<option value="8A024A">Raspberry</option>
<option value="4D0F28">Syrah</option>
<option value="9C4975">Mauve</option>
<option value="C44674">Radish</option>
<option value="E77FBF">Gum</option>
<option value="E5A9FF">Quartz</option>
<option value="E8CCFF">Confetti</option>
<option value="FFD6F6">Petalite</option>
<option value="FBEDFA">Pearl</option>
</select>
<p></p>
<label for="color"><span style="color:#FFFFFF;">Select a background colour:</span></label>
<select id="color" name="color">
<option value="0E1011">Pitch</option>
<option value="FFFFFF">White</option>
<option value="F7F9F9">Snowflake</option>
<option value="EAEDEF">Whisp</option>
<option value="D0CFD7">Whale</option>
<option value="C3C8CD">Mist</option>
<option value="A1ABB3">Storm</option>
<option value="AFAFAF">Silver</option>
<option value="888f8d">Gravel</option>
<option value="9C8E8D">Felt</option>
<option value="6A7185">Bluesteel</option>
<option value="636268">Stone</option>
<option value="5A6050">Tin</option>
<option value="545365">Spirit</option>
<option value="595451">Gloom</option>
<option value="4C4C4C">Coal</option>
<option value="4D484F">Gabbro</option>
<option value="413C40">Asphalt</option>
<option value="3B3736">Ash</option>
<option value="332D25">Basalt</option>
<option value="302722">Scoria</option>
<option value="26262C">Boulder</option>
<option value="1A1A1B">Black</option>
<option value="0E1011">Pitch</option>
<option value="1F1A23">Night</option>
<option value="22263D">Depth</option>
<option value="471A43">Blackberry</option>
<option value="4C2A4F">Berry</option>
<option value="553348">Loulou</option>
<option value="6E235D">Lilac</option>
<option value="551199">Amarklor</option>
<option value="863290">Grape</option>
<option value="9778BE">Petal</option>
<option value="7F6195">Satin</option>
<option value="5C415D">Haunted</option>
<option value="735B77">Ghost</option>
<option value="8E7F9E">Lavender</option>
<option value="A794B2">Amethyst</option>
<option value="AA96A6">Dart</option>
<option value="E1CDFE">Pansy</option>
<option value="CCA4E0">Bubble</option>
<option value="DA4FFF">Plum</option>
<option value="9C50D3">Purple</option>
<option value="7958B1">Royal</option>
<option value="993BD1">Eggplant</option>
<option value="7930B5">Midnight</option>
<option value="5317B5">Urchin</option>
<option value="4D2C89">Jelly</option>
<option value="3F2B66">Smog</option>
<option value="0D0A5B">Sapphire</option>
<option value="2B0D88">Angler</option>
<option value="2D237A">Bluebell</option>
<option value="484AA1">Aster</option>
<option value="525195">Smoke</option>
<option value="4866D5">Uranus</option>
<option value="757ADB">Rain</option>
<option value="9499F7">Periwinkle</option>
<option value="7895C1">Stream</option>
<option value="324BA9">Blue</option>
<option value="212B5F">Denim</option>
<option value="023489">Morpho</option>
<option value="023AE2">Raindrop</option>
<option value="1C51E7">Marine</option>
<option value="2F83FF">Ocean</option>
<option value="6394DD">Drip</option>
<option value="76A8FF">Cool</option>
<option value="AEC8FF">Sky</option>
<option value="89A4C0">Cloud</option>
<option value="556979">Aluminum</option>
<option value="444F69">Harpy</option>
<option value="2F4557">Iron</option>
<option value="263746">Dream</option>
<option value="0D1E25">Abyss</option>
<option value="0B2D46">Trench</option>
<option value="0A3D67">Twilight</option>
<option value="094869">Mountain</option>
<option value="2B768F">Azure</option>
<option value="0086CE">Shell</option>
<option value="00B4D5">Cerulean</option>
<option value="9CDDD3">Icecap</option>
<option value="B3E1F1">Winter</option>
<option value="E0FFFF">Glacier</option>
<option value="91FFF7">Glow</option>
<option value="00FFF1">Cyan</option>
<option value="77DDDA">Bermuda</option>
<option value="09E0C7">Lagoon</option>
<option value="18D3A9">Plankton</option>
<option value="3CA2A4">Turquoise</option>
<option value="3A8684">History</option>
<option value="8DBCB4">Spruce</option>
<option value="72C4C4">Water</option>
<option value="9AEAEF">Glass</option>
<option value="E2FFE6">Pistachio</option>
<option value="B3FFD8">Dolphin</option>
<option value="9AFFC7">Mint</option>
<option value="B2E2BD">Seafoam</option>
<option value="A6DBA7">Caterpillar</option>
<option value="61AB89">Jade</option>
<option value="148E67">Spearmint</option>
<option value="1F565D">Essence</option>
<option value="233253">Rainforest</option>
<option value="153F4B">Seaweed</option>
<option value="114D41">Algae</option>
<option value="1F483A">Forest</option>
<option value="005D48">Hydra</option>
<option value="20603F">Emerald</option>
<option value="236825">Shamrock</option>
<option value="66903C">Pear</option>
<option value="1E361A">Jungle</option>
<option value="1E2716">Swamp</option>
<option value="1F281D">Root</option>
<option value="495547">Moonrock</option>
<option value="425035">Snake</option>
<option value="51684C">Camo</option>
<option value="516760">Scale</option>
<option value="687F67">Ivy</option>
<option value="97AF8B">Mantis</option>
<option value="A7B08C">Micah</option>
<option value="9BFF9D">Pea</option>
<option value="03FF7D">Synthesizer</option>
<option value="87E34D">Malachite</option>
<option value="7ECE73">Fern</option>
<option value="7BBD5D">Stem</option>
<option value="629C3F">Green</option>
<option value="567C34">Grass</option>
<option value="8ECE56">Cactus</option>
<option value="A5E32D">Leaf</option>
<option value="C6FF00">Toxin</option>
<option value="CDFE6C">Uranium</option>
<option value="9FFF00">Corrosion</option>
<option value="E8FCB4">Peridot</option>
<option value="D1E572">Cabbage</option>
<option value="B4CD3D">Chartreuse</option>
<option value="A9A032">Prehistoric</option>
<option value="828335">Alligator</option>
<option value="697135">Olive</option>
<option value="4B4420">Murk</option>
<option value="7E7645">Bark</option>
<option value="C18E1B">Amber</option>
<option value="BEA55D">Sponge</option>
<option value="D1B045">Haze</option>
<option value="D1B300">Swallowtail</option>
<option value="FFE63B">Lemon</option>
<option value="F9E255">Wasp</option>
<option value="F7FF6F">Yolk</option>
<option value="FFEC80">Banana</option>
<option value="FDD68B">Honey</option>
<option value="FDE9AC">Squash</option>
<option value="EDE8B0">Sanddollar</option>
<option value="FFFDEA">Mellow</option>
<option value="FDF1E1">Lychee</option>
<option value="FFEFDC">Creme</option>
<option value="F7DEBF">Pelt</option>
<option value="FFD297">Ivory</option>
<option value="F6BF6C">Peanut</option>
<option value="F2AD0C">Gold</option>
<option value="FFB53C">Marigold</option>
<option value="FA912B">Apricot</option>
<option value="FF8500">Poppy</option>
<option value="FF984F">Yam</option>
<option value="FFA147">Orange</option>
<option value="FFB576">Peach</option>
<option value="FCC4AD">Silt</option>
<option value="F0B392">Sahara</option>
<option value="E29C7A">Pecan</option>
<option value="D5602B">Saffron</option>
<option value="CB732D">Chestnut</option>
<option value="B2560D">Bronze</option>
<option value="B24407">Sandstone</option>
<option value="FF5500">Carrot</option>
<option value="EF5C23">Fire</option>
<option value="FF6841">Pumpkin</option>
<option value="FF7360">Sunrise</option>
<option value="C15A39">Cinnamon</option>
<option value="C47149">Caramel</option>
<option value="B27749">Acorn</option>
<option value="9A7B4F">Tortilla</option>
<option value="C3996F">Hide</option>
<option value="CABBA2">Beige</option>
<option value="827A64">Pine</option>
<option value="6D675B">Soil</option>
<option value="564D48">Coffee</option>
<option value="3C3030">Cocoa</option>
<option value="766259">Chocolate</option>
<option value="977B6C">Cappuccino</option>
<option value="BFA18F">Beach</option>
<option value="8A6059">Gingerbread</option>
<option value="7A4D4D">Maple</option>
<option value="774840">Hazel</option>
<option value="6B3C34">Coconut</option>
<option value="603E3D">Clay</option>
<option value="57372C">Sable</option>
<option value="432711">Penny</option>
<option value="301E1A">Umber</option>
<option value="22110A">Brownie</option>
<option value="2F1B1B">Birch</option>
<option value="5A4534">Feldspar</option>
<option value="72573A">Walnut</option>
<option value="855B33">Grain</option>
<option value="91532A">Ginger</option>
<option value="90553A">Starfish</option>
<option value="8E5B3F">Brown</option>
<option value="563012">Slate</option>
<option value="7B3C1D">Auburn</option>
<option value="A44B28">Copper</option>
<option value="8B3220">Rust</option>
<option value="BA311C">Tomato</option>
<option value="E22D18">Vermillion</option>
<option value="CE000D">Pepper</option>
<option value="AA0024">Cherry</option>
<option value="850012">Crimson</option>
<option value="7A0E1E">Ruby</option>
<option value="581014">Garnet</option>
<option value="2D0102">Sanguine</option>
<option value="451717">Blood</option>
<option value="652127">Rose</option>
<option value="8C272D">Cranberry</option>
<option value="C1272D">Redwood</option>
<option value="DF3236">Strawberry</option>
<option value="FC6D68">Fruit</option>
<option value="B13A3A">Carmine</option>
<option value="A12928">Cerise</option>
<option value="9A534D">Brick</option>
<option value="CC6F6F">Coral</option>
<option value="FEA0A0">Blush</option>
<option value="FFB7B4">Sakura</option>
<option value="FFE5E5">Peony</option>
<option value="FFE2E6">Macaron</option>
<option value="FEA1B3">Flamingo</option>
<option value="FF839B">Ribbon</option>
<option value="C67A80">Charm</option>
<option value="D696B6">Taffy</option>
<option value="EB799A">Candy</option>
<option value="FB5E79">Bubblegum</option>
<option value="DB518D">Watermelon</option>
<option value="E934AA">Magenta</option>
<option value="E7008B">Fuschia</option>
<option value="CB0381">Tulip</option>
<option value="AA004C">Rubellite</option>
<option value="8A024A">Raspberry</option>
<option value="4D0F28">Syrah</option>
<option value="9C4975">Mauve</option>
<option value="C44674">Radish</option>
<option value="E77FBF">Gum</option>
<option value="E5A9FF">Quartz</option>
<option value="E8CCFF">Confetti</option>
<option value="FFD6F6">Petalite</option>
<option value="FBEDFA">Pearl</option>
</select>
<datalist id="colourList">
<option value="White">
</option><option value="Snowflake">
</option><option value="Whisp">
</option><option value="Whale">
</option><option value="Mist">
</option><option value="Storm">
</option><option value="Silver">
</option><option value="Gravel">
</option><option value="Felt">
</option><option value="Bluesteel">
</option><option value="Stone">
</option><option value="Tin">
</option><option value="Spirit">
</option><option value="Gloom">
</option><option value="Coal">
</option><option value="Gabbro">
</option><option value="Asphalt">
</option><option value="Ash">
</option><option value="Basalt">
</option><option value="Scoria">
</option><option value="Boulder">
</option><option value="Black">
</option><option value="Pitch">
</option><option value="Night">
</option><option value="Depth">
</option><option value="Blackberry">
</option><option value="Berry">
</option><option value="Loulou">
</option><option value="Lilac">
</option><option value="Amarklor">
</option><option value="Grape">
</option><option value="Petal">
</option><option value="Satin">
</option><option value="Haunted">
</option><option value="Ghost">
</option><option value="Lavender">
</option><option value="Amethyst">
</option><option value="Dart">
</option><option value="Pansy">
</option><option value="Bubble">
</option><option value="Plum">
</option><option value="Purple">
</option><option value="Royal">
</option><option value="Eggplant">
</option><option value="Midnight">
</option><option value="Urchin">
</option><option value="Jelly">
</option><option value="Smog">
</option><option value="Sapphire">
</option><option value="Angler">
</option><option value="Bluebell">
</option><option value="Aster">
</option><option value="Smoke">
</option><option value="Uranus">
</option><option value="Rain">
</option><option value="Periwinkle">
</option><option value="Stream">
</option><option value="Blue">
</option><option value="Denim">
</option><option value="Morpho">
</option><option value="Raindrop">
</option><option value="Marine">
</option><option value="Ocean">
</option><option value="Drip">
</option><option value="Cool">
</option><option value="Sky">
</option><option value="Cloud">
</option><option value="Aluminum">
</option><option value="Harpy">
</option><option value="Iron">
</option><option value="Dream">
</option><option value="Abyss">
</option><option value="Trench">
</option><option value="Twilight">
</option><option value="Mountain">
</option><option value="Azure">
</option><option value="Shell">
</option><option value="Cerulean">
</option><option value="Icecap">
</option><option value="Winter">
</option><option value="Glacier">
</option><option value="Glow">
</option><option value="Cyan">
</option><option value="Bermuda">
</option><option value="Lagoon">
</option><option value="Plankton">
</option><option value="Turquoise">
</option><option value="History">
</option><option value="Spruce">
</option><option value="Water">
</option><option value="Glass">
</option><option value="Pistachio">
</option><option value="Dolphin">
</option><option value="Mint">
</option><option value="Seafoam">
</option><option value="Caterpillar">
</option><option value="Jade">
</option><option value="Spearmint">
</option><option value="Essence">
</option><option value="Rainforest">
</option><option value="Seaweed">
</option><option value="Algae">
</option><option value="Forest">
</option><option value="Hydra">
</option><option value="Emerald">
</option><option value="Shamrock">
</option><option value="Pear">
</option><option value="Jungle">
</option><option value="Swamp">
</option><option value="Root">
</option><option value="Moonrock">
</option><option value="Snake">
</option><option value="Camo">
</option><option value="Scale">
</option><option value="Ivy">
</option><option value="Mantis">
</option><option value="Micah">
</option><option value="Pea">
</option><option value="Synthesizer">
</option><option value="Malachite">
</option><option value="Fern">
</option><option value="Stem">
</option><option value="Green">
</option><option value="Grass">
</option><option value="Cactus">
</option><option value="Leaf">
</option><option value="Toxin">
</option><option value="Uranium">
</option><option value="Corrosion">
</option><option value="Peridot">
</option><option value="Cabbage">
</option><option value="Chartreuse">
</option><option value="Prehistoric">
</option><option value="Alligator">
</option><option value="Olive">
</option><option value="Murk">
</option><option value="Bark">
</option><option value="Amber">
</option><option value="Sponge">
</option><option value="Haze">
</option><option value="Swallowtail">
</option><option value="Lemon">
</option><option value="Wasp">
</option><option value="Yolk">
</option><option value="Banana">
</option><option value="Honey">
</option><option value="Squash">
</option><option value="Sanddollar">
</option><option value="Mellow">
</option><option value="Lychee">
</option><option value="Creme">
</option><option value="Pelt">
</option><option value="Ivory">
</option><option value="Peanut">
</option><option value="Gold">
</option><option value="Marigold">
</option><option value="Apricot">
</option><option value="Poppy">
</option><option value="Yam">
</option><option value="Orange">
</option><option value="Peach">
</option><option value="Silt">
</option><option value="Sahara">
</option><option value="Pecan">
</option><option value="Saffron">
</option><option value="Chestnut">
</option><option value="Bronze">
</option><option value="Sandstone">
</option><option value="Carrot">
</option><option value="Fire">
</option><option value="Pumpkin">
</option><option value="Sunrise">
</option><option value="Cinnamon">
</option><option value="Caramel">
</option><option value="Acorn">
</option><option value="Tortilla">
</option><option value="Hide">
</option><option value="Beige">
</option><option value="Pine">
</option><option value="Soil">
</option><option value="Coffee">
</option><option value="Cocoa">
</option><option value="Chocolate">
</option><option value="Cappuccino">
</option><option value="Beach">
</option><option value="Gingerbread">
</option><option value="Maple">
</option><option value="Hazel">
</option><option value="Coconut">
</option><option value="Clay">
</option><option value="Sable">
</option><option value="Penny">
</option><option value="Umber">
</option><option value="Brownie">
</option><option value="Birch">
</option><option value="Feldspar">
</option><option value="Walnut">
</option><option value="Grain">
</option><option value="Ginger">
</option><option value="Starfish">
</option><option value="Brown">
</option><option value="Slate">
</option><option value="Auburn">
</option><option value="Copper">
</option><option value="Rust">
</option><option value="Tomato">
</option><option value="Vermillion">
</option><option value="Pepper">
</option><option value="Cherry">
</option><option value="Crimson">
</option><option value="Ruby">
</option><option value="Garnet">
</option><option value="Sanguine">
</option><option value="Blood">
</option><option value="Rose">
</option><option value="Cranberry">
</option><option value="Redwood">
</option><option value="Strawberry">
</option><option value="Fruit">
</option><option value="Carmine">
</option><option value="Cerise">
</option><option value="Brick">
</option><option value="Coral">
</option><option value="Blush">
</option><option value="Sakura">
</option><option value="Peony">
</option><option value="Macaron">
</option><option value="Flamingo">
</option><option value="Ribbon">
</option><option value="Charm">
</option><option value="Taffy">
</option><option value="Candy">
</option><option value="Bubblegum">
</option><option value="Watermelon">
</option><option value="Magenta">
</option><option value="Fuschia">
</option><option value="Tulip">
</option><option value="Rubellite">
</option><option value="Raspberry">
</option><option value="Syrah">
</option><option value="Mauve">
</option><option value="Radish">
</option><option value="Gum">
</option><option value="Quartz">
</option><option value="Confetti">
</option><option value="Petalite">
</option><option value="Pearl">
</option><option value="Legendary Colour">
</option></datalist>
<datalist id="materialList">
<option value="Asphalt">
</option><option value="Basalt">
</option><option value="Big Scales">
</option><option value="Circuitry">
</option><option value="Clovers">
</option><option value="Cobblestone">
</option><option value="Concrete">
</option><option value="Cracked Lava">
</option><option value="Cracked Rock">
</option><option value="Fish Scales">
</option><option value="Foil">
</option><option value="Forcefield">
</option><option value="Fur Tufts">
</option><option value="Gator Leather">
</option><option value="Gemstone">
</option><option value="Glacier">
</option><option value="Glass">
</option><option value="Granite">
</option><option value="Grass">
</option><option value="Ice">
</option><option value="Limestone">
</option><option value="Marble">
</option><option value="Metal">
</option><option value="Metal Plates">
</option><option value="Mud">
</option><option value="Neon">
</option><option value="Pasture">
</option><option value="Patches">
</option><option value="Pebble">
</option><option value="Quilt">
</option><option value="Rounded Scales">
</option><option value="Salt">
</option><option value="Sand">
</option><option value="Sandstone">
</option><option value="Scales">
</option><option value="Scute">
</option><option value="Serpentine">
</option><option value="Sharp Scales">
</option><option value="Slate">
</option><option value="Smooth Plastic">
</option><option value="Snow">
</option><option value="Star Paper">
</option><option value="Thick Fur">
</option><option value="Thin Fur">
</option><option value="Tough Leather">
</option><option value="Wall Paper">
</option><option value="Wavy Fur">
</option><option value="Weeds">
</option><option value="Wood">
</option><option value="Wood Planks">
</option><option value="Worn Leather">
</option><option value="Wrapping Paper">
</option></datalist>
<p><button type="button" onclick="ChangeFont()">Submit Customisation</button></p>
<h2><span style="color:#FFFFFF;">Type the input colours and materials in the box!</span></h2>
<p><span style="color:#FFFFFF;">Every box are optional to be filled or not</span></p>
<p><span style="color:#FFFFFF;">honestly, it works even if you leave all of them empty</span></p>
<label for="display"><span style="color:#FFFFFF;">Output display mode:</span></label>
<label for="new-display"><span style="color:#FFFFFF;">Visual Table</span></label>
<input type="radio" id="new-display" name="display" value="new" required="">
<label for="old-display"><span style="color:#FFFFFF;">List</span></label>
<input type="radio" id="old-display" name="display" value="old" required="">
<p></p>
<label for="empty"><span style="color:#FFFFFF;">Default for no input:</span></label>
<label for="none-input"><span style="color:#FFFFFF;">None</span></label>
<input type="radio" id="none-input" name="empty" value="none" required="">
<label for="any-input"><span style="color:#FFFFFF;">Any</span></label>
<input type="radio" id="any-input" name="empty" value="any" required="">
<p><span style="color:#FFFFFF;">Disclaimer: 'Any' means theme slot that's accept any colour</span></p>
<p><span style="color:#FFFFFF;">It doesn't mean ALL colour at once (cuz that will completely destroy 1/3 section)</span></p>
<p><button type="submit" style="font-size: 1em;">Submit</button></p>
<figure class="table" style="border-spacing: 0px; margin-inline-start: 0px; margin-inline-end: 3px;">
<table class="ck-table-resized" style="border-style:none;">
<colgroup>
<col style="width:10%;">
<col style="width:28%;">
<col style="width:28%;">
<col style="width:28%;">
</colgroup>
<tbody>
<tr>
<td style="border-style:none;"> </td>
<td style="border-style:none;"><e><span style="color:#FFFFFF; font-size: 1.5em;">Primary</span></e></td>
<td style="border-style:none;"><e><span style="color:#FFFFFF; font-size: 1.5em;">Secondary</span></e></td>
<td style="border-style:none;"><e><span style="color:#FFFFFF; font-size: 1.5em;">Tertiary</span></e></td>
</tr>
<tr>
<td style="border-style:none;"><e><span style="color:#FFFFFF; font-size: 1.5em;">Colour</span></e></td>
<td style="border-style:solid;border-color:hsl(0, 0%, 0%);border-width:2px;"><span style="color:#FFFFFF;"><input type="text" list="colourList" id="prim_col" name="prim_col" placeholder="will be default if empty" style="width: 100%; font-size: 1em;"></span></td>
<td style="border-style:solid;border-color:hsl(0, 0%, 0%);border-width:2px;"><span style="color:#FFFFFF;"><input type="text" list="colourList" id="sec_col" name="sec_col" placeholder="will be default if empty" style="width: 100%; font-size: 1em;"></span></td>
<td style="border-style:solid;border-color:hsl(0, 0%, 0%);border-width:2px;"><span style="color:#FFFFFF;"><input type="text" list="colourList" id="tert_col" name="tert_col" placeholder="will be default if empty" style="width: 100%; font-size: 1em;"></span></td>
</tr>
<tr>
<td style="border-style:none;"><e><span style="color:#FFFFFF; font-size: 1.5em;">Material</span></e></td>
<td style="border-style:solid;border-color:hsl(0, 0%, 0%);border-width:2px;"><span style="color:#FFFFFF;"><input type="text" list="materialList" id="prim_mat" name="prim_mat" placeholder="will be default if empty" style="width: 100%; font-size: 1em;"></span></td>
<td style="border-style:solid;border-color:hsl(0, 0%, 0%);border-width:2px;"><span style="color:#FFFFFF;"><input type="text" list="materialList" id="sec_mat" name="sec_mat" placeholder="will be default if empty" style="width: 100%; font-size: 1em;"></span></td>
<td style="border-style:solid;border-color:hsl(0, 0%, 0%);border-width:2px;"><span style="color:#FFFFFF;"><input type="text" list="materialList" id="tert_mat" name="tert_mat" placeholder="will be default if empty" style="width: 100%; font-size: 1em;"></span></td>
</tr>
</tbody>
</table>
</figure>
</form>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<div id="textDiv"></div>
<script>
function resizeForms() {
const isMobile = /Mobi|Android/i.test(navigator.userAgent);
if (isMobile) {
const inputs = document.querySelectorAll('input[type="text"]');
inputs.forEach(input => {
input.style.width = '100%';
input.style.fontSize = '0.95em';
});
const tables = document.querySelectorAll('.ck-table-resized');
tables.forEach(table => {
table.style.width = '100%';
});
const buttons = document.querySelectorAll('button[type="submit"]');
buttons.forEach(button => {
button.style.fontSize = '1em';
});
const forms = document.querySelectorAll('e');
forms.forEach(form => {
form.style.fontSize = '1em';
});
const extras = document.querySelectorAll('button[onclick="ChangeFont()"]');
extras.forEach(extra => {
extra.style.fontSize = '1em';
});
const options = document.querySelectorAll('select');
options.forEach(option => {
option.style.fontSize = '1em';
});
const bombs = document.querySelectorAll('#textDiv'); // Changed to querySelectorAll
bombs.forEach(bomb => {
bomb.innerHTML = "";
});
event.preventDefault(); // Prevent form submission
} else {
const inputs = document.querySelectorAll('input[type="text"]');
inputs.forEach(input => {
input.style.width = '100%';
input.style.fontSize = '1em';
});
}
}
window.onload = resizeForms;
function ChangeFont() {
const selectedColor = document.getElementById('color').value;
const fontColor = document.getElementById('fontcolor').value;
const fontSelector = document.getElementById('font');
const selectedFont = fontSelector.value;
document.body.style.backgroundColor = selectedColor;
document.body.style.fontFamily = selectedFont;
const creeps = document.querySelectorAll('span');
creeps.forEach(creep => {
creep.style.color = fontColor;
});
}
</script>
</body></html>