🦋 Default theme for Oruga without any dependencies
### Install ```sh npm install @oruga-ui/theme-oruga ``` or ```sh yarn add @oruga-ui/theme-oruga ``` ### Configure ```js import { createApp } from "vue"; import App from "./App.vue"; // import Oruga import Oruga from "@oruga-ui/oruga-next"; // import Oruga theme styling import "@oruga-ui/theme-oruga/style.css"; createApp(App).use(Oruga).mount("#app"); ``` The Oruga Default theme uses the default classes set by Oruga and doesn't come with any JS configuration at all. The `style.css` contains the full Oruga style (the default style used for the documentation page). ### Customization (SASS/SCSS) In order to customize any SASS variables, you have to set them before the SCSS Import. ```scss // Include any default variable overrides here (though functions and maps won't be available here) // ... // Include the full Oruga theme here @use "/node_modules/@oruga-ui/theme-oruga/scss/theme"; // Then add additional custom code here // ... ``` ### Override default config In 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 ```js import { createApp } from "vue"; import Oruga from "@oruga-ui/oruga-next"; import "@oruga-ui/theme-oruga/style.css"; const customConfig = { checkbox: { override: true, rootClass: "checkbox", }, }; createApp(App).use(Oruga, customConfig).mount("#app"); ``` ## Contributors Thank you to everyone involved for improving this project, day by day 💚
