Display Persian, Islamic, and Gregorian dates on your website
Place this code anywhere in your HTML page:
<div id="emrooz-widget"></div>
<script src="https://emrooz.app/embed.js"></script>Customize the widget via data-* attributes:
| Attribute | Type | Default | Description |
|---|---|---|---|
| data-theme | "light" | "dark" | "auto" | "auto" | Widget color theme |
| data-accent | CSS color | "#2B6E6E" | Primary accent color |
| data-locale | "fa" | "en" | "ar" | "fa" | Language and digit system |
| data-target | CSS selector | "#emrooz-widget" | Widget container selector |
Dark theme:
<div id="emrooz-widget"></div>
<script src="https://emrooz.app/embed.js"
data-theme="dark">
</script>English locale:
<div id="emrooz-widget"></div>
<script src="https://emrooz.app/embed.js"
data-locale="en"
data-theme="light">
</script>Custom accent color:
<div id="emrooz-widget"></div>
<script src="https://emrooz.app/embed.js"
data-accent="#8B5CF6"
data-theme="auto">
</script>The widget below is loaded live from emrooz.app: