@txdfe/at-theme 1.1.7 → 2.0.0-compatiable.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@txdfe/at-theme",
-  "version": "1.1.7",
+  "version": "2.0.0-compatiable.1",
   "description": "at主题包",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/teambition/css/index.css

@@ -216,6 +216,80 @@
 --background-layout: #f7f7f7;
 --background-overlay: #f0f0f0;
 --background-switch-trigger: #ffffff;
+--gray-00: #ffffff;
+--lavender-soft: #9ea3ff;
+--lavender-hard: #767ff7;
+--coral-soft: #fd998f;
+--coral-hard: #e56a5e;
+--water-soft: #95ddff;
+--water-hard: #59c5ff;
+--neutral-soft: #d9d9d9;
+--neutral-hard: #bfbfbf;
+--neutral-deep: #8c8c8c;
+--pale-brand: #f5fafe;
+--pale-success: #f6fbf7;
+--pale-warning: #fefaf6;
+--pale-alert: #fefcf4;
+--pale-danger: #fdf7f6;
+--pale-purple: #f9f8fe;
+--highlight-purple: #f3f3f9;
+--bright-purple: #d8d9ec;
+--border-purple: #b4b7db;
+--primary-purple: #6a70b8;
+--hover-purple: #4d539e;
+--pale-turquoise: #f4fbfa;
+--highlight-turquoise: #eaf7f6;
+--bright-turquoise: #bce5e3;
+--border-turquoise: #7fcdca;
+--primary-turquoise: #009c95;
+--hover-turquoise: #008086;
+--black: #000000;
+--white: #ffffff;
+--white-01: #ffffff;
+--white-02: rgba(255, 255, 255, 0.72);
+--white-03: rgba(255, 255, 255, 0.36);
+--white-04: rgba(255, 255, 255, 0.18);
+--white-05: rgba(255, 255, 255, 0.08);
+--black-01: #000000;
+--black-02: #44474b;
+--data-orange: #fab34f;
+--data-red: #ff656b;
+--data-green: #4ad051;
+--data-purple: #9979f2;
+--data-blue: #006cd9;
+--data-cyan: #5ccdbb;
+--data-violet: #5c60e6;
+--ph-plum: #bc61cf;
+--ph-red: #f26666;
+--ph-orange: #f29a52;
+--ph-amber: #f4c329;
+--ph-olive: #cbd057;
+--ph-sky: #29b3f0;
+--ph-blue: #3885ea;
+--gray-fill: #f7f7f7;
+--line-hover: #f7f7f7;
+--gray-filled: #f7f7f7;
+--line-actived: #f7f7f7;
+--line-select: #f7f7f7;
+--line-selected: #f7f7f7;
+--gray-click: #f7f7f7;
+--line-click: #f7f7f7;
+--gray-basic: #ffffff;
+--basic: #ffffff;
+--basic-fg: #ffffff;
+--line-color: #ffffff;
+--gray-modal: #ffffff;
+--modal-color: #ffffff;
+--gray-popover: #ffffff;
+--popover-color: #ffffff;
+--background-base: #ffffff;
+--cell-line-hover: #f7f7f7;
+--cell-line-active: #f0f0f0;
+--shadow-00: 0px 1px 4px 0px rgba(38, 38, 38, 0.4);
+--shadow-01: 0px 1px 5px 0px rgba(38, 38, 38, 0.1);
+--shadow-02: 0px 1px 5px 0px rgba(38, 38, 38, 0.1);
+--shadow-03: 0px 10px 32px 0px rgba(38, 38, 38, 0.18);
+--shadow-04: 0px 12px 42px 0px rgba(38, 38, 38, 0.24);
 --font-size-caption: 12px;
 --font-size-body: 14px;
 --font-size-subhead: 14px;
@@ -241,10 +315,6 @@
 --shape-radius: 4px;
 --shape-checkbox: 2px;
 --shape-circular: 50%;
---shadow-01: 0 1px 3px 0 rgba(38, 38, 38, 0.1);
---shadow-02: 0 4px 16px 0 rgba(38, 38, 38, 0.12);
---shadow-03: 0 12px 32px 0 rgba(38, 38, 38, 0.16);
---shadow-04: 0 18px 42px 0 rgba(38, 38, 38, 0.2);
 --AT_THEME: teambition;
 --AT_THEME_TYPE: light;
 }

package/teambition/js/index.js

@@ -218,6 +218,80 @@ module.exports = {
   "background-layout": "#f7f7f7",
   "background-overlay": "#f0f0f0",
   "background-switch-trigger": "#ffffff",
+  "gray-00": "#ffffff",
+  "lavender-soft": "#9ea3ff",
+  "lavender-hard": "#767ff7",
+  "coral-soft": "#fd998f",
+  "coral-hard": "#e56a5e",
+  "water-soft": "#95ddff",
+  "water-hard": "#59c5ff",
+  "neutral-soft": "#d9d9d9",
+  "neutral-hard": "#bfbfbf",
+  "neutral-deep": "#8c8c8c",
+  "pale-brand": "#f5fafe",
+  "pale-success": "#f6fbf7",
+  "pale-warning": "#fefaf6",
+  "pale-alert": "#fefcf4",
+  "pale-danger": "#fdf7f6",
+  "pale-purple": "#f9f8fe",
+  "highlight-purple": "#f3f3f9",
+  "bright-purple": "#d8d9ec",
+  "border-purple": "#b4b7db",
+  "primary-purple": "#6a70b8",
+  "hover-purple": "#4d539e",
+  "pale-turquoise": "#f4fbfa",
+  "highlight-turquoise": "#eaf7f6",
+  "bright-turquoise": "#bce5e3",
+  "border-turquoise": "#7fcdca",
+  "primary-turquoise": "#009c95",
+  "hover-turquoise": "#008086",
+  black: "#000000",
+  white: "#ffffff",
+  "white-01": "#ffffff",
+  "white-02": "rgba(255, 255, 255, 0.72)",
+  "white-03": "rgba(255, 255, 255, 0.36)",
+  "white-04": "rgba(255, 255, 255, 0.18)",
+  "white-05": "rgba(255, 255, 255, 0.08)",
+  "black-01": "#000000",
+  "black-02": "#44474b",
+  "data-orange": "#fab34f",
+  "data-red": "#ff656b",
+  "data-green": "#4ad051",
+  "data-purple": "#9979f2",
+  "data-blue": "#006cd9",
+  "data-cyan": "#5ccdbb",
+  "data-violet": "#5c60e6",
+  "ph-plum": "#bc61cf",
+  "ph-red": "#f26666",
+  "ph-orange": "#f29a52",
+  "ph-amber": "#f4c329",
+  "ph-olive": "#cbd057",
+  "ph-sky": "#29b3f0",
+  "ph-blue": "#3885ea",
+  "gray-fill": "#f7f7f7",
+  "line-hover": "#f7f7f7",
+  "gray-filled": "#f7f7f7",
+  "line-actived": "#f7f7f7",
+  "line-select": "#f7f7f7",
+  "line-selected": "#f7f7f7",
+  "gray-click": "#f7f7f7",
+  "line-click": "#f7f7f7",
+  "gray-basic": "#ffffff",
+  basic: "#ffffff",
+  "basic-fg": "#ffffff",
+  "line-color": "#ffffff",
+  "gray-modal": "#ffffff",
+  "modal-color": "#ffffff",
+  "gray-popover": "#ffffff",
+  "popover-color": "#ffffff",
+  "background-base": "#ffffff",
+  "cell-line-hover": "#f7f7f7",
+  "cell-line-active": "#f0f0f0",
+  "shadow-00": "0px 1px 4px 0px rgba(38, 38, 38, 0.4)",
+  "shadow-01": "0px 1px 5px 0px rgba(38, 38, 38, 0.1)",
+  "shadow-02": "0px 1px 5px 0px rgba(38, 38, 38, 0.1)",
+  "shadow-03": "0px 10px 32px 0px rgba(38, 38, 38, 0.18)",
+  "shadow-04": "0px 12px 42px 0px rgba(38, 38, 38, 0.24)",
   "font-size-caption": "12px",
   "font-size-body": "14px",
   "font-size-subhead": "14px",
@@ -243,10 +317,6 @@ module.exports = {
   "shape-radius": "4px",
   "shape-checkbox": "2px",
   "shape-circular": "50%",
-  "shadow-01": "0 1px 3px 0 rgba(38, 38, 38, 0.1)",
-  "shadow-02": "0 4px 16px 0 rgba(38, 38, 38, 0.12)",
-  "shadow-03": "0 12px 32px 0 rgba(38, 38, 38, 0.16)",
-  "shadow-04": "0 18px 42px 0 rgba(38, 38, 38, 0.2)",
   AT_THEME: "teambition",
   AT_THEME_TYPE: "light"
 };

package/teambition/less/index.less

@@ -215,6 +215,80 @@
 @background-layout: #f7f7f7;
 @background-overlay: #f0f0f0;
 @background-switch-trigger: #ffffff;
+@gray-00: #ffffff;
+@lavender-soft: #9ea3ff;
+@lavender-hard: #767ff7;
+@coral-soft: #fd998f;
+@coral-hard: #e56a5e;
+@water-soft: #95ddff;
+@water-hard: #59c5ff;
+@neutral-soft: #d9d9d9;
+@neutral-hard: #bfbfbf;
+@neutral-deep: #8c8c8c;
+@pale-brand: #f5fafe;
+@pale-success: #f6fbf7;
+@pale-warning: #fefaf6;
+@pale-alert: #fefcf4;
+@pale-danger: #fdf7f6;
+@pale-purple: #f9f8fe;
+@highlight-purple: #f3f3f9;
+@bright-purple: #d8d9ec;
+@border-purple: #b4b7db;
+@primary-purple: #6a70b8;
+@hover-purple: #4d539e;
+@pale-turquoise: #f4fbfa;
+@highlight-turquoise: #eaf7f6;
+@bright-turquoise: #bce5e3;
+@border-turquoise: #7fcdca;
+@primary-turquoise: #009c95;
+@hover-turquoise: #008086;
+@black: #000000;
+@white: #ffffff;
+@white-01: #ffffff;
+@white-02: rgba(255, 255, 255, 0.72);
+@white-03: rgba(255, 255, 255, 0.36);
+@white-04: rgba(255, 255, 255, 0.18);
+@white-05: rgba(255, 255, 255, 0.08);
+@black-01: #000000;
+@black-02: #44474b;
+@data-orange: #fab34f;
+@data-red: #ff656b;
+@data-green: #4ad051;
+@data-purple: #9979f2;
+@data-blue: #006cd9;
+@data-cyan: #5ccdbb;
+@data-violet: #5c60e6;
+@ph-plum: #bc61cf;
+@ph-red: #f26666;
+@ph-orange: #f29a52;
+@ph-amber: #f4c329;
+@ph-olive: #cbd057;
+@ph-sky: #29b3f0;
+@ph-blue: #3885ea;
+@gray-fill: #f7f7f7;
+@line-hover: #f7f7f7;
+@gray-filled: #f7f7f7;
+@line-actived: #f7f7f7;
+@line-select: #f7f7f7;
+@line-selected: #f7f7f7;
+@gray-click: #f7f7f7;
+@line-click: #f7f7f7;
+@gray-basic: #ffffff;
+@basic: #ffffff;
+@basic-fg: #ffffff;
+@line-color: #ffffff;
+@gray-modal: #ffffff;
+@modal-color: #ffffff;
+@gray-popover: #ffffff;
+@popover-color: #ffffff;
+@background-base: #ffffff;
+@cell-line-hover: #f7f7f7;
+@cell-line-active: #f0f0f0;
+@shadow-00: 0px 1px 4px 0px rgba(38, 38, 38, 0.4);
+@shadow-01: 0px 1px 5px 0px rgba(38, 38, 38, 0.1);
+@shadow-02: 0px 1px 5px 0px rgba(38, 38, 38, 0.1);
+@shadow-03: 0px 10px 32px 0px rgba(38, 38, 38, 0.18);
+@shadow-04: 0px 12px 42px 0px rgba(38, 38, 38, 0.24);
 @font-size-caption: 12px;
 @font-size-body: 14px;
 @font-size-subhead: 14px;
@@ -240,9 +314,5 @@
 @shape-radius: 4px;
 @shape-checkbox: 2px;
 @shape-circular: 50%;
-@shadow-01: 0 1px 3px 0 rgba(38, 38, 38, 0.1);
-@shadow-02: 0 4px 16px 0 rgba(38, 38, 38, 0.12);
-@shadow-03: 0 12px 32px 0 rgba(38, 38, 38, 0.16);
-@shadow-04: 0 18px 42px 0 rgba(38, 38, 38, 0.2);
 @AT_THEME: teambition;
 @AT_THEME_TYPE: light;

package/teambition/scss/variables/color.scss

@@ -65,4 +65,81 @@ $background-nav-search: $G10 !default;
 $background-section: $G0 !default;
 $background-layout: $G10 !default;
 $background-overlay: $G20 !default;
-$background-switch-trigger: $G0 !default;
+$background-switch-trigger: $G0 !default;
+
+// added compatiable color
+$gray-00: $G0 !default;
+$lavender-soft: #9ea3ff !default;
+$lavender-hard: #767ff7 !default;
+$coral-soft: #fd998f !default;
+$coral-hard: #e56a5e !default;
+$water-soft: #95ddff !default;
+$water-hard: #59c5ff !default;
+$neutral-soft: #d9d9d9 !default;
+$neutral-hard: #bfbfbf !default;
+$neutral-deep: #8c8c8c !default;
+$pale-brand: #f5fafe !default;
+$pale-success: #f6fbf7 !default;
+$pale-warning: #fefaf6 !default;
+$pale-alert: #fefcf4 !default;
+$pale-danger: #fdf7f6 !default;
+$pale-purple: #f9f8fe !default;
+$highlight-purple: #f3f3f9 !default;
+$bright-purple: #d8d9ec !default;
+$border-purple: #b4b7db !default;
+$primary-purple: #6a70b8 !default;
+$hover-purple: #4d539e !default;
+$pale-turquoise: #f4fbfa !default;
+$highlight-turquoise: #eaf7f6 !default;
+$bright-turquoise: #bce5e3 !default;
+$border-turquoise: #7fcdca !default;
+$primary-turquoise: #009c95 !default;
+$hover-turquoise: #008086 !default;
+$black: #000000 !default;
+$white: #ffffff !default;
+$white-01: #ffffff !default;
+$white-02: rgba(255, 255, 255, 0.72) !default;
+$white-03: rgba(255, 255, 255, 0.36) !default;
+$white-04: rgba(255, 255, 255, 0.18) !default;
+$white-05: rgba(255, 255, 255, 0.08) !default;
+$black-01: #000000 !default;
+$black-02: #44474b !default;
+$data-orange: #fab34f !default;
+$data-red: #ff656b !default;
+$data-green: #4ad051 !default;
+$data-purple: #9979f2 !default;
+$data-blue: #006cd9 !default;
+$data-cyan: #5ccdbb !default;
+$data-violet: #5c60e6 !default;
+$ph-plum: #bc61cf !default;
+$ph-red: #f26666 !default;
+$ph-orange: #f29a52 !default;
+$ph-amber: #f4c329 !default;
+$ph-olive: #cbd057 !default;
+$ph-sky: #29b3f0 !default;
+$ph-blue: #3885ea !default;
+$gray-fill: #f7f7f7 !default;
+$line-hover: #f7f7f7 !default;
+$gray-filled: #f7f7f7 !default;
+$line-actived: #f7f7f7 !default;
+$line-select: #f7f7f7 !default;
+$line-selected: #f7f7f7 !default;
+$gray-click: #f7f7f7 !default;
+$line-click: #f7f7f7 !default;
+$gray-basic: #fff !default;
+$basic: #fff !default;
+$basic-fg: #fff !default;
+$line-color: #fff !default;
+$gray-modal: #fff !default;
+$modal-color: #fff !default;
+$gray-popover: #fff !default;
+$popover-color: #fff !default;
+$background-base: #fff !default;
+$cell-line-hover: #f7f7f7 !default;
+$cell-line-active: $G20 !default;
+
+$shadow-00: 0px 1px 4px 0px rgba(38, 38, 38, 0.4) !default;
+$shadow-01: 0px 1px 5px 0px rgba(38, 38, 38, 0.1) !default;
+$shadow-02: 0px 1px 5px 0px rgba(38, 38, 38, 0.1) !default;
+$shadow-03: 0px 10px 32px 0px rgba(38, 38, 38, 0.18) !default;
+$shadow-04: 0px 12px 42px 0px rgba(38, 38, 38, 0.24) !default;