{"id":19279780,"url":"https://github.com/oruga-ui/theme-oruga","last_synced_at":"2025-04-22T00:33:05.587Z","repository":{"id":180446602,"uuid":"665066065","full_name":"oruga-ui/theme-oruga","owner":"oruga-ui","description":"🦋 Customization of Oruga components with a custom styling","archived":false,"fork":false,"pushed_at":"2024-11-08T15:39:24.000Z","size":483,"stargazers_count":5,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-11-09T12:03:58.880Z","etag":null,"topics":["css","oruga","theme","ui","ux"],"latest_commit_sha":null,"homepage":"https://oruga-ui.com","language":"SCSS","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/oruga-ui.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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},"funding":null},"created_at":"2023-07-11T11:06:14.000Z","updated_at":"2024-11-08T15:39:25.000Z","dependencies_parsed_at":"2024-04-07T11:21:29.602Z","dependency_job_id":"c5453906-fe62-4137-a511-f029c0a90fbe","html_url":"https://github.com/oruga-ui/theme-oruga","commit_stats":null,"previous_names":["oruga-ui/theme-oruga"],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oruga-ui%2Ftheme-oruga","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oruga-ui%2Ftheme-oruga/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oruga-ui%2Ftheme-oruga/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oruga-ui%2Ftheme-oruga/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oruga-ui","download_url":"https://codeload.github.com/oruga-ui/theme-oruga/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223883657,"owners_count":17219270,"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":["css","oruga","theme","ui","ux"],"created_at":"2024-11-09T21:16:06.545Z","updated_at":"2025-04-22T00:33:05.575Z","avatar_url":"https://github.com/oruga-ui.png","language":"SCSS","readme":"\u003cp align=\"center\"\u003e\n    \u003cimg width=\"150\" src=\"https://oruga-ui.com/logo.png\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  🦋 \u003ci\u003eDefault theme for \u003ca href=\"https://oruga-ui.com\" target=\"_blank\"\u003eOruga\u003c/a\u003e\u003c/i\u003e without any dependencies\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://www.npmjs.com/package/@oruga-ui/theme-oruga\"\u003e\n        \u003cimg src=\"https://img.shields.io/npm/v/@oruga-ui/theme-oruga.svg?logo=npm\" alt=\"Oruga Default theme version\" /\u003e\n    \u003ca\u003e\n    \u003ca href=\"https://www.npmjs.com/package/@oruga-ui/theme-oruga\"\u003e\n        \u003cimg src=\"https://img.shields.io/npm/dt/@oruga-ui/theme-oruga.svg\" alt=\"Oruga Default theme downloads\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://vuejs.org\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/vue.js-3.x-4fc08d\" alt=\"Vue.js version\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://discord.gg/RuKuBYN\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/chat-on%20discord-7289DA.svg?logo=discord\"  alt=\"Discord Link\"/\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://ko-fi.com/mlmoravek\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/ko--fi-donate-%23FF5E5B?style=flat\u0026logo=ko-fi\u0026logoColor=white\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n\n### Install\n\n```sh\nnpm install @oruga-ui/theme-oruga\n```\n\nor\n\n```sh\nyarn add @oruga-ui/theme-oruga\n```\n\n### Configure\n\n```js\nimport { createApp } from 'vue'\nimport App from './App.vue'\n\n// import Oruga\nimport Oruga from '@oruga-ui/oruga-next'\n\n// import Oruga theme styling\nimport '@oruga-ui/theme-oruga/dist/oruga.css'\n\ncreateApp(App)\n    .use(Oruga)\n    .mount('#app')\n```\nThe Oruga Default theme uses the default classes set by Oruga and doesn't come with any JS configuration at all. The `oruga.css` contains the full Oruga style (the default style used for documentation). \n\n### Customization (SASS/SCSS)\n\nFor customasing any SASS variables you have to set them pefore the SCSS Import.\n\n\n```scss\n// Include any default variable overrides here (though functions and maps won't be available here)\n// ...\n\n// Include the full Oruga theme here\n@import \"/node_modules/@oruga-ui/theme-oruga/dist/scss/oruga\";\n\n// Then add additional custom code here\n// ...\n```\n\n### Override default config\n\nIn case you want to replace the default style of a component you can override or add new classes; more details about components customization on https://oruga-ui.com/documentation/#customization\n\n```js\nimport { createApp } from 'vue'\n\nimport Oruga from '@oruga-ui/oruga-next'\n\nimport '@oruga-ui/theme-oruga/dist/oruga.css'\n\nconst customConfig = {\n    checkbox: {\n        override: true,\n        rootClass: 'checkbox'\n    }\n}\n\ncreateApp(App)\n    .use(Oruga, customConfig)\n    .mount('#app')\n```\n\n## Contributors\nThank you to everyone involved for improving this project, day by day 💚\n\n\u003ca href=\"https://github.com/oruga-ui/theme-oruga\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=oruga-ui/theme-oruga\" /\u003e\n\u003c/a\u003e\n\n[Complete list](CONTRIBUTORS.md).\n\n## License\n\nCode released under [MIT](https://github.com/oruga-ui/theme-oruga/blob/main/LICENSE) license.\n","funding_links":["https://ko-fi.com/mlmoravek"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foruga-ui%2Ftheme-oruga","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foruga-ui%2Ftheme-oruga","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foruga-ui%2Ftheme-oruga/lists"}