Browse Source

feat: make surface color blue-grey, make info alert green

main
Inhji Y. 8 months ago
parent
commit
d2d2146db6
  1. 30
      assets/css/app.scss

30
assets/css/app.scss

@ -9,28 +9,28 @@ $primary-color: 'blue';
$colors: (
light: (
surface: material-color('grey', '50'),
surface-var: material-color('grey', '300'),
surface-dark: material-color('grey', '800'),
on-surface: material-color('grey', '900'),
background: material-color('grey', '200'),
surface: material-color('blue-grey', '50'),
surface-var: material-color('blue-grey', '200'),
surface-dark: material-color('blue-grey', '800'),
on-surface: material-color('blue-grey', '900'),
background: material-color('blue-grey', '200'),
primary: material-color($primary-color, '700'),
primary-inverse: material-color($primary-color, 'a700'),
on-primary: material-color('grey', '50'),
navigation: material-color('grey', '900'),
on-navigation: material-color('grey', '50')
on-primary: material-color('blue-grey', '50'),
navigation: material-color('blue-grey', '900'),
on-navigation: material-color('blue-grey', '50')
),
dark: (
surface: material-color('blue-grey', '800'),
surface-var: material-color('blue-grey', '800'),
surface-dark: material-color('grey', '800'),
on-surface: material-color('grey', '50'),
surface-dark: material-color('blue-grey', '800'),
on-surface: material-color('blue-grey', '50'),
background: material-color('blue-grey', '900'),
primary: material-color($primary-color, '700'),
primary-inverse: material-color($primary-color, '300'),
on-primary: material-color('grey', '50'),
navigation: material-color('grey', '900'),
on-navigation: material-color('grey', '50')
on-primary: material-color('blue-grey', '50'),
navigation: material-color('blue-grey', '900'),
on-navigation: material-color('blue-grey', '50')
)
);
@ -41,8 +41,8 @@ $colors: (
$font-content: 'Open Sans', Helvetica, sans-serif;
$font-heading: $font-content;
$bg-info: material-color('indigo', '500');
$color-info: material-color('indigo', '100');
$bg-info: material-color('green', '500');
$color-info: material-color('green', '100');
$bg-warning: #8a6d3b;
$color-warning: #fcf8e3;
$bg-danger: #a94442;

Loading…
Cancel
Save