## Theme_widget step by step #### Features Action wizard Graphe explorer Tabs Editor --- <!-- .slide: data-background="white" --> ``` 🖥️ | 🪄 | Play project > themes > night > 1.css > 👈 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` 🖥️ | 🪄 | #1.css 👈 /Type commands 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` 📝 Rename 🖨️ Copy/paste 📌 Link ❌ Unlink ️️🗑️ Delete ``` ``` 🖥️ | 🪄 | /... 👈 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` 🖥️ | 🪄 | Play project > themes > night > 1.css > 👉 🔍 | ❔ ``` ``` 🖥️ | 🪄 | Type here... 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` 🖥️ 👈 | 🪄 | Play project > themes > night > 1.css > 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` 🖥️ > console...👈 /Type history | 🪄 | 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` 🖼 page/footer --> 💡 light Restored 🖼 page/footer --> 💡 light Copied 🖼 page/footer --> 💡 light Renamed 🖼 page/footer --> 💡 light Restored 🖼 page/footer --> 💡 light Deleted 🖼 page/footer --> 💡 light ↺ 🗑 ``` ``` 🖥️ > /history | 🪄 | 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` 🪄┱1[0]playproject.io/ ┠[1]pins/ ┃┌[0]playproject.io/ ┠┼1[1]themes/ ┃├[2]fantasy.json ┃├[2]electro.json ┃├[2]light.json ┃│┌[1]themes/ ┃└┼1[2]night.json📍 ┃ ├[3]page#css ┃ ├[3]page/header#css ┃ ├[3]page/header/menu#css ┃ │┌[2]night.json ┃ ├┼1[3]page/projects#css ┃ │├[4]header.css ┃ │└[4]1.css ┃ ├[3]page/footer#css ┃ └[3]page/footer/socials#css ┃┌[0]app ┃│ ┌[2]night.json ┗╅1┴2[5]page ┠[5]theme_widget ┠[5]topnav ┠[5]header ┠┬1[5]projects ┃│┌[0]itemcard ┃│├[5]projects ┃││ ┌┰1[3]css ┃││ ││┌[3]night#page/header#css ┃││ ││├[3]light#page/header#css ┃││ │├┴1[4]header.css ┃││ │└[4]1.css ┃││ ├[3]data ┃├┴1┴2[5]datdot ┃├[5]played ┃├[5]smartcontract_codes ┃├[5]wizardamigos ┃├[5]dat_ecosystem ┃└[5]data_shell ┠[5]supporters ┃┌[0]cardlist ┃├[5]page ┡╅1[5]our_contributors │┃┌[0]itemcard │┠┴1[5]Nina │┠[5]Serapath │┠[5]Jam │┠[5]Mauve │┠[5]Fiona │┠[5]Toshi │┠[5]Ailin │┠[5]Kayla │┠[5]Tommings │┠[5]Santies │┠[5]Pepe │┠[5]Jannis │┠[5]Nora │┠[5]Mimi │┠[5]Helenphina │┠[5]Ali │┃┌[0]itemcard │┃│▽ △ │┡┷1┯2🛠[5]{Cypher} ││ ▽│△ ││ ├[2]zip ││ └[2]zap │└[5]Ibrar └[5]footer ``` ``` 🖥️ | 🪄 👈| Play project > themes > night > 1.css > 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄┱1[0]playproject.io/ ┠[1]pins/ ┃┌[0]playproject.io/ ┠┼1[1]themes/ ┃├[2]fantasy.json ┃├[2]electro.json ┃├[2]light.json ┃│┌[1]themes/ ┃└┼1[2]night.json📍 ┃ ├[3]page#css ┃ ├[3]page/header#css ┃ ├[3]page/header/menu#css ┃ │┌[2]night.json ┃ ├┼1[3]page/projects#css ┃ │├[4]header.css ┃ │└[4]1.css ┃ ├[3]page/footer#css ┃ └[3]page/footer/socials#css ┃┌[0]app ┃│ ┌[2]night.json ┗╅1┴2[5]page ┠[5]theme_widget ┠[5]topnav ┠[5]header ┠┬1[5]projects ┃│┌[0]itemcard ┃│├[5]projects ┃││ ┌┰1[3]css ┃││ ││┌[3]night#page/header#css ┃││ ││├[3]light#page/header#css ┃││ │├┴1[4]header.css ┃││ │└[4]1.css 👈 ┃││ ├[3]data ┃├┴1┴2[5]datdot ┃├[5]played ┃├[5]smartcontract_codes ┃├[5]wizardamigos ┃├[5]dat_ecosystem ┃└[5]data_shell ┠[5]supporters ┃┌[0]cardlist ┃├[5]page ┡╅1[5]our_contributors │┃┌[0]itemcard │┠┴1[5]Nina │┠[5]Serapath │┠[5]Jam │┠[5]Mauve │┠[5]Fiona │┠[5]Toshi │┠[5]Ailin │┠[5]Kayla │┠[5]Tommings │┠[5]Santies │┠[5]Pepe │┠[5]Jannis │┠[5]Nora │┠[5]Mimi │┠[5]Helenphina │┠[5]Ali │┃┌[0]itemcard │┃│▽ △ │┡┷1┯2🛠[5]{Cypher} ││ ▽│△ ││ ├[2]zip ││ └[2]zap │└[5]Ibrar └[5]footer ``` ``` EDITOR .section { grid-column-end: 3; grid-template-rows: auto 1fr; grid-template-columns: 60% 40%; background-image: linear-gradient(0deg, var(--section3BgGEnd), var(-- section3BgGStart)); padding: 3vw 2vw 0 2vw; .content { position: relative; z-index: 9; grid-row-start: 1; grid-column-start: 2; text-align: center; ``` ``` 📄night.jason x |📄night.jason x|📄night.jason x |📄night.jason x |📄night.jason x ``` ``` 🖥️ | 🪄 | Play project > themes > night > 1.css > 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` 🖥️ | 🪄 | Play project > themes > night > 1.css > 🔍 | ❔ 👈 ``` ``` 🖥️ | 🪄 | Play project > themes > night > 1.css >[👉↩]🔍 | ❔ ``` ``` MARKDOWN ##breadcrumb Lorem ipsum dolor sit amet consectetur. Cursus quisque adipiscing blandit sed vel turpis ullamcorper consectetur amet non et aenean. Mauris magna egestas ac nulla quis. quis a eu ipsum hac est. Magnis non enim massa suspendisse egestas rutrum malesuada ultrices condimentum. Dui gravida in aliquam congue. Tincidunt ultrices semper eu nunc. Vitae donec. Feugiat proin aliquam enim porta senectus. Neque ``` ``` 📄Markdown x |📄night.jason x|📄night.jason x |📄night.jason x ``` --- <!-- .slide: data-background="white" --> ``` EDITOR .section { grid-column-end: 3; grid-template-rows: auto 1fr; grid-template-columns: 60% 40%; background-image: linear-gradient(section3BgGEnd), var(-- section3BgGStart)); padding: 3vw 2vw 0 2vw; .content { position: relative; z-index: 9; grid-row-start: 1; grid-column-start: 2; text-align: center; ``` ``` 📄night.jason x |📄night.jason x| night.jason x |📄night.jason x ``` ``` 🖥️ | 🪄 👈 | Play project > themes > night > 1.css > 🔍 | ❔ ``` --- ## Create New Theme Easily create new theme in the theme widget. ➡ --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | Play project > themes > night > 1.css > 👉 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | /create new theme 👈 X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` > /Create new theme 👈 ``` ``` 🖥️ | 🪄 | /Create new theme X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | /Create new theme - theme name:rainbow X 👉🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css 👈 /select entries ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ``` ``` > Move files > Copy/paste files > Import files ``` ``` 🖥️ | 🪄 | /Create new themes - theme name:Rainbow - 1.css x X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ``` ``` > Move files 👈 > Copy/paste files > Import files ``` ``` 🖥️ | 🪄 | /Create new themes - theme name:Rainbow - 1.css x X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ``` ``` 🖥️ | 🪄 | /Create new themes - theme name:Rainbow - move:1.css x X 👉🔍 | ❔ ``` --- ## Language Selection Easily switch languages in the theme widget for a localized experience across components and tools. ➡ --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | Play project > themes > night > 1.css > 👉 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | /Language 👈 X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` > /Language 👈 ``` ``` 🖥️ | 🪄 | /Language X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` > English 👈 > Hindi > Urdu > Swedish ``` ``` 🖥️ | 🪄 | /Language X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | /Language - Language:English X 👉🔍 | ❔ ``` --- ## Custom dataset Easily switch Custom datasets in the theme widget for a localized experience across components and tools. ➡ --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | Play project > themes > night > 1.css > 👉 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | /Custom dataset 👈 X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` > /Custom dataset 👈 ``` ``` 🖥️ | 🪄 | /Custom dataset X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css 👈 /select theme file ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | /Language - page:css --> X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | /Language - page:css --> X 👉🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects 👈 /select component ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | /Language - 'page:css --> project' X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | /Language - 'page:css --> project' X 👉🔍 | ❔ ``` --- ## Figma project dataset Easily apply project in the theme widget for a localized experience across components and tools. ➡ --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | Play project > themes > night > 1.css > 👉 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | /Figma project 👈 X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` > /Figma project 👈 ``` ``` 🖥️ | 🪄 | /Figma project X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` > Design A 👈 > Design B > Design C ``` ``` 🖥️ | 🪄 | /Figma project X 🔍 | ❔ ``` --- <!-- .slide: data-background="white" --> ``` GRAPHE EXPLORER 🪄➖🌐playproject.io/ ┠📁pins/ ┃┌🌐playproject.io/ ┠➖📁themes/ ┃├🎨fantasy.json ┃├🎨electro.json ┃├🎨light.json ┃│┌📁themes/ ┃└➖🎨night.json📍 ┃ ├🔗page:css ┃ ├🔗page/header:css ┃ ├🔗page/header/menu:css ┃ │┌🎨night.json ┃ ├➖🔗page/projects:css ┃ │├🖌️header.css ┃ │└🖌️1.css ┃ ├🔗page/footer:css ┃ └🔗page/footer/socials:css ┃┌🇹app ┃│ ┌🎨night.json ┗➖🗃🧩page ┠🧩theme_widget ┠🧩topnav ┠🧩header ┠➖🧩projects ┃│┌🇹itemcard ┃│├🧩projects ┃││ ┌➖🔗css ┃││ ││┌🔗night:page/header:css ┃││ ││├🔗light:page/header:css ┃││ │├➖🖌️header.css ┃││ │└🖌️1.css ┃││ ├🔗data ┃├➖🗃🧩datdot ┃├🧩played ┃├🧩smartcontract_codes ┃├🧩wizardamigos ┃├🧩dat_ecosystem ┃└🧩data_shell ┠🧩supporters ┃┌🧩page ┡➖🧩our_contributors │┃┌🇹itemcard │┠➖🧩Nina │┠🧩Serapath │┠🧩Jam │┠🧩Mauve │┠🧩Fiona │┠🧩Toshi │┠🧩Ailin │┠🧩Kayla │┠🧩Tommings │┠🧩Santies │┠🧩Pepe │┠🧩Jannis │┠🧩Nora │┠🧩Mimi │┠🧩Helenphina │┠🧩Ali │┠🧩Ibrar │┃🔼 🔼 │┗➕━🗄🔨🧩{Cypher} │ 🔽 🔽 🔧rename📝 │ 🔧unlink🕳️ │ 🔧link📌 │ 🔧copy🖨️ │ 🔧delete❌ └🧩footer ↪ │ 🌐playproject.io > 📂themes > 🎨night > 🔗page/project > 🖌️header.css ``` ``` 🖥️ | 🪄 | /Figma project - Project:Design A X 👉🔍 | ❔ ``` ---