quasar-ui-sellmate-ui-kit 3.14.14 → 3.14.16

package/src/css/quasar.variables.scss

@@ -7,130 +7,142 @@ $negative: #e30000;
 $info: #00cd52;
 $warning: #f2c037;
 
-$Red_Darken-5: #220000;
-$Red_Darken-4: #440000;
-$Red_Darken-3: #5e0000;
-$Red_Darken-2: #820000;
-$Red_Darken-1: #ad0000;
-$Red_Default: #e30000;
-$Red_Lighten-1: #fb4444;
-$Red_Lighten-2: #ff7c7c;
-$Red_Lighten-3: #ffb5b5;
-$Red_Lighten-4: #ffd3d3;
-$Red_Lighten-5: #fce6e6;
-$Red_Lighten-6: #fcefef;
 $Caution_Icon: #fd9595;
-
-$Orange_Darken-5: #2f1100;
-$Orange_Darken-4: #4d1b00;
-$Orange_Darken-3: #752a00;
-$Orange_Darken-2: #9b3700;
-$Orange_Darken-1: #ce4900;
-$Orange_Default: #ff6b00;
-$Orange_Lighten-1: #ff7f22;
-$Orange_Lighten-2: #ffa452;
-$Orange_Lighten-3: #ffbb96;
-$Orange_Lighten-4: #ffbc81;
-$Orange_Lighten-5: #ffd5af;
-$Orange_Lighten-6: #fef1ea;
-
 $Header_Alert: #ff7a00; // header alert
 
-$Yellow_Darken-5: #553d00;
-$Yellow_Darken-4: #7d5a00;
-$Yellow_Darken-3: #a87900;
-$Yellow_Darken-2: #cd9400;
-$Yellow_Darken-1: #f3be00;
-$Yellow_Default: #ffc700;
-$Yellow_Lighten-1: #ffd359;
-$Yellow_Lighten-2: #ffdf87;
-$Yellow_Lighten-3: #ffecb9;
-$Yellow_Lighten-4: #fff3d0;
-$Yellow_Lighten-5: #fff6de;
-$Yellow_Lighten-6: #fffbf2;
-
-$Greenish-yellow_Darken-5: #2c2c00;
-$Greenish-yellow_Darken-4: #454500;
-$Greenish-yellow_Darken-3: #636300;
-$Greenish-yellow_Darken-2: #838300;
-$Greenish-Yellow_Darken-1: #a5a500;
-$Greenish-Yellow_Default: #c7c700;
-$Greenish-Yellow_Lighten-1: #e0e01f;
-$Greenish-Yellow_Lighten-2: #f3f354;
-$Greenish-Yellow_Lighten-3: #ffff80;
-$Greenish-Yellow_Lighten-4: #fafab2;
-$Greenish-Yellow_Lighten-5: #fafad8;
-$Greenish-Yellow_Lighten-6: #f9f9e4;
-
-$Green_Darken-5: #001d0b;
-$Green_Darken-4: #003013;
-$Green_Darken-3: #00461c;
-$Green_Darken-2: #006629;
-$Green_Darken-1: #007b31;
-$Green_Default: #00973c;
-$Green_Lighten-1: #01bb4b;
-$Green_Lighten-2: #05d358;
-$Green_Lighten-3: #3ee882;
-$Green_Lighten-4: #87edb0;
-$Green_Lighten-5: #c4f9d9;
-$Green_Lighten-6: #e8f9ef;
-
-$Blue_A_Darken-5: #021a25;
-$Blue_A_Darken-4: #02212f;
-$Blue_A_Darken-3: #032d40;
-$Blue_A_Darken-2: #033f59;
-$Blue_A_Darken-1: #06587d;
-$Blue_A_Default: #066d9b;
-$Blue_A_Lighten-1: #128fc7;
-$Blue_A_Lighten-2: #229fd7;
-$Blue_A_Lighten-3: #50bff0;
-$Blue_A_Lighten-4: #a4e2fd;
-$Blue_A_Lighten-5: #d9f2fd;
-$Blue_A_Lighten-6: #ecf8fd;
-
-$Blue_B_Darken-5: #011428;
-$Blue_B_Darken-4: #03172d;
-$Blue_B_Darken-3: #051d36;
-$Blue_B_Darken-2: #07284a;
-$Blue_B_Darken-1: #004177;
-$Blue_B_Default: #025497;
-$Blue_B_Lighten-1: #006ac1;
-$Blue_B_Lighten-2: #1f8ae1;
-$Blue_B_Lighten-3: #5cb0f3;
-$Blue_B_Lighten-4: #9cd1fc;
-$Blue_B_Lighten-5: #d5ebfe;
-$Blue_B_Lighten-6: #eaf5fe;
-
-$Blue_C_Darken-5: #001226;
-$Blue_C_Darken-4: #001b39;
-$Blue_C_Darken-3: #002b5e;
-$Blue_C_Darken-2: #004290;
-$Blue_C_Darken-1: #005cc9;
-$Blue_C_Default: #0075ff;
-$Blue_C_Lighten-1: #2d8dff;
-$Blue_C_Lighten-2: #64abff;
-$Blue_C_Lighten-3: #93c4ff;
-$Blue_C_Lighten-4: #bbdaff;
-$Blue_C_Lighten-5: #d9eaff;
-$Blue_C_Lighten-6: #e6f1ff;
-$Blue_C_Lighten-7: #eff6ff;
-$Blue_C_Lighten-8: #f5faff; // table-title
-
-$Grey_Darken-5: #222222;
-$Grey_Darken-4: #333333;
-$Grey_Darken-3: #444444;
-$Grey_Darken-2: #555555;
-$Grey_Darken-1: #737373;
-$Grey_Default: #888888;
-$Grey_Lighten-1: #aaaaaa;
-$Grey_Lighten-2: #cccccc;
-$Grey_Lighten-3: #e1e1e1;
-$Grey_Lighten-4: #eeeeee;
-$Grey_Lighten-5: #f6f6f6;
-$Grey_Lighten-6: #f9f9f9;
-$Grey_Lighten-7: #e5e5e5;
-$Grey_Lighten-8: #d8d8d8;
-
+// Grey Palette
+$grey_95: #222222;
+$grey_90: #333333;
+$grey_85: #444444;
+$grey_80: #555555;
+$grey_70: #737373;
+$grey_65: #888888;
+$grey_60: #999999;
+$grey_55: #aaaaaa;
+$grey_50: #bbbbbb;
+$grey_45: #cccccc;
+$grey_35: #d8d8d8;
+$grey_30: #e1e1e1;
+$grey_25: #e5e5e5;
+$grey_20: #eeeeee;
+$grey_10: #f6f6f6;
+$grey_05: #f9f9f9;
+
+// Red Palette
+$red_99: #220000;
+$red_95: #440000;
+$red_90: #5e0000;
+$red_85: #820000;
+$red_80: #ad0000;
+$red_75: #e30000;
+$red_70: #fb4444;
+$red_60: #ff7c7c;
+$red_45: #ffb5b5;
+$red_30: #ffd3d3;
+$red_20: #fce6e6;
+$red_15: #fcefef;
+
+// Orange Palette
+$orange_99: #2f1100;
+$orange_95: #4d1b00;
+$orange_90: #752a00;
+$orange_85: #9b3700;
+$orange_75: #ce4900;
+$orange_65: #ff6b00;
+$orange_60: #ff7f22;
+$orange_55: #ffa452;
+$orange_45: #ffbb96;
+$orange_35: #ffbc81;
+$orange_20: #ffd5af;
+$orange_10: #fef1ea;
+
+// Olive Palette
+$olive_95: #2c2c00;
+$olive_90: #454500;
+$olive_80: #636300;
+$olive_70: #838300;
+$olive_65: #a5a500;
+$olive_55: #c7c700;
+$olive_45: #dddd12;
+$olive_30: #eeee37;
+$olive_20: #f6f65f;
+$olive_15: #fafaa1;
+$olive_10: #fbfbbf;
+$olive_05: #fefed9;
+
+// Yellow Palette
+$yellow_95: #322700;
+$yellow_90: #453702;
+$yellow_80: #6c5602;
+$yellow_70: #9c7a00;
+$yellow_60: #c49900;
+$yellow_50: #ebb800;
+$yellow_45: #ffc700;
+$yellow_40: #ffd643;
+$yellow_30: #fee17c;
+$yellow_25: #ffe99e;
+$yellow_20: #fef1c4;
+$yellow_10: #fff7dd;
+
+// Green Palette
+$green_99: #001d0b;
+$green_95: #003013;
+$green_90: #00461c;
+$green_85: #006629;
+$green_80: #007b31;
+$green_75: #00973c;
+$green_70: #12b553;
+$green_65: #2bce6c;
+$green_55: #6de39c;
+$green_45: #acf4c9;
+$green_25: #d4fae3;
+$green_15: #e8f9ef;
+
+// Steelblue Palette
+$steelblue_99: #021a25;
+$steelblue_95: #02212f;
+$steelblue_90: #032d40;
+$steelblue_85: #033f59;
+$steelblue_80: #06587d;
+$steelblue_75: #066d9b;
+$steelblue_70: #128fc7;
+$steelblue_65: #229fd7;
+$steelblue_60: #50bff0;
+$steelblue_45: #a4e2fd;
+$steelblue_25: #d9f2fd;
+$steelblue_10: #ecf8fd;
+
+// Oceanblue Palette
+$oceanblue_99: #011428;
+$oceanblue_95: #03172d;
+$oceanblue_90: #051d36;
+$oceanblue_85: #07284a;
+$oceanblue_80: #004177;
+$oceanblue_75: #025497;
+$oceanblue_70: #006ac1;
+$oceanblue_65: #1f8ae1;
+$oceanblue_60: #5cb0f3;
+$oceanblue_50: #9cd1fc;
+$oceanblue_25: #d5ebfe;
+$oceanblue_15: #eaf5fe;
+
+// Brilliantblue Palette
+$brilliantblue_99: #001226;
+$brilliantblue_95: #001b39;
+$brilliantblue_90: #002b5e;
+$brilliantblue_85: #004290;
+$brilliantblue_80: #005cc9;
+$brilliantblue_75: #0075ff;
+$brilliantblue_70: #2d8dff;
+$brilliantblue_60: #64abff;
+$brilliantblue_50: #93c4ff;
+$brilliantblue_40: #bbdaff;
+$brilliantblue_25: #d9eaff;
+$brilliantblue_20: #e6f1ff;
+$brilliantblue_10: #eff6ff;
+$brilliantblue_05: #f5faff;
+
+// table-title
 $th-bg: #f5faff;
 
 $body-font-size: 12px !default; // 기준이 되는 font-size를 지정