509 lines
9 KiB
SCSS
509 lines
9 KiB
SCSS
$color-red: (
|
|
'50': #ffebee,
|
|
'100': #ffcdd2,
|
|
'200': #ef9a9a,
|
|
'300': #e57373,
|
|
'400': #ef5350,
|
|
'500': #f44336,
|
|
'600': #e53935,
|
|
'700': #d32f2f,
|
|
'800': #c62828,
|
|
'900': #b71c1c,
|
|
'A100': #ff8a80,
|
|
'A200': #ff5252,
|
|
'A400': #ff1744,
|
|
'A700': #d50000,
|
|
'contrastDefaultColor': light,
|
|
'contrastDarkColors': 50 100 200 300 400 A100
|
|
);
|
|
|
|
// Pink
|
|
// ----------------------------
|
|
|
|
$color-pink: (
|
|
'50': #fce4ec,
|
|
'100': #f8bbd0,
|
|
'200': #f48fb1,
|
|
'300': #f06292,
|
|
'400': #ec407a,
|
|
'500': #e91e63,
|
|
'600': #d81b60,
|
|
'700': #c2185b,
|
|
'800': #ad1457,
|
|
'900': #880E4F,
|
|
'A100': #ff80ab,
|
|
'A200': #ff4081,
|
|
'A400': #f50057,
|
|
'A700': #c51162,
|
|
'contrastDefaultColor': light,
|
|
'contrastDarkColors': 50 100 200 300 400 A100
|
|
);
|
|
|
|
// Purple
|
|
// ----------------------------
|
|
|
|
$color-purple: (
|
|
'50': #f3e5f5,
|
|
'100': #e1bee7,
|
|
'200': #ce93d8,
|
|
'300': #ba68c8,
|
|
'400': #ab47bc,
|
|
'500': #9c27b0,
|
|
'600': #8e24aa,
|
|
'700': #7b1fa2,
|
|
'800': #6a1b9a,
|
|
'900': #4a148c,
|
|
'A100': #ea80fc,
|
|
'A200': #e040fb,
|
|
'A400': #d500f9,
|
|
'A700': #aa00ff,
|
|
'contrastDefaultColor': light,
|
|
'contrastDarkColors': 50 100 200 A100
|
|
);
|
|
|
|
|
|
// Deep Purple
|
|
// ----------------------------
|
|
|
|
$color-deep-purple: (
|
|
'50': #ede7f6,
|
|
'100': #d1c4e9,
|
|
'200': #b39ddb,
|
|
'300': #9575cd,
|
|
'400': #7e57c2,
|
|
'500': #673ab7,
|
|
'600': #5e35b1,
|
|
'700': #512da8,
|
|
'800': #4527a0,
|
|
'900': #311b92,
|
|
'A100': #b388ff,
|
|
'A200': #7c4dff,
|
|
'A400': #651fff,
|
|
'A700': #6200ea,
|
|
'contrastDefaultColor': light,
|
|
'contrastDarkColors': 50 100 200 A100
|
|
);
|
|
|
|
// Indigo
|
|
// ----------------------------
|
|
|
|
$color-indigo: (
|
|
'50': #e8eaf6,
|
|
'100': #c5cae9,
|
|
'200': #9fa8da,
|
|
'300': #7986cb,
|
|
'400': #5c6bc0,
|
|
'500': #3f51b5,
|
|
'600': #3949ab,
|
|
'700': #303f9f,
|
|
'800': #283593,
|
|
'900': #1a237e,
|
|
'A100': #8c9eff,
|
|
'A200': #536dfe,
|
|
'A400': #3d5afe,
|
|
'A700': #304ffe,
|
|
'contrastDefaultColor': light,
|
|
'contrastDarkColors': 50 100 200 A100
|
|
);
|
|
|
|
|
|
// Blue
|
|
// ----------------------------
|
|
|
|
$color-blue: (
|
|
'50': #e3f2fd,
|
|
'100': #bbdefb,
|
|
'200': #90caf9,
|
|
'300': #64b5f6,
|
|
'400': #42a5f5,
|
|
'500': #2196f3,
|
|
'600': #1e88e5,
|
|
'700': #1976d2,
|
|
'800': #1565c0,
|
|
'900': #0d47a1,
|
|
'A100': #82b1ff,
|
|
'A200': #448aff,
|
|
'A400': #2979ff,
|
|
'A700': #2962ff,
|
|
'contrastDefaultColor': light,
|
|
'contrastDarkColors': 100 200 300 400 A100
|
|
);
|
|
|
|
|
|
// Light Blue
|
|
// ----------------------------
|
|
|
|
$color-light-blue: (
|
|
'50': #e1f5fe,
|
|
'100': #b3e5fc,
|
|
'200': #81d4fa,
|
|
'300': #4fc3f7,
|
|
'400': #29b6f6,
|
|
'500': #03a9f4,
|
|
'600': #039be5,
|
|
'700': #0288d1,
|
|
'800': #0277bd,
|
|
'900': #01579b,
|
|
'A100': #80d8ff,
|
|
'A200': #40c4ff,
|
|
'A400': #00b0ff,
|
|
'A700': #0091ea,
|
|
'contrastDefaultColor': dark,
|
|
'contrastLightColors': 500 600 700 800 900 A700
|
|
);
|
|
|
|
|
|
// Cyan
|
|
// ----------------------------
|
|
|
|
$color-cyan: (
|
|
'50': #e0f7fa,
|
|
'100': #b2ebf2,
|
|
'200': #80deea,
|
|
'300': #4dd0e1,
|
|
'400': #26c6da,
|
|
'500': #00bcd4,
|
|
'600': #00acc1,
|
|
'700': #0097a7,
|
|
'800': #00838f,
|
|
'900': #006064,
|
|
'A100': #84ffff,
|
|
'A200': #18ffff,
|
|
'A400': #00e5ff,
|
|
'A700': #00b8d4,
|
|
'contrastDefaultColor': dark,
|
|
'contrastLightColors': 500 600 700 800 900
|
|
);
|
|
|
|
|
|
// Teal
|
|
// ----------------------------
|
|
|
|
$color-teal: (
|
|
'50': #e0f2f1,
|
|
'100': #b2dfdb,
|
|
'200': #80cbc4,
|
|
'300': #4db6ac,
|
|
'400': #26a69a,
|
|
'500': #009688,
|
|
'600': #00897b,
|
|
'700': #00796b,
|
|
'800': #00695c,
|
|
'900': #004d40,
|
|
'A100': #a7ffeb,
|
|
'A200': #64ffda,
|
|
'A400': #1de9b6,
|
|
'A700': #00bfa5,
|
|
'contrastDefaultColor': dark,
|
|
'contrastLightColors': 500 600 700 800 900
|
|
);
|
|
|
|
|
|
// Green
|
|
// ----------------------------
|
|
|
|
$color-green: (
|
|
'50': #e8f5e9,
|
|
'100': #c8e6c9,
|
|
'200': #a5d6a7,
|
|
'300': #81c784,
|
|
'400': #66bb6a,
|
|
'500': #4caf50,
|
|
'600': #43a047,
|
|
'700': #388e3c,
|
|
'800': #2e7d32,
|
|
'900': #1b5e20,
|
|
'A100': #b9f6ca,
|
|
'A200': #69f0ae,
|
|
'A400': #00e676,
|
|
'A700': #00c853,
|
|
'contrastDefaultColor': dark,
|
|
'contrastLightColors': 500 600 700 800 900
|
|
);
|
|
|
|
|
|
// Light Green
|
|
// ----------------------------
|
|
|
|
$color-light-green: (
|
|
'50': #f1f8e9,
|
|
'100': #dcedc8,
|
|
'200': #c5e1a5,
|
|
'300': #aed581,
|
|
'400': #9ccc65,
|
|
'500': #8bc34a,
|
|
'600': #7cb342,
|
|
'700': #689f38,
|
|
'800': #558b2f,
|
|
'900': #33691e,
|
|
'A100': #ccff90,
|
|
'A200': #b2ff59,
|
|
'A400': #76ff03,
|
|
'A700': #64dd17,
|
|
'contrastDefaultColor': dark,
|
|
'contrastLightColors': 800 900
|
|
);
|
|
|
|
|
|
// Lime
|
|
// ----------------------------
|
|
|
|
$color-lime: (
|
|
'50': #f9fbe7,
|
|
'100': #f0f4c3,
|
|
'200': #e6ee9c,
|
|
'300': #dce775,
|
|
'400': #d4e157,
|
|
'500': #cddc39,
|
|
'600': #c0ca33,
|
|
'700': #afb42b,
|
|
'800': #9e9d24,
|
|
'900': #827717,
|
|
'A100': #f4ff81,
|
|
'A200': #eeff41,
|
|
'A400': #c6ff00,
|
|
'A700': #aeea00,
|
|
'contrastDefaultColor': dark,
|
|
'contrastLightColors': 900
|
|
);
|
|
|
|
|
|
// Yellow
|
|
// ----------------------------
|
|
$color-yellow: (
|
|
'50': #fffde7,
|
|
'100': #fff9c4,
|
|
'200': #fff59d,
|
|
'300': #fff176,
|
|
'400': #ffee58,
|
|
'500': #ffeb3b,
|
|
'600': #fdd835,
|
|
'700': #fbc02d,
|
|
'800': #f9a825,
|
|
'900': #f57f17,
|
|
'A100': #ffff8d,
|
|
'A200': #ffff00,
|
|
'A400': #ffea00,
|
|
'A700': #ffd600,
|
|
'contrastDefaultColor': dark
|
|
);
|
|
|
|
|
|
// Amber
|
|
// ----------------------------
|
|
|
|
$color-amber: (
|
|
'50': #fff8e1,
|
|
'100': #ffecb3,
|
|
'200': #ffe082,
|
|
'300': #ffd54f,
|
|
'400': #ffca28,
|
|
'500': #ffc107,
|
|
'600': #ffb300,
|
|
'700': #ffa000,
|
|
'800': #ff8f00,
|
|
'900': #ff6f00,
|
|
'A100': #ffe57f,
|
|
'A200': #ffd740,
|
|
'A400': #ffc400,
|
|
'A700': #ffab00,
|
|
'contrastDefaultColor': dark
|
|
);
|
|
|
|
|
|
// Orange
|
|
// ----------------------------
|
|
|
|
$color-orange: (
|
|
'50': #fff3e0,
|
|
'100': #ffe0b2,
|
|
'200': #ffcc80,
|
|
'300': #ffb74d,
|
|
'400': #ffa726,
|
|
'500': #ff9800,
|
|
'600': #fb8c00,
|
|
'700': #f57c00,
|
|
'800': #ef6c00,
|
|
'900': #e65100,
|
|
'A100': #ffd180,
|
|
'A200': #ffab40,
|
|
'A400': #ff9100,
|
|
'A700': #ff6d00,
|
|
'contrastDefaultColor': dark,
|
|
'contrastLightColors': 800 900
|
|
);
|
|
|
|
|
|
// Deep Orange
|
|
// ----------------------------
|
|
|
|
$color-deep-orange: (
|
|
'50': #fbe9e7,
|
|
'100': #ffccbc,
|
|
'200': #ffab91,
|
|
'300': #ff8a65,
|
|
'400': #ff7043,
|
|
'500': #ff5722,
|
|
'600': #f4511e,
|
|
'700': #e64a19,
|
|
'800': #d84315,
|
|
'900': #bf360c,
|
|
'A100': #ff9e80,
|
|
'A200': #ff6e40,
|
|
'A400': #ff3d00,
|
|
'A700': #dd2c00,
|
|
'contrastDefaultColor': light,
|
|
'contrastDarkColors': 50 100 200 300 400 A100 A200
|
|
);
|
|
|
|
|
|
// Brown
|
|
// ----------------------------
|
|
|
|
$color-brown: (
|
|
'50': #efebe9,
|
|
'100': #d7ccc8,
|
|
'200': #bcaaa4,
|
|
'300': #a1887f,
|
|
'400': #8d6e63,
|
|
'500': #795548,
|
|
'600': #6d4c41,
|
|
'700': #5d4037,
|
|
'800': #4e342e,
|
|
'900': #3e2723,
|
|
'A100': #d7ccc8,
|
|
'A200': #bcaaa4,
|
|
'A400': #8d6e63,
|
|
'A700': #5d4037,
|
|
'contrastDefaultColor': light,
|
|
'contrastDarkColors': 50 100 200
|
|
);
|
|
|
|
// Grey
|
|
// ----------------------------
|
|
$color-grey: (
|
|
'0': #ffffff,
|
|
'50': #fafafa,
|
|
'100': #f5f5f5,
|
|
'200': #eeeeee,
|
|
'300': #e0e0e0,
|
|
'400': #bdbdbd,
|
|
'500': #9e9e9e,
|
|
'600': #757575,
|
|
'700': #616161,
|
|
'800': #424242,
|
|
'900': #212121,
|
|
'1000': #000000,
|
|
'A100': #ffffff,
|
|
'A200': #eeeeee,
|
|
'A400': #bdbdbd,
|
|
'A700': #616161,
|
|
'contrastDefaultColor': dark,
|
|
'contrastLightColors': 600 700 800 900
|
|
);
|
|
|
|
// Blue Grey
|
|
// ----------------------------
|
|
$color-blue-grey: (
|
|
'50': #eceff1,
|
|
'100': #cfd8dc,
|
|
'200': #b0bec5,
|
|
'300': #90a4ae,
|
|
'400': #78909c,
|
|
'500': #607d8b,
|
|
'600': #546e7a,
|
|
'700': #455a64,
|
|
'800': #37474f,
|
|
'900': #263238,
|
|
'A100': #cfd8dc,
|
|
'A200': #b0bec5,
|
|
'A400': #78909c,
|
|
'A700': #455a64,
|
|
'contrastDefaultColor': light,
|
|
'contrastDarkColors': 50 100 200 300
|
|
);
|
|
|
|
// SOGo Green
|
|
// ----------------------------
|
|
$color-sogo-green: (
|
|
'50': #eaf5e9,
|
|
'100': #cbe5c8,
|
|
'200': #aad6a5,
|
|
'300': #88c781,
|
|
'400': #66b86a,
|
|
'500': #56b04c,
|
|
'600': #4da143,
|
|
'700': #388e3c,
|
|
'800': #367d2e,
|
|
'900': #225e1b,
|
|
'A100': #b9f6ca,
|
|
'A200': #69f0ae,
|
|
'A400': #00e676,
|
|
'A700': #00c853,
|
|
'contrastDefaultColor': dark,
|
|
'contrastLightColors': 500 600 700 800 900
|
|
);
|
|
|
|
$color-vintage-blue: (
|
|
'50': #f0faf9,
|
|
'100': #e1f5f3,
|
|
'200': #ceebe8,
|
|
'300': #bfe0dd,
|
|
'400': #b2d6d3,
|
|
'500': #a1ccc8,
|
|
'600': #8ebfbb,
|
|
'700': #7db3b0,
|
|
'800': #639997,
|
|
'900': #4d8080,
|
|
'A100': #d4f7fa,
|
|
'A200': #c3f5fa,
|
|
'A400': #53e3f0,
|
|
'A700': #00b0c0,
|
|
'contrastDefaultColor': light,
|
|
'contrastDarkColors': 50 100 200,
|
|
'contrastLightColors': 300 400 500 600 700 800 900 A100 A200 A400 A700
|
|
|
|
);
|
|
|
|
$color-paper: (
|
|
'50': #fcf7f8,
|
|
'100': #f7f1dc,
|
|
'200': #ede5ca,
|
|
'300': #e6d8ba,
|
|
'400': #e2d2a3,
|
|
'500': #d6c48d,
|
|
'600': #baa870,
|
|
'700': #857545,
|
|
'800': #524517,
|
|
'900': #433809,
|
|
'contrastDefaultColor': dark,
|
|
'contrastLightColors': 500 600 700 800 900
|
|
);
|
|
|
|
$colors: (
|
|
'red': $color-red,
|
|
'pink': $color-pink,
|
|
'purple': $color-purple,
|
|
'deep-purple': $color-deep-purple,
|
|
'indigo': $color-indigo,
|
|
'blue': $color-blue,
|
|
'light-blue': $color-light-blue,
|
|
'cyan': $color-cyan,
|
|
'teal': $color-teal,
|
|
//'green': $color-green,
|
|
'light-green': $color-light-green,
|
|
'lime': $color-lime,
|
|
'yellow': $color-yellow,
|
|
'amber': $color-amber,
|
|
'orange': $color-orange,
|
|
'deep-orange': $color-deep-orange,
|
|
'brown': $color-brown,
|
|
'grey': $color-grey,
|
|
'blue-grey': $color-blue-grey,
|
|
'paper': $color-paper,
|
|
'vintage-blue': $color-vintage-blue,
|
|
// redefine green with sogo-green
|
|
'green': $color-sogo-green
|
|
);
|
|
|