@acorex/platform-generator 19.2.17-next.0 → 19.2.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/generators/app-module/files/src/app/app-version.provider.ts.template +12 -0
- package/src/generators/app-module/files/src/app/app.module.api.ts.template +108 -0
- package/src/generators/app-module/files/src/app/app.module.ts.template +58 -36
- package/src/generators/app-module/files/src/app/modules/layout/layout-root.module.ts.template +29 -10
- package/src/generators/app-module/files/src/assets/themes/layouts/base.scss.template +30 -0
- package/src/generators/app-module/files/src/assets/themes/palletes/palletes.scss.template +73 -0
- package/src/generators/app-module/files/src/assets/themes/palletes/scss/default.scss.template +47 -0
- package/src/generators/app-module/files/tailwind.config.js.template +38 -15
- package/src/generators/app-module/generator.d.ts +1 -0
- package/src/generators/app-module/generator.js +5 -0
- package/src/generators/app-module/generator.js.map +1 -1
- package/src/generators/app-module/files/src/assets/themes/default/default.scss.template +0 -141
package/package.json
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { AXPAppVersion, AXPAppVersionProvider } from '@acorex/platform/common';
|
|
2
|
+
import pkg from '../../../../package.json';
|
|
3
|
+
|
|
4
|
+
export class <%= className %>AppVersionProvider implements AXPAppVersionProvider {
|
|
5
|
+
provider(): Promise<AXPAppVersion> {
|
|
6
|
+
return Promise.resolve({
|
|
7
|
+
version: pkg.version,
|
|
8
|
+
build: 1,
|
|
9
|
+
date: new Date(),
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { AXDialogModule } from '@acorex/components/dialog';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
|
|
4
|
+
import { NgModule } from '@angular/core';
|
|
5
|
+
import { BrowserModule } from '@angular/platform-browser';
|
|
6
|
+
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
7
|
+
import { RouterModule, provideRouter, withEnabledBlockingInitialNavigation } from '@angular/router';
|
|
8
|
+
import { AppComponent } from './app.component';
|
|
9
|
+
import { appRoutes } from './app.routes';
|
|
10
|
+
import { BasicInterceptor } from './basic-interceptor.interceptor';
|
|
11
|
+
|
|
12
|
+
import { AXFormatModule } from '@acorex/core/format';
|
|
13
|
+
import { AXValidationModule } from '@acorex/core/validation';
|
|
14
|
+
import {
|
|
15
|
+
AXPImageUrlLogoConfig,
|
|
16
|
+
AXP_APP_VERSION_PROVIDER,
|
|
17
|
+
AXP_PLATFORM_CONFIG_TOKEN,
|
|
18
|
+
ENVIRONMENT,
|
|
19
|
+
configPlatform,
|
|
20
|
+
} from '@acorex/platform/common';
|
|
21
|
+
import { AXP<%= className %>AuthRootModule } from './modules/auth/auth-root.module';
|
|
22
|
+
import { AXPTranslationRootModule } from './modules/common/translation-root.module';
|
|
23
|
+
import { AXPLayoutRootModule } from './modules/layout/layout-root.module';
|
|
24
|
+
|
|
25
|
+
import { AXLoadingDialogModule } from '@acorex/components/loading-dialog';
|
|
26
|
+
import { AXMApplicationManagementModule } from '@acorex/modules/application-management';
|
|
27
|
+
import { AXMNotificationManagementModule } from '@acorex/modules/notification-management';
|
|
28
|
+
import { AXMOrganizationManagementModule } from '@acorex/modules/organization-management';
|
|
29
|
+
|
|
30
|
+
import { AXCApiModule } from '@acorex/connectivity/api';
|
|
31
|
+
import { AXMFormTemplateManagementModule } from '@acorex/modules/form-template-management';
|
|
32
|
+
import { AXMSecurityManagementModule } from '@acorex/modules/security-management';
|
|
33
|
+
import { AXMTextTemplateManagementModule } from '@acorex/modules/text-template-management';
|
|
34
|
+
import { AXP_ROOT_CONFIG_TOKEN } from '@acorex/platform/common';
|
|
35
|
+
import { AXPGlobalSearchModule } from '@acorex/platform/layout/search';
|
|
36
|
+
import { AXPSettingsModule } from '@acorex/platform/layout/setting';
|
|
37
|
+
import { environment } from '../environments/environment';
|
|
38
|
+
import { <%= className %>AppVersionProvider } from './app-version.provider';
|
|
39
|
+
import { <%= className %>RootModule } from './modules/<%= name %>/<%= name %>-root.module';
|
|
40
|
+
|
|
41
|
+
@NgModule({
|
|
42
|
+
imports: [
|
|
43
|
+
BrowserAnimationsModule,
|
|
44
|
+
BrowserModule,
|
|
45
|
+
CommonModule,
|
|
46
|
+
// ACoreX UI Modules
|
|
47
|
+
AXDialogModule,
|
|
48
|
+
AXLoadingDialogModule,
|
|
49
|
+
AXFormatModule.forRoot(),
|
|
50
|
+
AXValidationModule.forRoot(),
|
|
51
|
+
//
|
|
52
|
+
AXPTranslationRootModule,
|
|
53
|
+
AXPLayoutRootModule,
|
|
54
|
+
AXPGlobalSearchModule,
|
|
55
|
+
AXPSettingsModule,
|
|
56
|
+
//
|
|
57
|
+
<%= className %>RootModule,
|
|
58
|
+
//
|
|
59
|
+
AXP<%= className %>AuthRootModule,
|
|
60
|
+
// Application Modules
|
|
61
|
+
AXMApplicationManagementModule.forRoot(),
|
|
62
|
+
// AXMPlatformManagementModule,
|
|
63
|
+
AXMNotificationManagementModule,
|
|
64
|
+
AXMFormTemplateManagementModule,
|
|
65
|
+
AXMTextTemplateManagementModule,
|
|
66
|
+
AXMSecurityManagementModule,
|
|
67
|
+
AXMOrganizationManagementModule,
|
|
68
|
+
//AXMSchedulerJobManagementModule,
|
|
69
|
+
// AXMDocumentManagementModule,
|
|
70
|
+
//
|
|
71
|
+
RouterModule.forRoot(appRoutes, {
|
|
72
|
+
bindToComponentInputs: true,
|
|
73
|
+
onSameUrlNavigation: 'reload',
|
|
74
|
+
}),
|
|
75
|
+
AXCApiModule,
|
|
76
|
+
],
|
|
77
|
+
providers: [
|
|
78
|
+
provideHttpClient(withInterceptorsFromDi()),
|
|
79
|
+
provideRouter(appRoutes, withEnabledBlockingInitialNavigation()),
|
|
80
|
+
{ provide: ENVIRONMENT, useValue: environment },
|
|
81
|
+
{ provide: HTTP_INTERCEPTORS, useClass: BasicInterceptor, multi: true },
|
|
82
|
+
{
|
|
83
|
+
provide: AXP_ROOT_CONFIG_TOKEN,
|
|
84
|
+
useValue: {
|
|
85
|
+
baseUrl: environment.baseUrl,
|
|
86
|
+
},
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
provide: AXP_PLATFORM_CONFIG_TOKEN,
|
|
90
|
+
useValue: configPlatform({
|
|
91
|
+
logo: {
|
|
92
|
+
light: new AXPImageUrlLogoConfig('assets/logos/acorex-logo-white.svg'),
|
|
93
|
+
colored: new AXPImageUrlLogoConfig('assets/logos/acorex-logo.svg'),
|
|
94
|
+
//colored: new AXPImageUrlLogoConfig('assets/logos/logo-colored.svg'),
|
|
95
|
+
},
|
|
96
|
+
title: '<%= title %>',
|
|
97
|
+
copyright: 'Copyright © 2024',
|
|
98
|
+
}),
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
provide: AXP_APP_VERSION_PROVIDER,
|
|
102
|
+
useClass: <%= className %>AppVersionProvider,
|
|
103
|
+
},
|
|
104
|
+
],
|
|
105
|
+
declarations: [AppComponent],
|
|
106
|
+
bootstrap: [AppComponent],
|
|
107
|
+
})
|
|
108
|
+
export class AppModule {}
|
|
@@ -1,23 +1,21 @@
|
|
|
1
1
|
import { AXDialogModule } from '@acorex/components/dialog';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { HTTP_INTERCEPTORS, provideHttpClient,withInterceptorsFromDi } from '@angular/common/http';
|
|
4
|
-
|
|
5
|
-
import { NgModule, isDevMode } from '@angular/core';
|
|
3
|
+
import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
|
|
4
|
+
import { NgModule } from '@angular/core';
|
|
6
5
|
import { BrowserModule } from '@angular/platform-browser';
|
|
7
6
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
8
7
|
import { RouterModule, provideRouter, withEnabledBlockingInitialNavigation } from '@angular/router';
|
|
9
|
-
import { EffectsModule } from '@ngrx/effects';
|
|
10
|
-
import { StoreDevtoolsModule } from '@ngrx/store-devtools';
|
|
11
8
|
import { AppComponent } from './app.component';
|
|
12
9
|
import { appRoutes } from './app.routes';
|
|
13
10
|
import { BasicInterceptor } from './basic-interceptor.interceptor';
|
|
14
|
-
|
|
11
|
+
|
|
15
12
|
import { AXFormatModule } from '@acorex/core/format';
|
|
16
13
|
import { AXValidationModule } from '@acorex/core/validation';
|
|
17
|
-
import {
|
|
14
|
+
import {
|
|
18
15
|
AXPImageUrlLogoConfig,
|
|
19
|
-
|
|
16
|
+
AXP_APP_VERSION_PROVIDER,
|
|
20
17
|
AXP_PLATFORM_CONFIG_TOKEN,
|
|
18
|
+
ENVIRONMENT,
|
|
21
19
|
configPlatform,
|
|
22
20
|
} from '@acorex/platform/common';
|
|
23
21
|
import { AXPAuthRootModule } from './modules/auth/auth-root.module';
|
|
@@ -25,67 +23,91 @@ import { AXPTranslationRootModule } from './modules/common/translation-root.modu
|
|
|
25
23
|
import { AXPLayoutRootModule } from './modules/layout/layout-root.module';
|
|
26
24
|
|
|
27
25
|
import { AXLoadingDialogModule } from '@acorex/components/loading-dialog';
|
|
26
|
+
import { AXMApplicationManagementModule } from '@acorex/modules/application-management';
|
|
27
|
+
import { AXMNotificationManagementModule } from '@acorex/modules/notification-management';
|
|
28
|
+
import { AXMOrganizationManagementModule } from '@acorex/modules/organization-management';
|
|
29
|
+
import { AXMPlatformManagementModule } from '@acorex/modules/platform-management';
|
|
30
|
+
|
|
31
|
+
import { AXCMockModule } from '@acorex/connectivity/mock';
|
|
32
|
+
import { AXMCommonModule } from '@acorex/modules/common';
|
|
33
|
+
import { AXMDocumentManagementModule } from '@acorex/modules/document-management';
|
|
34
|
+
import { AXMFormTemplateManagementModule } from '@acorex/modules/form-template-management';
|
|
35
|
+
import { AXMSecurityManagementModule } from '@acorex/modules/security-management';
|
|
36
|
+
import { AXMTextTemplateManagementModule } from '@acorex/modules/text-template-management';
|
|
28
37
|
import { AXP_ROOT_CONFIG_TOKEN } from '@acorex/platform/common';
|
|
38
|
+
import { AXPGlobalSearchModule } from '@acorex/platform/layout/search';
|
|
39
|
+
import { AXPSettingsModule } from '@acorex/platform/layout/setting';
|
|
29
40
|
import { environment } from '../environments/environment';
|
|
30
|
-
import {
|
|
31
|
-
|
|
32
|
-
|
|
41
|
+
import { <%= className %>AppVersionProvider } from './app-version.provider';
|
|
42
|
+
// import { <%= className %>RootModule } from './modules/<%= name %>/<%= name %>-root.module';
|
|
33
43
|
|
|
34
44
|
@NgModule({
|
|
35
45
|
imports: [
|
|
36
46
|
BrowserAnimationsModule,
|
|
37
47
|
BrowserModule,
|
|
38
48
|
CommonModule,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}),
|
|
49
|
+
// ACoreX UI Modules
|
|
50
|
+
AXDialogModule,
|
|
51
|
+
AXLoadingDialogModule,
|
|
43
52
|
AXFormatModule.forRoot(),
|
|
44
53
|
AXValidationModule.forRoot(),
|
|
45
54
|
//
|
|
46
55
|
AXPTranslationRootModule,
|
|
47
56
|
AXPLayoutRootModule,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
57
|
+
AXPGlobalSearchModule,
|
|
58
|
+
AXPSettingsModule,
|
|
59
|
+
//
|
|
60
|
+
// <%= className %>RootModule,
|
|
51
61
|
//
|
|
52
62
|
AXPAuthRootModule,
|
|
63
|
+
// Application Modules
|
|
64
|
+
AXMApplicationManagementModule.forRoot(),
|
|
65
|
+
AXMPlatformManagementModule,
|
|
66
|
+
AXMNotificationManagementModule,
|
|
67
|
+
AXMFormTemplateManagementModule,
|
|
68
|
+
AXMTextTemplateManagementModule,
|
|
69
|
+
AXMSecurityManagementModule,
|
|
70
|
+
AXMOrganizationManagementModule,
|
|
71
|
+
//AXMSchedulerJobManagementModule,
|
|
72
|
+
AXMDocumentManagementModule,
|
|
73
|
+
//
|
|
74
|
+
AXMCommonModule,
|
|
53
75
|
//
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
logOnly: !isDevMode(), // Restrict extension to log-only mode
|
|
58
|
-
autoPause: true, // Pauses recording actions and state changes when the extension window is not open
|
|
59
|
-
trace: false, // If set to true, will include stack trace for every dispatched action, so you can see it in trace tab jumping directly to that part of code
|
|
60
|
-
traceLimit: 75, // maximum stack trace frames to be stored (in case trace option was provided as true)
|
|
61
|
-
connectInZone: false, // If set to true, the connection is established outside the Angular zone for better performance
|
|
76
|
+
RouterModule.forRoot(appRoutes, {
|
|
77
|
+
bindToComponentInputs: true,
|
|
78
|
+
onSameUrlNavigation: 'reload',
|
|
62
79
|
}),
|
|
80
|
+
AXCMockModule,
|
|
63
81
|
],
|
|
64
82
|
providers: [
|
|
65
83
|
provideHttpClient(withInterceptorsFromDi()),
|
|
66
|
-
provideRouter(appRoutes, withEnabledBlockingInitialNavigation()),
|
|
84
|
+
provideRouter(appRoutes, withEnabledBlockingInitialNavigation()),
|
|
85
|
+
{ provide: ENVIRONMENT, useValue: environment },
|
|
67
86
|
{ provide: HTTP_INTERCEPTORS, useClass: BasicInterceptor, multi: true },
|
|
68
87
|
{
|
|
69
|
-
provide: AXP_ROOT_CONFIG_TOKEN,
|
|
70
|
-
|
|
71
|
-
|
|
88
|
+
provide: AXP_ROOT_CONFIG_TOKEN,
|
|
89
|
+
useValue: {
|
|
90
|
+
baseUrl: environment.baseUrl,
|
|
91
|
+
},
|
|
72
92
|
},
|
|
73
93
|
{
|
|
74
94
|
provide: AXP_PLATFORM_CONFIG_TOKEN,
|
|
75
95
|
useValue: configPlatform({
|
|
76
96
|
logo: {
|
|
77
|
-
light: new
|
|
78
|
-
colored: new AXPImageUrlLogoConfig('assets/logos/logo.
|
|
97
|
+
light: new AXPImageUrlLogoConfig('assets/logos/acorex-logo-white.svg'),
|
|
98
|
+
colored: new AXPImageUrlLogoConfig('assets/logos/acorex-logo.svg'),
|
|
79
99
|
//colored: new AXPImageUrlLogoConfig('assets/logos/logo-colored.svg'),
|
|
80
100
|
},
|
|
81
101
|
title: '<%= title %>',
|
|
82
|
-
copyright:
|
|
83
|
-
'Copyright © 2024',
|
|
102
|
+
copyright: 'Copyright © 2024',
|
|
84
103
|
}),
|
|
85
104
|
},
|
|
86
|
-
|
|
105
|
+
{
|
|
106
|
+
provide: AXP_APP_VERSION_PROVIDER,
|
|
107
|
+
useClass: <%= className %>AppVersionProvider,
|
|
108
|
+
},
|
|
87
109
|
],
|
|
88
110
|
declarations: [AppComponent],
|
|
89
111
|
bootstrap: [AppComponent],
|
|
90
112
|
})
|
|
91
|
-
export class AppModule {
|
|
113
|
+
export class AppModule {}
|
package/src/generators/app-module/files/src/app/modules/layout/layout-root.module.ts.template
CHANGED
|
@@ -2,26 +2,45 @@ import {
|
|
|
2
2
|
AXPCommonModule,
|
|
3
3
|
AXPComponentSlotModule,
|
|
4
4
|
AXPFooterTextSlotComponent,
|
|
5
|
-
|
|
6
|
-
AXPNavBarSlotComponent,
|
|
7
|
-
AXP_ENTITY_LOADER,
|
|
5
|
+
AXPNavBarSlotComponent,
|
|
8
6
|
AXP_MENU_PROVIDER,
|
|
9
7
|
AXP_PLATFORM_CONFIG_TOKEN,
|
|
10
8
|
} from '@acorex/platform/common';
|
|
11
|
-
import {
|
|
9
|
+
import { AXPLayoutBuilderModule, AXPWidgetsCatalog, AXP_WIDGETS_EDITOR_GROUP } from '@acorex/platform/layout/builder';
|
|
10
|
+
import { AXPEntityModule, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
|
|
11
|
+
import { AXPDefaultThemeModule } from '@acorex/platform/themes/default';
|
|
12
|
+
import { AXPThemeSlotComponent } from '@acorex/platform/themes/shared';
|
|
12
13
|
import { NgModule, inject } from '@angular/core';
|
|
13
14
|
import pkg from '../../../../../../package.json';
|
|
14
15
|
import { AXPRootEntityLoader } from './entity.loader';
|
|
15
16
|
import { AXPRootMenuProvider } from './menu.provider';
|
|
16
|
-
|
|
17
|
-
import { AXPDefaultThemeModule } from '@acorex/platform/themes/default';
|
|
18
|
-
import { AXPThemeSlotComponent } from '@acorex/platform/themes/shared';
|
|
17
|
+
|
|
19
18
|
@NgModule({
|
|
20
19
|
imports: [
|
|
21
20
|
AXPDefaultThemeModule,
|
|
22
21
|
AXPCommonModule,
|
|
23
|
-
AXPLayoutModule,
|
|
24
22
|
AXPEntityModule,
|
|
23
|
+
AXPLayoutBuilderModule.forChild({
|
|
24
|
+
widgets: [],
|
|
25
|
+
extendedWidgets: [
|
|
26
|
+
{
|
|
27
|
+
parentName: AXPWidgetsCatalog.checkbox,
|
|
28
|
+
widget: {
|
|
29
|
+
name: 'disabled' as any,
|
|
30
|
+
title: 'Disabled',
|
|
31
|
+
group: AXP_WIDGETS_EDITOR_GROUP,
|
|
32
|
+
type: 'editor',
|
|
33
|
+
visible: false,
|
|
34
|
+
components: {},
|
|
35
|
+
options: {
|
|
36
|
+
negative: true,
|
|
37
|
+
trulyText: 'Disabled',
|
|
38
|
+
falsyText: 'Active',
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
],
|
|
43
|
+
}),
|
|
25
44
|
AXPComponentSlotModule.forRoot({
|
|
26
45
|
'footer-start': [
|
|
27
46
|
{
|
|
@@ -56,7 +75,7 @@ import { AXPThemeSlotComponent } from '@acorex/platform/themes/shared';
|
|
|
56
75
|
],
|
|
57
76
|
exports: [],
|
|
58
77
|
providers: [
|
|
59
|
-
|
|
78
|
+
{
|
|
60
79
|
provide: AXP_MENU_PROVIDER,
|
|
61
80
|
useClass: AXPRootMenuProvider,
|
|
62
81
|
multi: true,
|
|
@@ -64,7 +83,7 @@ import { AXPThemeSlotComponent } from '@acorex/platform/themes/shared';
|
|
|
64
83
|
{
|
|
65
84
|
provide: AXP_ENTITY_DEFINITION_LOADER,
|
|
66
85
|
useClass: AXPRootEntityLoader,
|
|
67
|
-
multi:true
|
|
86
|
+
multi: true,
|
|
68
87
|
},
|
|
69
88
|
],
|
|
70
89
|
})
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
@use '@acorex/styles/mixins' as mixin;
|
|
2
|
+
|
|
3
|
+
:root,
|
|
4
|
+
.ax-light {
|
|
5
|
+
/* Sizing and Typography */
|
|
6
|
+
--ax-sys-body-font-size: 1rem;
|
|
7
|
+
--ax-sys-size-base: 2.5rem;
|
|
8
|
+
--ax-sys-transition-duration: 150ms;
|
|
9
|
+
--ax-sys-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
10
|
+
--ax-sys-border-radius: 0.5rem;
|
|
11
|
+
|
|
12
|
+
--ax-sys-color-body-text: 0, 0, 0;
|
|
13
|
+
--ax-sys-color-input-text: 0, 0, 0;
|
|
14
|
+
|
|
15
|
+
// Brand Colors
|
|
16
|
+
--axp-brand-color: var(--ax-sys-color-primary-surface);
|
|
17
|
+
--axp-on-brand-color: var(--ax-sys-color-on-primary-surface);
|
|
18
|
+
//
|
|
19
|
+
.cdk-overlay-dark-backdrop {
|
|
20
|
+
background: rgba(var(--ax-sys-color-dark), 0.5);
|
|
21
|
+
}
|
|
22
|
+
@include mixin.scroll-bar();
|
|
23
|
+
}
|
|
24
|
+
.ax-dark {
|
|
25
|
+
--ax-sys-color-body-text: 255, 255, 255;
|
|
26
|
+
.cdk-overlay-dark-backdrop {
|
|
27
|
+
background: rgba(var(--ax-sys-color-light), 0.2);
|
|
28
|
+
}
|
|
29
|
+
@include mixin.scroll-bar();
|
|
30
|
+
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
$primary: #7aa384;
|
|
2
|
+
$secondary: #3c857c;
|
|
3
|
+
$light: #d6d3cb;
|
|
4
|
+
$dark: #303a4b;
|
|
5
|
+
$success: #1eba2e;
|
|
6
|
+
$warning: #fcc91c;
|
|
7
|
+
$danger: #fb0e4c;
|
|
8
|
+
$accent1: #cd4623;
|
|
9
|
+
$accent2: #ee7847;
|
|
10
|
+
$accent3: #d1aea7;
|
|
11
|
+
|
|
12
|
+
$primary: #a4487d;
|
|
13
|
+
$secondary: #e84f88;
|
|
14
|
+
$light: #dfe5e5;
|
|
15
|
+
$dark: #5f406e;
|
|
16
|
+
$success: #26ac79;
|
|
17
|
+
$warning: #d8d224;
|
|
18
|
+
$danger: #e44112;
|
|
19
|
+
$accent1: #215c1c;
|
|
20
|
+
$accent2: #588037;
|
|
21
|
+
$accent3: #cab694;
|
|
22
|
+
|
|
23
|
+
$primary: #207884;
|
|
24
|
+
$secondary: #447b86;
|
|
25
|
+
$light: #fde0e2;
|
|
26
|
+
$dark: #412c33;
|
|
27
|
+
$success: #1dc160;
|
|
28
|
+
$warning: #f3d019;
|
|
29
|
+
$danger: #fe1933;
|
|
30
|
+
$accent1: #e64c51;
|
|
31
|
+
$accent2: #a4487d;
|
|
32
|
+
$accent3: #c4f9df;
|
|
33
|
+
|
|
34
|
+
$primary: #2b3575;
|
|
35
|
+
$secondary: #106855;
|
|
36
|
+
$light: #e4e7f1;
|
|
37
|
+
$dark: #000506;
|
|
38
|
+
$success: #0e9859;
|
|
39
|
+
$warning: #dec80f;
|
|
40
|
+
$danger: #eb1d05;
|
|
41
|
+
$accent1: #225733;
|
|
42
|
+
$accent2: #3344a5;
|
|
43
|
+
$accent3: #9f69b5;
|
|
44
|
+
|
|
45
|
+
$primary: #552a80;
|
|
46
|
+
$secondary: #d4118c;
|
|
47
|
+
$light: #cef0f6;
|
|
48
|
+
$dark: #35063a;
|
|
49
|
+
$success: #00a363;
|
|
50
|
+
$warning: #f8c600;
|
|
51
|
+
$danger: #ed2800;
|
|
52
|
+
$accent1: #004b64;
|
|
53
|
+
$accent2: #1f7984;
|
|
54
|
+
$accent3: #bdb245;
|
|
55
|
+
|
|
56
|
+
// Cotton Candy Dream
|
|
57
|
+
$primary: #f4a9a8;
|
|
58
|
+
$secondary: #fbc4ab;
|
|
59
|
+
$neutral: #dfe7fd;
|
|
60
|
+
$success: #a8e6cf;
|
|
61
|
+
$warning: #ffe5b4;
|
|
62
|
+
$danger: #ff9aa2;
|
|
63
|
+
$accent1: #c5a3ff;
|
|
64
|
+
$accent2: #ffdab9;
|
|
65
|
+
$accent3: #b5e2fa;
|
|
66
|
+
|
|
67
|
+
$light-start: #fff7f1;
|
|
68
|
+
$light-end: #fde2e4;
|
|
69
|
+
$light: #fbeef3;
|
|
70
|
+
|
|
71
|
+
$dark-start: #454d66;
|
|
72
|
+
$dark-end: #2a2d43;
|
|
73
|
+
$dark: #3b3e5b;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
@use '@acorex/styles/utils/index.scss' as *;
|
|
2
|
+
|
|
3
|
+
$primary: #113b53;
|
|
4
|
+
$secondary: #1a6ab1;
|
|
5
|
+
$neutral: #606c76;
|
|
6
|
+
$success: #2d9c67;
|
|
7
|
+
$warning: #e9a01b;
|
|
8
|
+
$danger: #c02f1d;
|
|
9
|
+
$accent1: #d6a7a6;
|
|
10
|
+
$accent2: #a0897e;
|
|
11
|
+
$accent3: #8bf4d9;
|
|
12
|
+
|
|
13
|
+
$light-start: #ffffff;
|
|
14
|
+
$light-end: #d4d4d4;
|
|
15
|
+
$light: #ffffff;
|
|
16
|
+
|
|
17
|
+
$dark-start: #2a2d30;
|
|
18
|
+
$dark-end: #181a1c;
|
|
19
|
+
$dark: #212427;
|
|
20
|
+
|
|
21
|
+
$theme-colors: (
|
|
22
|
+
'primary': $primary,
|
|
23
|
+
'secondary': $secondary,
|
|
24
|
+
'success': $success,
|
|
25
|
+
'warning': $warning,
|
|
26
|
+
'danger': $danger,
|
|
27
|
+
'accent1': $accent1,
|
|
28
|
+
'accent2': $accent2,
|
|
29
|
+
'accent3': $accent3,
|
|
30
|
+
);
|
|
31
|
+
|
|
32
|
+
$theme-surfaces: (
|
|
33
|
+
'light-start': $light-start,
|
|
34
|
+
'light-end': $light-end,
|
|
35
|
+
'dark-start': $dark-start,
|
|
36
|
+
'dark-end': $dark-end,
|
|
37
|
+
);
|
|
38
|
+
|
|
39
|
+
$options: (
|
|
40
|
+
'color-range': true,
|
|
41
|
+
'light': $light,
|
|
42
|
+
'dark': $dark,
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
@forward '@acorex/styles/variables/index.scss';
|
|
46
|
+
|
|
47
|
+
@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);
|
|
@@ -5,7 +5,7 @@ const { join } = require('path');
|
|
|
5
5
|
module.exports = {
|
|
6
6
|
presets: [require('@acorex/styles/tailwind-base')],
|
|
7
7
|
content: [join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'), ...createGlobPatternsForDependencies(__dirname)],
|
|
8
|
-
safelist:[
|
|
8
|
+
safelist: [
|
|
9
9
|
...generateResponsiveGridClasses('ax-col-start-', 12),
|
|
10
10
|
...generateResponsiveGridClasses('ax-col-end-', 12),
|
|
11
11
|
...generateResponsiveGridClasses('ax-col-span-', 12),
|
|
@@ -14,34 +14,41 @@ module.exports = {
|
|
|
14
14
|
...generateResponsiveGridClasses('ax-row-span-', 12),
|
|
15
15
|
...generateResponsiveGridClasses('ax-grid-cols-', 12),
|
|
16
16
|
...generateResponsiveGridClasses('ax-grid-rows-', 12),
|
|
17
|
-
...generateResponsiveGridClasses('ax-order-', 12),
|
|
18
|
-
...generateRangeClasses('ax-gap-',12),
|
|
19
|
-
...generateResponsiveUtilityClasses('ax-order-last','ax-order-first','ax-order-none','ax-justify-between')
|
|
20
|
-
|
|
17
|
+
...generateResponsiveGridClasses('ax-order-', 12), // Add order classes
|
|
18
|
+
...generateRangeClasses('ax-gap-', 12),
|
|
19
|
+
...generateResponsiveUtilityClasses('ax-order-last', 'ax-order-first', 'ax-order-none', 'ax-justify-between'),
|
|
20
|
+
//
|
|
21
21
|
],
|
|
22
22
|
theme: {
|
|
23
|
-
extend: {
|
|
23
|
+
extend: {
|
|
24
|
+
screens: {
|
|
25
|
+
'3xl': '1920px', // Define 3XL as per your needs
|
|
26
|
+
},
|
|
27
|
+
colors: {
|
|
28
|
+
brand: 'rgba(var(--axp-brand-color))',
|
|
29
|
+
'on-brand': 'rgba(var(--axp-on-brand-color))',
|
|
30
|
+
},
|
|
31
|
+
},
|
|
24
32
|
},
|
|
25
33
|
plugins: [],
|
|
26
34
|
};
|
|
27
35
|
|
|
28
|
-
|
|
29
|
-
|
|
30
36
|
function generateResponsiveGridClasses(base, max) {
|
|
31
|
-
const breakpoints = ['','sm', 'md', 'lg', 'xl', '2xl'];
|
|
37
|
+
const breakpoints = ['', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'];
|
|
32
38
|
let classes = [];
|
|
33
39
|
for (let breakpoint of breakpoints) {
|
|
34
|
-
classes = classes.concat(
|
|
40
|
+
classes = classes.concat(
|
|
41
|
+
Array.from({ length: max }, (_, i) => (breakpoint != '' ? `${breakpoint}:${base}${i + 1}` : `${base}${i + 1}`))
|
|
42
|
+
);
|
|
35
43
|
}
|
|
36
44
|
return classes;
|
|
37
45
|
}
|
|
38
46
|
|
|
39
|
-
|
|
40
47
|
function generateResponsiveUtilityClasses(...classes) {
|
|
41
|
-
const breakpoints = ['','sm', 'md', 'lg', 'xl', '2xl'];
|
|
48
|
+
const breakpoints = ['', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'];
|
|
42
49
|
let generatedClasses = [];
|
|
43
|
-
classes.forEach(cls => {
|
|
44
|
-
breakpoints.forEach(breakpoint => {
|
|
50
|
+
classes.forEach((cls) => {
|
|
51
|
+
breakpoints.forEach((breakpoint) => {
|
|
45
52
|
generatedClasses.push(breakpoint ? `${breakpoint}:${cls}` : cls);
|
|
46
53
|
});
|
|
47
54
|
});
|
|
@@ -49,6 +56,22 @@ function generateResponsiveUtilityClasses(...classes) {
|
|
|
49
56
|
}
|
|
50
57
|
|
|
51
58
|
function generateRangeClasses(base, max) {
|
|
52
|
-
let classes = Array.from({ length: max+1
|
|
59
|
+
let classes = Array.from({ length: max + 1 }, (_, i) => `${base}${i}`);
|
|
53
60
|
return classes;
|
|
54
61
|
}
|
|
62
|
+
|
|
63
|
+
export const createPalete = function (colorName) {
|
|
64
|
+
return {
|
|
65
|
+
50: `rgba(var(--ax-sys-color-${colorName}-50), <alpha-value>)`,
|
|
66
|
+
100: `rgba(var(--ax-sys-color-${colorName}-100), <alpha-value>)`,
|
|
67
|
+
200: `rgba(var(--ax-sys-color-${colorName}-200), <alpha-value>)`,
|
|
68
|
+
300: `rgba(var(--ax-sys-color-${colorName}-300), <alpha-value>)`,
|
|
69
|
+
400: `rgba(var(--ax-sys-color-${colorName}-400), <alpha-value>)`,
|
|
70
|
+
500: `rgba(var(--ax-sys-color-${colorName}-500), <alpha-value>)`,
|
|
71
|
+
600: `rgba(var(--ax-sys-color-${colorName}-600), <alpha-value>)`,
|
|
72
|
+
700: `rgba(var(--ax-sys-color-${colorName}-700), <alpha-value>)`,
|
|
73
|
+
800: `rgba(var(--ax-sys-color-${colorName}-800), <alpha-value>)`,
|
|
74
|
+
900: `rgba(var(--ax-sys-color-${colorName}-900), <alpha-value>)`,
|
|
75
|
+
950: `rgba(var(--ax-sys-color-${colorName}-950), <alpha-value>)`,
|
|
76
|
+
};
|
|
77
|
+
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Tree } from '@nx/devkit';
|
|
2
2
|
import { AppModuleGeneratorSchema } from './schema';
|
|
3
3
|
export declare function upperCase(text: string): string;
|
|
4
|
+
export declare function capitalize(text: string): string;
|
|
4
5
|
export declare function appModuleGenerator(tree: Tree, options: AppModuleGeneratorSchema): Promise<void>;
|
|
5
6
|
export default appModuleGenerator;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.upperCase = upperCase;
|
|
4
|
+
exports.capitalize = capitalize;
|
|
4
5
|
exports.appModuleGenerator = appModuleGenerator;
|
|
5
6
|
const tslib_1 = require("tslib");
|
|
6
7
|
const devkit_1 = require("@nx/devkit");
|
|
@@ -8,6 +9,9 @@ const path = require("path");
|
|
|
8
9
|
function upperCase(text) {
|
|
9
10
|
return text.toUpperCase();
|
|
10
11
|
}
|
|
12
|
+
function capitalize(text) {
|
|
13
|
+
return text.charAt(0).toUpperCase() + text.slice(1);
|
|
14
|
+
}
|
|
11
15
|
function appModuleGenerator(tree, options) {
|
|
12
16
|
return tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
13
17
|
const projectRoot = `apps/${options.name}`;
|
|
@@ -18,6 +22,7 @@ function appModuleGenerator(tree, options) {
|
|
|
18
22
|
targets: {},
|
|
19
23
|
});
|
|
20
24
|
options['upperCase'] = upperCase;
|
|
25
|
+
options['className'] = capitalize(options.name);
|
|
21
26
|
(0, devkit_1.generateFiles)(tree, path.join(__dirname, 'files'), projectRoot, options);
|
|
22
27
|
//
|
|
23
28
|
tree.rename(`${projectRoot}/src/app/modules/root/root.module.ts`, `${projectRoot}/src/app/modules/${options.name}/${options.name}-root.module.ts`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../generator/src/generators/app-module/generator.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../generator/src/generators/app-module/generator.ts"],"names":[],"mappings":";;AAIA,8BAEC;AAED,gCAEC;AAED,gDAoBC;;AAhCD,uCAAuF;AACvF,6BAA6B;AAG7B,SAAgB,SAAS,CAAC,IAAY;IACpC,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;AAC5B,CAAC;AAED,SAAgB,UAAU,CAAC,IAAY;IACrC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC;AAED,SAAsB,kBAAkB,CAAC,IAAU,EAAE,OAAiC;;QACpF,MAAM,WAAW,GAAG,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;QAC3C,IAAA,gCAAuB,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE;YAC1C,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,aAAa;YAC1B,UAAU,EAAE,GAAG,WAAW,OAAO;YACjC,OAAO,EAAE,EAAE;SACZ,CAAC,CAAC;QAEH,OAAO,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;QACjC,OAAO,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAChD,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;QACzE,EAAE;QACF,IAAI,CAAC,MAAM,CACT,GAAG,WAAW,sCAAsC,EACpD,GAAG,WAAW,oBAAoB,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,iBAAiB,CAChF,CAAC;QACF,IAAI,CAAC,MAAM,CAAC,GAAG,WAAW,uBAAuB,EAAE,GAAG,WAAW,oBAAoB,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;QACrG,EAAE;QACF,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AAED,kBAAe,kBAAkB,CAAC"}
|
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--ax-size-base: 2.5rem;
|
|
3
|
-
--ax-size-default: var(--ax-size-base);
|
|
4
|
-
--ax-icon-weight: 300;
|
|
5
|
-
--ax-icon-size: 100%;
|
|
6
|
-
|
|
7
|
-
--ax-rounded-border-default: 0.5rem;
|
|
8
|
-
--ax-color-border-default: 224, 224, 224;
|
|
9
|
-
|
|
10
|
-
--ax-color-background-default: 249, 250, 251;
|
|
11
|
-
--ax-color-text-default: 22, 22, 22;
|
|
12
|
-
|
|
13
|
-
--ax-color-surface: 255, 255, 255;
|
|
14
|
-
--ax-color-surface-fore: 22, 22, 22;
|
|
15
|
-
|
|
16
|
-
--ax-color-on-surface: 243, 244, 246;
|
|
17
|
-
--ax-color-on-surface-fore: 22, 22, 22;
|
|
18
|
-
|
|
19
|
-
--ax-color-input-surface: 255, 255, 255;
|
|
20
|
-
--ax-color-input-surface-fore: 22, 22, 22;
|
|
21
|
-
|
|
22
|
-
--ax-color-ghost: 255, 255, 255;
|
|
23
|
-
--ax-color-ghost-fore: 22, 22, 22;
|
|
24
|
-
|
|
25
|
-
--ax-color-primary-fore: 255, 255, 255;
|
|
26
|
-
--ax-color-primary-fore-tint: 11, 30, 71;
|
|
27
|
-
--ax-color-primary-50: 244, 247, 254;
|
|
28
|
-
--ax-color-primary-100: 233, 239, 253;
|
|
29
|
-
--ax-color-primary-200: 190, 208, 249;
|
|
30
|
-
--ax-color-primary-300: 146, 177, 245;
|
|
31
|
-
--ax-color-primary-400: 102, 146, 241;
|
|
32
|
-
--ax-color-primary-500: 37, 99, 235;
|
|
33
|
-
--ax-color-primary-600: 33, 89, 212;
|
|
34
|
-
--ax-color-primary-700: 26, 69, 165;
|
|
35
|
-
--ax-color-primary-800: 19, 50, 118;
|
|
36
|
-
--ax-color-primary-900: 11, 30, 71;
|
|
37
|
-
--ax-color-primary-950: 4, 10, 23;
|
|
38
|
-
|
|
39
|
-
--ax-color-secondary-fore: 255, 255, 255;
|
|
40
|
-
--ax-color-secondary-fore-tint: 9, 12, 18;
|
|
41
|
-
--ax-color-secondary-50: 244, 244, 245;
|
|
42
|
-
--ax-color-secondary-100: 233, 234, 235;
|
|
43
|
-
--ax-color-secondary-200: 188, 191, 196;
|
|
44
|
-
--ax-color-secondary-300: 143, 148, 157;
|
|
45
|
-
--ax-color-secondary-400: 98, 105, 118;
|
|
46
|
-
--ax-color-secondary-500: 30, 41, 59;
|
|
47
|
-
--ax-color-secondary-600: 27, 37, 53;
|
|
48
|
-
--ax-color-secondary-700: 21, 29, 41;
|
|
49
|
-
--ax-color-secondary-800: 15, 21, 30;
|
|
50
|
-
--ax-color-secondary-900: 9, 12, 18;
|
|
51
|
-
--ax-color-secondary-950: 3, 4, 6;
|
|
52
|
-
|
|
53
|
-
--ax-color-success-fore: 255, 255, 255;
|
|
54
|
-
--ax-color-success-fore-tint: 4, 120, 87;
|
|
55
|
-
--ax-color-success-50: 236, 253, 245;
|
|
56
|
-
--ax-color-success-100: 209, 250, 229;
|
|
57
|
-
--ax-color-success-200: 167, 243, 208;
|
|
58
|
-
--ax-color-success-300: 110, 231, 183;
|
|
59
|
-
--ax-color-success-400: 52, 211, 153;
|
|
60
|
-
--ax-color-success-500: 16, 185, 129;
|
|
61
|
-
--ax-color-success-600: 5, 150, 105;
|
|
62
|
-
--ax-color-success-700: 4, 120, 87;
|
|
63
|
-
--ax-color-success-800: 6, 95, 70;
|
|
64
|
-
--ax-color-success-900: 6, 78, 59;
|
|
65
|
-
--ax-color-success-950: 2, 44, 34;
|
|
66
|
-
|
|
67
|
-
--ax-color-danger-fore: 255, 255, 255;
|
|
68
|
-
--ax-color-danger-fore-tint: 185, 28, 28;
|
|
69
|
-
--ax-color-danger-50: 254, 242, 242;
|
|
70
|
-
--ax-color-danger-100: 254, 226, 226;
|
|
71
|
-
--ax-color-danger-200: 254, 202, 202;
|
|
72
|
-
--ax-color-danger-300: 252, 165, 165;
|
|
73
|
-
--ax-color-danger-400: 248, 113, 113;
|
|
74
|
-
--ax-color-danger-500: 239, 68, 68;
|
|
75
|
-
--ax-color-danger-600: 220, 38, 38;
|
|
76
|
-
--ax-color-danger-700: 185, 28, 28;
|
|
77
|
-
--ax-color-danger-800: 153, 27, 27;
|
|
78
|
-
--ax-color-danger-900: 127, 29, 29;
|
|
79
|
-
--ax-color-danger-950: 69, 10, 10;
|
|
80
|
-
|
|
81
|
-
--ax-color-warning-fore: 48, 26, 10;
|
|
82
|
-
--ax-color-warning-fore-tint: 255, 160, 0;
|
|
83
|
-
--ax-color-warning-50: 255, 248, 225;
|
|
84
|
-
--ax-color-warning-100: 255, 236, 179;
|
|
85
|
-
--ax-color-warning-200: 255, 224, 130;
|
|
86
|
-
--ax-color-warning-300: 255, 213, 79;
|
|
87
|
-
--ax-color-warning-400: 255, 202, 40;
|
|
88
|
-
--ax-color-warning-500: 255, 193, 7;
|
|
89
|
-
--ax-color-warning-600: 255, 179, 0;
|
|
90
|
-
--ax-color-warning-700: 255, 160, 0;
|
|
91
|
-
--ax-color-warning-800: 255, 143, 0;
|
|
92
|
-
--ax-color-warning-900: 255, 111, 0;
|
|
93
|
-
--ax-color-warning-950: 72, 40, 15;
|
|
94
|
-
|
|
95
|
-
--ax-color-info-fore: 255, 255, 255;
|
|
96
|
-
--ax-color-info-fore-tint: 67, 56, 202;
|
|
97
|
-
--ax-color-info-50: 238, 242, 255;
|
|
98
|
-
--ax-color-info-100: 224, 231, 255;
|
|
99
|
-
--ax-color-info-200: 199, 210, 254;
|
|
100
|
-
--ax-color-info-300: 165, 180, 252;
|
|
101
|
-
--ax-color-info-400: 129, 140, 248;
|
|
102
|
-
--ax-color-info-500: 99, 102, 241;
|
|
103
|
-
--ax-color-info-600: 79, 70, 229;
|
|
104
|
-
--ax-color-info-700: 67, 56, 202;
|
|
105
|
-
--ax-color-info-800: 55, 48, 163;
|
|
106
|
-
--ax-color-info-900: 49, 46, 129;
|
|
107
|
-
--ax-color-info-950: 30, 27, 75;
|
|
108
|
-
|
|
109
|
-
--ax-color-neutral-fore: 3, 7, 18;
|
|
110
|
-
--ax-color-neutral-fore-tint: 17, 24, 39;
|
|
111
|
-
--ax-color-neutral-50: 249, 250, 251;
|
|
112
|
-
--ax-color-neutral-100: 243, 244, 246;
|
|
113
|
-
--ax-color-neutral-200: 229, 231, 235;
|
|
114
|
-
--ax-color-neutral-300: 209, 213, 219;
|
|
115
|
-
--ax-color-neutral-400: 156, 163, 175;
|
|
116
|
-
--ax-color-neutral-500: 107, 114, 128;
|
|
117
|
-
--ax-color-neutral-600: 75, 85, 99;
|
|
118
|
-
--ax-color-neutral-700: 55, 65, 81;
|
|
119
|
-
--ax-color-neutral-800: 31, 41, 55;
|
|
120
|
-
--ax-color-neutral-900: 17, 24, 39;
|
|
121
|
-
--ax-color-neutral-950: 3, 7, 18;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.ax-dark {
|
|
125
|
-
--ax-color-border-default: 75, 85, 99;
|
|
126
|
-
|
|
127
|
-
--ax-color-background-default: 24, 32, 43;
|
|
128
|
-
--ax-color-text-default: 255, 255, 255;
|
|
129
|
-
|
|
130
|
-
--ax-color-surface: 31, 41, 55;
|
|
131
|
-
--ax-color-surface-fore: 255, 255, 255;
|
|
132
|
-
|
|
133
|
-
--ax-color-on-surface: 55, 65, 81;
|
|
134
|
-
--ax-color-on-surface-fore: 255, 255, 255;
|
|
135
|
-
|
|
136
|
-
--ax-color-input-surface: 38, 45, 57;
|
|
137
|
-
--ax-color-input-surface-fore: 224, 224, 224;
|
|
138
|
-
|
|
139
|
-
--ax-color-ghost: 77, 91, 113;
|
|
140
|
-
--ax-color-ghost-fore: 255, 255, 255;
|
|
141
|
-
}
|