purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2026-03-25 17:59:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

color tweaks

Browse Source
This commit is contained in:
Sercan Yemen
2017-07-29 15:26:46 +03:00
parent da433711be
commit 6f7809ac3e
16 changed files with 73 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/app/core/components/navigation/navigation.model.ts
View File

@@ -257,23 +257,6 @@ export class FuseNavigation
}
]
},
{
'title' : 'Tables',
'type' : 'nav-collapse',
'icon' : 'border_all',
'children': [
{
'title': 'Simple Table',
'type' : 'nav-item',
'url' : '/ui/tables/simple-table'
},
{
'title': 'Data Table',
'type' : 'nav-item',
'url' : '/ui/tables/data-table'
}
]
},
{
'title' : 'Page Layouts',
'type' : 'nav-collapse',
@@ -369,47 +352,17 @@ export class FuseNavigation
'type' : 'subheader'
},
{
'title' : 'Charts',
'title' : 'Datatable',
'type' : 'nav-collapse',
'icon' : 'poll',
'icon' : 'border_all',
'children': [
{
'title': 'nvD3',
'title': 'Smart Table',
'type' : 'nav-item',
'url' : '/components/charts/nvd3'
'url' : '/component/tables/smart-table'
}
]
},
{
'title': 'Collapse',
'type' : 'nav-item',
'icon' : 'add_box',
'url' : '/components/collapse'
},
{
'title': 'Modal',
'type' : 'nav-item',
'icon' : 'picture_in_picture',
'url' : '/components/modal'
},
{
'title': 'Popovers',
'type' : 'nav-item',
'icon' : 'chat_buble',
'url' : '/components/popovers'
},
{
'title': 'Snackbar',
'type' : 'nav-item',
'icon' : 'call_to_action',
'url' : '/components/snackbar'
},
{
'title': 'Tooltips',
'type' : 'nav-item',
'icon' : 'live_help',
'url' : '/components/tooltips'
}
];
}
}

38
src/app/core/scss/partials/_colors.scss
View File

@@ -1,23 +1,23 @@
$matColorsMap: (
red: $mat-red,
pink:$mat-pink,
purple:$mat-purple,
deep-purple:$mat-deep-purple,
indigo:$mat-indigo,
blue:$mat-blue,
light-blue:$mat-light-blue,
cyan:$mat-cyan,
teal:$mat-teal,
green:$mat-green,
light-green:$mat-light-green,
lime:$mat-lime,
yellow:$mat-yellow,
amber:$mat-amber,
orange:$mat-orange,
deep-orange:$mat-deep-orange,
brown:$mat-brown,
grey:$mat-grey,
blue-grey:$mat-blue-grey
red: $mat-red,
pink:$mat-pink,
purple:$mat-purple,
deep-purple:$mat-deep-purple,
indigo:$mat-indigo,
blue:$mat-blue,
light-blue:$mat-light-blue,
cyan:$mat-cyan,
teal:$mat-teal,
green:$mat-green,
light-green:$mat-light-green,
lime:$mat-lime,
yellow:$mat-yellow,
amber:$mat-amber,
orange:$mat-orange,
deep-orange:$mat-deep-orange,
brown:$mat-brown,
grey:$mat-grey,
blue-grey:$mat-blue-grey
);
$matColorHues: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200, A400, A700;

1
src/app/core/scss/partials/_typography.scss
View File

@@ -46,6 +46,7 @@ h6, .h6 {
// Links
a {
color: mat-color($accent);
text-decoration: none;
&:hover, &:active {

37
src/app/core/scss/variables/_theme.scss
View File

@@ -1,8 +1,41 @@
@import '~@angular/material/theming';
$mat-fusedark: (
50: #ececee,
100: #c5c6cb,
200: #9ea1a9,
300: #7d818c,
400: #5c616f,
500: #3c4252,
600: #353a48,
700: #2d323e,
800: #262933,
900: #1e2129,
A100: #c5c6cb,
A200: #9ea1a9,
A400: #5c616f,
A700: #2d323e,
contrast: (
50: $black-87-opacity,
100: $black-87-opacity,
200: $black-87-opacity,
300: white,
400: white,
500: $white-87-opacity,
600: $white-87-opacity,
700: $white-87-opacity,
800: $white-87-opacity,
900: $white-87-opacity,
A100: $black-87-opacity,
A200: $white-87-opacity,
A400: $white-87-opacity,
A700: $white-87-opacity,
)
);
// Palettes
$primary: mat-palette($mat-indigo);
$accent: mat-palette($mat-blue, A200, A100, A400);
$primary: mat-palette($mat-fusedark);
$accent: mat-palette($mat-blue, 600, 400, 700);
$warn: mat-palette($mat-red);
// Create the theme object (a Sass map containing all of the palettes).