first commit

webapp/packages/chat-sdk/src/styles/global.less

@@ -0,0 +1,50 @@
+@import './index.less';
+
+@prefix-cls: ~'@{supersonic-chat-prefix}';
+
+.@{prefix-cls} {
+  &-dimension,
+  &-metric {
+    position: relative;
+
+    &::after {
+      position: absolute;
+      right: 0.5px;
+      bottom: -2px;
+      left: 0.5px;
+      height: 2px;
+      margin: 0 1px;
+      content: '';
+    }
+  }
+
+  &-dimension {
+    &::after {
+      background: var(--chat-blue);
+    }
+  }
+
+  &-metric {
+    &::after {
+      background: #31c462;
+    }
+  }
+
+  &-table-row {
+    cursor: pointer;
+  }
+
+  &-even-row {
+    background-color: #fbfbfb;
+  }
+
+  &-no-border-table {
+    .ant-table-cell {
+      border: none !important;
+    }
+
+    .ant-table-tbody > tr.ant-table-row:hover > td {
+      background-color: #efefef !important;
+    }
+  } 
+}

webapp/packages/chat-sdk/src/styles/index.less

@@ -0,0 +1,29 @@
+@import './reboot.less';
+
+@import './variables.less';
+
+@import './global.less';
+
+@import '../components/ChatMsg/Bar/style.less';
+
+@import '../components/ChatMsg/Table/style.less';
+
+@import '../components/ChatMsg/Message/style.less';
+
+@import '../components/ChatMsg/MetricCard/style.less';
+
+@import "../components/ChatMsg/MetricTrend/style.less";
+
+@import "../components/ChatMsg/ApplyAuth/style.less";
+
+@import "../components/ChatMsg/NoPermissionChart/style.less";
+
+@import "../components/ChatMsg/SemanticInfoPopover/style.less";
+
+@import "../components/SemanticDetail/style.less";
+
+@import '../components/ChatItem/style.less';
+
+@import "../components/Tools/style.less";
+
+@import "../components/Suggestion/style.less";

webapp/packages/chat-sdk/src/styles/reboot.less

@@ -0,0 +1,14 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-size: 14px;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

webapp/packages/chat-sdk/src/styles/variables.less

@@ -0,0 +1,79 @@
+@supersonic-chat-prefix: ~'ss-chat';
+
+:root:root {
+  --primary: 180deg 4%;
+  --primary-color: #f87653;
+  --blue: #296df3;
+  --deep-blue: #446dff;
+  --chat-blue: #1b4aef;
+  --wy-color: #c20c0c;
+  --detail-width: 1300px;
+  --primary-1: #fff0f0;
+  --primary-2: #ffc7c7;
+  --primary-3: #ff9ea1;
+  --primary-4: #ff757e;
+  --primary-5: #ff4d5e;
+  --primary-6: #ff2441;
+  --primary-7: #d91434;
+  --primary-8: rgba(255, 36, 66, 0.1);
+  --body-background: #f7fafa;
+  --deep-background: #f0f0f0;
+  --light-background: #f5f5f5;
+  --component-background: #fff;
+  --header-color: #edf2f2;
+  --text-color: #181a1a;
+  --text-color-secondary: #3d4242;
+  --text-color-third: #626a6a;
+  --text-color-fourth: #889191;
+  --text-color-fifth: #afb6b6;
+  --text-color-six: #a3a4a6;
+  --text-color-fifth-4: hsla(180, 5%, 70%, 0.4);
+  --tooltip-max-width: 350px;
+  --info-color: #ff2442;
+  --success-color: #52c41a;
+  --processing-color: #ff2442;
+  --error-color: #ff4d4f;
+  --highlight-color: #ff4d4f;
+  --newrank-color: #ff7800;
+  --warning-color: #faad14;
+  --normal-color: #d9d9d9;
+  --white: #fff;
+  --white-30: hsla(0, 0%, 100%, 0.3);
+  --black: #000;
+  --disabled-color: #afb6b6;
+  --disabled-bg: #eceeee;
+  --border-color-base: #e1e6e6;
+  --chat-border-color-base: #d5d7db;
+  --light-blue-background: rgba(58, 100, 255, 0.1);
+  --link-color: #3a64ff;
+  --link-hover-color: #638aff;
+  --link-active-color: #2748d9;
+  --link-bg-color: rgba(58, 100, 255, 0.1);
+  --text-accent-color: #3a64ff;
+  --primary-green: #00b354;
+  --link-hover-bg-color: rgba(58, 100, 255, 0.06);
+  --success-2: rgba(82, 196, 26, 0.2);
+  --success-pink: #ff8193;
+  --disabled-bg-3: hsla(180, 6%, 93%, 0.3);
+  --tooltip-bg: #fff;
+  --record-btn: #00b354;
+  --record-btn-bg: rgba(0, 179, 84, 0.1);
+  --record-btn-bg-3: rgba(0, 179, 84, 0.3);
+  --border-color-base-bg-5: hsla(180, 9%, 89%, 0.5);
+  --user-gao-color: #fcad36;
+  --user-hao-color: #ec6f6f;
+  --user-all-color: #252526;
+  --nr-menu-highlight-color: #ff2442;
+  --nr-menu-icon-hover-color: #ff2442;
+  --nr-sider-background: #fff;
+  --nr-menu-bg: #fff;
+  --nr-sider-fixed-zindex: 12;
+  --nr-header-fixed-zindex: 11;
+  --newrank-color-bg: rgba(255, 120, 0, 0.1);
+  --newrank-color-bg-3: rgba(255, 120, 0, 0.3);
+  --warning-05: rgba(250, 173, 20, 0.05);
+  --bridge-account-color: #ff2442;
+  --bridge-agency-color: #3a64ff;
+  --bridge-free-color: #ff7800;
+  --bridge-medium-color: #00b354;
+}