样式修改

frontend-web/src/strategy-components/components/task-components/css/strategy-data.css

@@ -0,0 +1,184 @@
+/**
+ * Strategy task components styles migrated from web-code/index.css
+ * Used by TaskAnalyzes, SentimentAnalyzes, ActionAnalyzes and related children.
+ */
+
+/* ── CSS variables (light) ─────────────────────────────────────────────── */
+.strategy-data {
+  --color-main: #cf1322;
+  --td-brand-color: #ce2d39;
+  --bg-color: #fef6f6;
+  --card-border: #fa9196;
+  --text-color: #222222;
+
+  --card-bg: 0 0% 100%;
+  --card-hover: 0 86% 97%;
+  --border-color: 0 76% 89%;
+  --input-bg: 0 0% 100%;
+  --input-border: 0 76% 89%;
+}
+
+/* ── CSS variables (dark) ────────────────────────────────────────────── */
+.dark .strategy-data {
+  --color-main: #0062d9;
+  --td-brand-color: #ce2d39;
+  --bg-color: #0062d966;
+  --card-border: #fa9196;
+  --text-color: #ffffff;
+
+  --card-bg: 217.2 32.6% 17.5%;
+  --card-hover: 215 20.2% 25%;
+  --border-color: 217.2 32.6% 17.5%;
+  --input-bg: 217.2 32.6% 17.5%;
+  --input-border: 217.2 32.6% 17.5%;
+}
+
+/* ── Theme card (TaskCard, KanbanColumn) ─────────────────────────────── */
+.strategy-data .theme-card {
+  background-color: hsl(var(--card-bg));
+}
+
+.strategy-data .theme-card-hover:hover {
+  background-color: hsl(var(--card-hover));
+}
+
+.strategy-data .theme-transition {
+  transition:
+    background-color 0.3s ease,
+    color 0.3s ease,
+    border-color 0.3s ease,
+    box-shadow 0.3s ease;
+}
+
+/* ── Scrollbar (KanbanColumn) ────────────────────────────────────────── */
+.strategy-data .scrollbar-thin {
+  scrollbar-width: thin;
+  scrollbar-color: #ddd #f1f1f1;
+}
+
+.strategy-data .scrollbar-thin::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+.strategy-data .scrollbar-thin::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 3px;
+}
+
+.strategy-data .scrollbar-thin::-webkit-scrollbar-thumb:hover {
+  background: #555;
+}
+
+.strategy-data .scrollbar-thin::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.dark .strategy-data .scrollbar-thin {
+  scrollbar-color: rgba(148, 163, 184, 0.45) transparent;
+}
+
+.dark .strategy-data .scrollbar-thin::-webkit-scrollbar-thumb {
+  background: rgba(148, 163, 184, 0.45);
+}
+
+.dark .strategy-data .scrollbar-thin::-webkit-scrollbar-thumb:hover {
+  background: rgba(148, 163, 184, 0.65);
+}
+
+.dark .strategy-data .scrollbar-thin::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+/* ── ActionAnalyzes task sidebar ─────────────────────────────────────── */
+.strategy-data .task-item-active:hover {
+  border: 1px solid var(--color-main);
+}
+
+.strategy-data .task-item-active:hover .item-active {
+  background: var(--color-main);
+  color: #ffffff;
+}
+
+.strategy-data .dark-theme:hover {
+  background: #0062d966;
+  color: #ffffff;
+  border-color: #0062d9 !important;
+  box-shadow: 0 3px 4px #8b8b8b0f;
+}
+
+.strategy-data .action-item:hover {
+  border-color: var(--card-border);
+}
+
+.strategy-data .dark-theme.task-active,
+.strategy-data .dark-theme .task-active {
+  border-color: #0062d9 !important;
+}
+
+.strategy-data .task-active {
+  background-color: var(--bg-color);
+  border: 1px solid var(--color-main);
+}
+
+.strategy-data .task-active .item-active {
+  background: var(--color-main);
+  color: #ffffff;
+}
+
+.strategy-data .task-tab-color {
+  color: var(--color-main);
+}
+
+.dark .strategy-data .dark-theme .task-tab-color {
+  color: #ffffff !important;
+}
+
+.dark .strategy-data .dark-theme .t-progress__bar {
+  background-color: #ffffff;
+}
+
+/* ── ActionColumn kanban backgrounds ─────────────────────────────────── */
+.strategy-data .action-bg0 {
+  background: linear-gradient(180deg, #f2f9ff, #fff 17.89% 100%);
+}
+
+.strategy-data .action-bg1 {
+  background: linear-gradient(180deg, #fffaed, #fff 17.89% 100%);
+}
+
+.strategy-data .action-bg2 {
+  background: linear-gradient(180deg, #f2fff9, #fff 17.89% 100%);
+}
+
+.strategy-data .action-bg3 {
+  background: linear-gradient(180deg, #f5f5f5, #fff 17.89% 100%);
+}
+
+.strategy-data .dark-action-bg {
+  background: rgba(3, 38, 80, 0.6) !important;
+  border: 1px solid rgba(43, 143, 254, 0.6) !important;
+  border-radius: 8px !important;
+  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.08) !important;
+}
+
+.strategy-data .dark-action-item {
+  background: #0062d91a;
+  border: 1px solid #2b8ffe99;
+  border-radius: 8px;
+}
+
+.strategy-data .dark-action-item:hover {
+  background: #0062d966;
+  border-color: #0062d9;
+}
+
+/* ── TDesign overrides inside task pages ─────────────────────────────── */
+.strategy-data .t-loading__parent {
+  min-height: 0;
+}
+
+.strategy-data .t-pagination {
+  justify-content: center;
+}