{"id":21958988,"url":"https://github.com/willpinha/mantine-themes","last_synced_at":"2025-07-22T11:31:30.540Z","repository":{"id":290440768,"uuid":"870913804","full_name":"willpinha/mantine-themes","owner":"willpinha","description":"Beautiful Mantine themes using semantic colors","archived":true,"fork":false,"pushed_at":"2025-04-28T20:36:04.000Z","size":185,"stargazers_count":23,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-28T21:37:37.073Z","etag":null,"topics":["color-theme","mantine","react","react-router","react-router-v7","themes"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/willpinha.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-10-10T22:41:02.000Z","updated_at":"2025-04-28T20:36:23.000Z","dependencies_parsed_at":"2025-04-28T21:39:03.838Z","dependency_job_id":"75c9c95f-cb22-4ad3-b13e-14fee040e114","html_url":"https://github.com/willpinha/mantine-themes","commit_stats":null,"previous_names":["willpinha/mantine-themes"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/willpinha/mantine-themes","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willpinha%2Fmantine-themes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willpinha%2Fmantine-themes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willpinha%2Fmantine-themes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willpinha%2Fmantine-themes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/willpinha","download_url":"https://codeload.github.com/willpinha/mantine-themes/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willpinha%2Fmantine-themes/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266483662,"owners_count":23936393,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["color-theme","mantine","react","react-router","react-router-v7","themes"],"created_at":"2024-11-29T09:18:39.347Z","updated_at":"2025-07-22T11:31:30.534Z","avatar_url":"https://github.com/willpinha.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e [!WARNING]\n\u003e This project was developed with Mantine v7.13 and is no longer being maintained\n\n\u003cdiv align=\"center\"\u003e\n\n\u003cimg alt=\"Mantine Themes\" width=\"120\" src=\"https://github.com/user-attachments/assets/b3d0a9d2-6d86-44cc-b698-b3f80266cf6c\" /\u003e\n\n# Mantine Themes\n\n*Beautiful Mantine themes using semantic colors*\n\n\u003cimg alt=\"Screenshot\" src=\"https://github.com/user-attachments/assets/8dc88fcc-b7b4-4579-8020-c1c0cb0fdf4f\" /\u003e\n\n\u003c/div\u003e\n\n## About\n\n**Mantine Themes** offers you a set of themes that you can use with the [Mantine](https://mantine.dev) UI library (React). It is also\npossible to build your own themes in a convenient, simple and fast way\n\nEach theme has primary, secondary and tertiary semantic colors so you can customize your frontend with the colors you prefer\n\nInterested in Mantine Themes? Run it locally with the following command:\n\n```\nnpm run dev\n```\n\n## License\n\nMantine Theme is under the [MIT License](LICENSE)\n\n## Documentation\n\n### 1. How it works?\n\nThemes are dynamically generated based on the `createMantineTheme` function located in the\n[create-mantine-theme.ts](https://github.com/willpinha/mantine-themes/blob/master/app/lib/create-mantine-theme.ts) file.\nThis function contains all the necessary documentation to use it\n\nJust copy this file to your project and create your themes\n\n```tsx\nimport { createMantineTheme } from \"./create-mantine-theme.ts\";\n\nconst theme = createMantineTheme({\n  baseHue: 120,\n  baseSaturation: 20,\n  colors: {\n    primary: [...],\n    secondary: [...],\n    tertiary: [...],\n  }\n});\n\nexport function App() {\n  return (\n    \u003cMantineProvider theme={theme}\u003e\n      {/* Your application here */}\n    \u003c/MantineProvider\u003e\n  );\n}\n```\n\n### 2. How to use a specific theme?\n\nMantine Themes-specific themes are located in the [app/themes](https://github.com/willpinha/mantine-themes/tree/master/app/themes) directory.\nJust copy the color theme that interests you\n\n### 3. How do I create my own themes?\n\nJust use the `createMantineTheme` function and follow the instructions in the function documentation\n\nThe base colors (text, background, shadow, border, ...) will have great accessibility by default. It is your duty to ensure that the semantic\ncolors (primary, secondary, tertiary) generated with [Colors generator](https://mantine.dev/colors-generator) have good contrast with the base colors\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillpinha%2Fmantine-themes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwillpinha%2Fmantine-themes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillpinha%2Fmantine-themes/lists"}