%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/vacivi36/www2]/app/assets/styles/
Upload File :
Create Path :
Current File : /home/vacivi36/www2]/app/assets/styles/variable.scss

@import '~@angular/material/theming';
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

$bodyfont: 'Poppins', sans-serif;
$headingfont: 'Poppins', sans-serif;

/*Material Theme Colors*/

$custom-primary: mat-palette($mat-indigo, 700, 100, 800);
$custom-primary: map_merge($custom-primary, (500: #308F42, A100: #308F42, A200: #308F42, A400: #308F42, A700: #308F42));
$primary: mat-palette($custom-primary);

$custom-accent: mat-palette($mat-indigo, 700, 100, 800);
$custom-accent: map_merge($custom-accent, (500: #0998DA, A100: #0998DA, A200: #0998DA, A400: #0998DA, A700: #0998DA));
$accent: mat-palette($custom-accent);

$custom-warn: mat-palette($mat-red, 700, 100, 800);
$custom-warn: map_merge($custom-warn, (500: #EA0304, A100: #EA0304, A200: #EA0304, A400: #EA0304, A700: #EA0304));
$warn: mat-palette($custom-warn);


$theme: mat-light-theme($primary, $accent, $warn);


$background: map-get($theme, background);
$foreground: map-get($theme, foreground);

@include mat-core();

$custom-typography: mat-typography-config(
  $font-family: 'Poppins, sans-serif'
);

// Override the typography in the core CSS.
@include mat-core($custom-typography);

// Default Theme
@include angular-material-theme($theme);

// Dark Theme

/*Theme Colors*/

$sidebar: #242424;
$sidebar-white: #e5edef;
$sidebar-alt: #f2f6f8;
$bodycolor: #F8F8F8;
$headingtext: #455a64;
$bodytext: #67757c;
$sidebar-text: #000000;
$sidebar-icons: #FFFFFF;
$sidebar-label: #000000;
$sidebar-option: #F8F8F8;
$sidebar-icons-actived: #0998DA;
$sidebar-labels-actived: #0998DA;

$font-16: 16px;

$light-text: #a6b7bf;

/*bootstrap Color*/
$danger: #fc4b6c;
$success: #26c6da;
$warning: #ffb22b;
$primary: #308f42;
$info: #F47D02;
$inverse: #2f3d4a;
$muted: #99abb4;
$dark: #263238;
$light: #f2f4f8;
$extra-light: #ebf3f5;
$secondary: #727b84;

/*Light colors*/
$light-danger: #f9e7eb;
$light-success: #e8fdf8;
$light-warning: #fff8ec;
$light-primary: #f1effd;
$light-info: #e3f3fd;
$light-inverse: #f6f6f6;
$light-megna: #e0f2f4;

$danger-dark: #e6294b;
$success-dark: #1eacbe;
$warning-dark: #e9ab2e;
$primary-dark: #6352ce;
$info-dark: #028ee1;
$red-dark: #d61f1f;
$inverse-dark: #232a37;
$dark-transparent: rgba(0, 0, 0, 0.05);

/*Normal Color*/
$white: #ffffff;
$red: #fb3a3a;
$yellow: #a0aec4;
$purple: #7460ee;
$blue: #02bec9;
$megna: #00897b;

/*Extra Variable*/
$rgt: right;
$lft: left;
$border: rgba(120, 130, 140, 0.13);
$table-border: #f3f1f1;
$card-brd: #d7dfe3;
$dark-text: #848a96;
$radius: 4px;
$form-brd: #d9d9d9;

Zerion Mini Shell 1.0