{"id":16679273,"url":"https://github.com/ryan-gordon/ionic-dynamic-theming","last_synced_at":"2026-04-10T12:04:24.516Z","repository":{"id":79095870,"uuid":"114159594","full_name":"Ryan-Gordon/Ionic-Dynamic-Theming","owner":"Ryan-Gordon","description":"An practical example of changing the color/theme of your Ionic app at runtime. Written in Typescript","archived":false,"fork":false,"pushed_at":"2017-12-13T19:18:28.000Z","size":1589,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-20T03:57:09.585Z","etag":null,"topics":["ionic","ionic3","sass","typescript"],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ryan-Gordon.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2017-12-13T19:17:10.000Z","updated_at":"2018-07-06T14:53:07.000Z","dependencies_parsed_at":"2023-07-03T13:31:29.334Z","dependency_job_id":null,"html_url":"https://github.com/Ryan-Gordon/Ionic-Dynamic-Theming","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ryan-Gordon%2FIonic-Dynamic-Theming","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ryan-Gordon%2FIonic-Dynamic-Theming/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ryan-Gordon%2FIonic-Dynamic-Theming/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ryan-Gordon%2FIonic-Dynamic-Theming/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ryan-Gordon","download_url":"https://codeload.github.com/Ryan-Gordon/Ionic-Dynamic-Theming/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243365640,"owners_count":20279215,"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","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":["ionic","ionic3","sass","typescript"],"created_at":"2024-10-12T13:34:27.509Z","updated_at":"2025-12-27T15:55:10.279Z","avatar_url":"https://github.com/Ryan-Gordon.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ionic Dynamic Theming \nThis repo hold an example of dynamic theming in an ionic app. The technique involves switching between sass files at runtime to change the appearance of the UI.\n\n## Preview\n\nLight Mode: \n![](screenshots/light-theme.png)\n\nDark Mode: \n![](screenshots/dark-theme.png)\n\n\n## Installation\n\n* [Download the installer](https://nodejs.org/) for Node.js 6 or greater.\n* Install the ionic CLI globally: `npm install -g ionic`\n* Clone this repository: `git clone https://github.com/ionic-team/ionic-dynamic-theming.git`.\n* Run `npm install` from the project root.\n* Run `ionic serve` in a terminal from the project root.\n* Profit. :tada:\n\n_Note: You may need to add “sudo” in front of any global commands to install the utilities._\n\n\n## References\nTo learn more about Ionic, [visit this webpage](http://ionicframework.com).\n\nTo learn more about Typescript, [visit this webpage](https://www.typescriptlang.org)\n\nThis repo was inspired by this [article](https://devdactic.com/dynamic-theming-ionic/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryan-gordon%2Fionic-dynamic-theming","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fryan-gordon%2Fionic-dynamic-theming","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryan-gordon%2Fionic-dynamic-theming/lists"}