mirror of https://github.com/abpframework/abp.git
malik masis
3 years ago
52 changed files with 181 additions and 55 deletions
@ -0,0 +1,30 @@ |
|||
# The Official Themes |
|||
ABP Framework provides a complete UI theming system. While you can build your own themes, you can use the following pre-built themes freely in your applications. |
|||
|
|||
## The Basic Theme |
|||
The Basic Theme is a minimalist theme that doesn't add any styling on top of the plain [Bootstrap](https://getbootstrap.com/) styles. You can take the Basic Theme as the base theme and build your own theme or styling on top of it. Here, a screenshot from the theme: |
|||
|
|||
 |
|||
|
|||
### Documentation |
|||
|
|||
- [Basic Theme - MVC UI](../UI/AspNetCore/Basic-Theme.md) |
|||
- [Basic Theme - Blazor UI](../UI/Blazor/Basic-Theme.md) |
|||
- [Basic Theme - Angular UI](../UI/Angular/Basic-Theme.md) |
|||
|
|||
## The LeptonX Lite Theme |
|||
**LeptonX Lite** is the free version of the [LeptonX Theme](https://x.leptontheme.com/), which is a part of the ABP Commercial. Here, a screenshot from the theme: |
|||
|
|||
 |
|||
|
|||
### Documentation |
|||
|
|||
- [LeptonX Lite - MVC UI](LeptonXLite/AspNetCore.md) |
|||
- [LeptonX Lite - Blazor UI](LeptonXLite/Blazor.md) |
|||
- [LeptonX Lite - Angular UI](LeptonXLite/Angular.md) |
|||
|
|||
## See Also |
|||
|
|||
* [Theming - MVC UI](../UI/AspNetCore/Theming.md) |
|||
* [Theming - Blazor UI](../UI/Blazor/Theming.md) |
|||
* [Theming - Angular UI](../UI/Angular/Theming.md) |
|||
|
After Width: | Height: | Size: 56 KiB |
@ -0,0 +1,19 @@ |
|||
using Volo.Abp.Cli.ProjectBuilding.Building; |
|||
|
|||
namespace Volo.Abp.Cli.Args; |
|||
|
|||
public class AngularThemeConfigurationArgs |
|||
{ |
|||
public Theme Theme { get; } |
|||
|
|||
public string ProjectName { get; } |
|||
|
|||
public string AngularFolderPath { get; } |
|||
|
|||
public AngularThemeConfigurationArgs(Theme theme, string projectName, string angularFolderPath) |
|||
{ |
|||
Theme = theme; |
|||
ProjectName = projectName; |
|||
AngularFolderPath = angularFolderPath; |
|||
} |
|||
} |
|||
@ -0,0 +1,30 @@ |
|||
using System; |
|||
using Volo.Abp.Cli.Args; |
|||
using Volo.Abp.Cli.Utils; |
|||
using Volo.Abp.DependencyInjection; |
|||
|
|||
namespace Volo.Abp.Cli.ProjectModification; |
|||
|
|||
public class AngularThemeConfigurer : ITransientDependency |
|||
{ |
|||
private readonly ICmdHelper _cmdHelper; |
|||
|
|||
public AngularThemeConfigurer(ICmdHelper cmdHelper) |
|||
{ |
|||
_cmdHelper = cmdHelper; |
|||
} |
|||
|
|||
public void Configure(AngularThemeConfigurationArgs args) |
|||
{ |
|||
if (args.ProjectName.IsNullOrEmpty() || args.AngularFolderPath.IsNullOrEmpty()) |
|||
{ |
|||
return; |
|||
} |
|||
|
|||
var command = "npx ng g @abp/ng.schematics:change-theme " + |
|||
$"--name {(int)args.Theme} " + |
|||
$"--target-project {args.ProjectName}"; |
|||
|
|||
_cmdHelper.RunCmd(command, workingDirectory: args.AngularFolderPath); |
|||
} |
|||
} |
|||
@ -1,6 +1,6 @@ |
|||
{ |
|||
"sdk": { |
|||
"version": "7.0.100-rc.2.22477.23", |
|||
"version": "7.0.100", |
|||
"rollForward": "latestFeature" |
|||
} |
|||
} |
|||
|
|||
Loading…
Reference in new issue