https://github.com/crestapps/orchardcore-theme-sample
https://github.com/crestapps/orchardcore-theme-sample
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/crestapps/orchardcore-theme-sample
- Owner: CrestApps
- License: mit
- Created: 2023-04-20T18:38:40.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-12-21T01:55:32.000Z (over 1 year ago)
- Last Synced: 2025-07-25T17:08:36.353Z (11 months ago)
- Language: HTML
- Size: 28 MB
- Stars: 0
- Watchers: 0
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
This project is intended to allow easy theme creation.
To create a new theme copy the `src/Themes/ThemeTemplate` into a new folder in `src/Themes`
In the theme folder, the file `Assets.json` file is to allow you to compile multiple input file into a single output file.
To install custom packages for your theme. Change directory to the new theme folder, and execute `npm install your-package-name`
## Getting started
Execute `npm install` in the root of the project. This command will install all the needed packages.
To build the resources, execute `gulp` command which will build the final files located in the `wwwroot` folder of every theme.
To watch any file changes in your project, execute `gulp watch`. Now, anytime you modify your assets, the compiler will automatically run and compile the changed files.
To clean up the project, you may run `npm cleanup all`. This will clean all `node_modules` from all the themes and the solutions.
## Designing using Figma
Here are some best practices to use when designing the site using Figma.
### Define the following color names
- Primary
- Secondary
- Info
- Dark
- Light
- Danger (red)
- Success (green)
- Warning (yellow/orange)
- Black
- White
### Use Layout Grid to align content
- Make the layout "Columns" type using 12 columns
- Center the grid using 86 and 24 for the gutter