{"id":19723484,"url":"https://github.com/lightvue/slidev-theme-light-icons","last_synced_at":"2025-02-27T18:43:10.725Z","repository":{"id":39904446,"uuid":"366412309","full_name":"lightvue/slidev-theme-light-icons","owner":"lightvue","description":"A light and Elegant theme for Slidev","archived":false,"fork":false,"pushed_at":"2022-08-10T09:15:44.000Z","size":25401,"stargazers_count":51,"open_issues_count":4,"forks_count":32,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-17T19:40:20.024Z","etag":null,"topics":["hacktoberfest","hacktoberfest2021","icons","light-icons","slidev","slidev-theme"],"latest_commit_sha":null,"homepage":"https://slidev.icons.lightvue.org/","language":"Vue","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/lightvue.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}},"created_at":"2021-05-11T14:34:27.000Z","updated_at":"2025-01-21T01:44:19.000Z","dependencies_parsed_at":"2022-09-26T16:21:33.713Z","dependency_job_id":null,"html_url":"https://github.com/lightvue/slidev-theme-light-icons","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightvue%2Fslidev-theme-light-icons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightvue%2Fslidev-theme-light-icons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightvue%2Fslidev-theme-light-icons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightvue%2Fslidev-theme-light-icons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lightvue","download_url":"https://codeload.github.com/lightvue/slidev-theme-light-icons/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241045472,"owners_count":19899654,"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":["hacktoberfest","hacktoberfest2021","icons","light-icons","slidev","slidev-theme"],"created_at":"2024-11-11T23:22:20.954Z","updated_at":"2025-02-27T18:43:10.695Z","avatar_url":"https://github.com/lightvue.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# slidev-theme-light-icons\n\n[![NPM version](https://img.shields.io/npm/v/slidev-theme-light-icons?color=3AB9D4\u0026label=)](https://www.npmjs.com/package/slidev-theme-light-icons)\n\n- A light and Elegant theme for [Slidev](https://github.com/slidevjs/slidev).\n- This theme contains collection of amazing \u0026 light-weighted icons called the `light-icons`.\n\n#### Live demo: [Click Here](https://slidev.icons.lightvue.org).\n\nFor more information about `light-icons`. Visit [Light Icons](https://lightvue.org/getting-started/light-icons).\n\n---\n\n### 100% Light \u0026 Dark Compatible \nAll themes are compatible with `light` \u0026 `dark` mode\n\n![image-header-intro](screenshot/overall.gif)\n\n## Install\n\nAdd the following frontmatter to your `slides.md`. Start Slidev then it will prompt you to install the theme automatically.\n\n\u003cpre\u003e\u003ccode\u003e---\ntheme: \u003cb\u003elight-icons\u003c/b\u003e\n---\u003c/code\u003e\u003c/pre\u003e\n\nLearn more about [how to use a theme](https://sli.dev/themes/use).\n\n## Layouts\n\nThis theme provides the following layouts:\n#### Intro `intro`\nUsage:\n\n```\n---\nlayout: intro\nimage: 'https://source.unsplash.com/collection/94734566/1920x1080'\n---\n```\n\n![intro](screenshot/1-layout-intro.png)\n\n---\n\n\n#### Intro with icon `image-header-intro`\nUsage:\n\n```\n---\nlayout: image-header-intro\nimageHeader: '../assets/images/light-icon-logo.svg'\nimageRight: '../assets/images/light-icons-landing.svg'\n---\n```\n\n![image-header-intro](screenshot/2-layout-image-header-intro-light.png)\n\n---\n\n#### Dynamic Image `dynamic-image`\nUsage:\n\n```\n---\nlayout: dynamic-image\nimage: 'https://source.unsplash.com/collection/94734566/1920x1080'\nequal: true\nleft: false\n---\n```\n\n![dynamic-image](screenshot/3-layout-dynamic-image-dark.png)\n\n---\n\n#### Dynamic Image `dynamic-image`\nUsage:\n\n```\n---\nlayout: dynamic-image \nimage: 'https://source.unsplash.com/collection/94734566/1920x1080'\nequal: false\nleft: false\n---\n```\n\n![dynamic-image](screenshot/4-layout-dynamic-image-dark.png)\n\n---\n\n#### Dynamic Image `dynamic-image`\nUsage:\n\n```\n---\nlayout: dynamic-image \nimage: 'https://source.unsplash.com/collection/94734566/1920x1080'\nequal: false\nleft: true\n---\n```\n\n![dynamic-image](screenshot/5-layout-dynamic-image-dark.png)\n\n---\n\n#### Dynamic Image `dynamic-image`\nUsage:\n\n```\n---\nlayout: dynamic-image \nimage: 'https://source.unsplash.com/collection/94734566/1920x1080'\nequal: true\nleft: false\n---\n```\n\n![dynamic-image](screenshot/6-layout-dynamic-image-dark.png)\n\n---\n\n#### Dynamic Image `dynamic-image`\nUsage:\n\n```\n---\nlayout: dynamic-image \nimage: 'https://source.unsplash.com/collection/94734566/1920x1080'\nupperImage: 'https://source.unsplash.com/collection/94734566/1920x1080'\nequal: true\nleft: false\n---\n```\n\n![dynamic-image](screenshot/7-layout-dynamic-image-dark.png)\n\n---\n\n#### Image at center `dynamic-image`\nUsage:\n\n```\n---\nlayout: center-image\nimage: '../assets/images/light-icons-landing2.png'\n---\n```\n\n![center-image](screenshot/8-layout-center-image-light.png)\n\n---\n\n#### Dynamic Image `dynamic-image`\nUsage:\n\n```\n---\nlayout: dynamic-image\nimage: 'https://source.unsplash.com/collection/94734566/1920x1080'\nequal: false\nleft: false\n---\n```\n\n![dynamic-image](screenshot/9-layout-dynamic-image-light.png)\n\n---\n\n---\n\n#### Image at left `left-image`\nUsage:\n\n```\n---\nlayout: left-image\nimage: '../assets/images/light-vue-landing.svg'\nequal: true\n---\n```\n\n![image-left](screenshot/10-layout-left-image-light.png)\n\n\n#### Image at center `dynamic-image`\nUsage:\n\n```\n---\nlayout: center-image\n---\n```\n\n![center-image](screenshot/11-layout-center-image-light.png)\n\n\n## Components\n\nThis theme provides the following components:\n\n### `LightIcon` \u0026 `IconBox`\n- For using `light-icons` wherever needed inside the theme.\n- Also packed with additional `IconBox` to make the icons look elegant.\n\n![dynamic-image](screenshot/9-layout-dynamic-image-light.png)\n\n\n## Contributing\n\n- `npm install`\n- `npm run dev` to start theme preview of `example.md`\n- Edit the `example.md` and style to see the changes\n- `npm run export` to genreate the preview PDF\n- `npm run screenshot` to genrate the preview PNG\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flightvue%2Fslidev-theme-light-icons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flightvue%2Fslidev-theme-light-icons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flightvue%2Fslidev-theme-light-icons/lists"}