- ID de l'analyse :
- c29191de-d708-4b42-a427-d668bf885407Terminée
- URL soumise :
- https://bit.ly/4dcN7uXRedirigé
- Fin du rapport :
Liens : 1 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| 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 |
Variables JavaScript : 5 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| resizeForms | function |
| ChangeFont | function |
Messages de journal de console : 7 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
HTML
Le corps HTML de la page en données brutes
<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>