Browse Source

feat(web): 配色二次调柔——小红书暖系参考(来源徽章粉彩+更圆角,状态chip降饱和,平台chip柔雾蓝)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Sam Lee 6 days ago
parent
commit
0dea5ce8a5
1 changed files with 27 additions and 27 deletions
  1. 27 27
      web2/app/globals.css

+ 27 - 27
web2/app/globals.css

@@ -788,36 +788,36 @@ a:focus-visible {
 .source-kind-badge {
   display: inline-block;
   width: fit-content;
-  padding: 5px 10px;
+  padding: 5px 11px;
   border: 1px solid transparent;
-  border-radius: 5px;
+  border-radius: 11px;
   font-size: 15px;
   font-weight: 800;
   line-height: 1.2;
 }
 
 .source-kind-badge.seed {
-  color: #7A2E18;
-  border-color: #E7C8BC;
-  background: #F3E3DB;
+  color: #99462B;
+  border-color: #F4D3C2;
+  background: #FAE3D7;
 }
 
 .source-kind-badge.piaoquan {
-  color: #713f12;
-  border-color: #fde68a;
-  background: #fef3c7;
+  color: #8A5712;
+  border-color: #F1DEAE;
+  background: #FBEDCE;
 }
 
 .source-kind-badge.category {
-  color: #3F5A28;
-  border-color: #DCE7C8;
-  background: #E6EDDC;
+  color: #4C6A34;
+  border-color: #D6E5C4;
+  background: #E6F0D9;
 }
 
 .source-kind-badge.unknown {
-  color: #3A352B;
-  border-color: #D9CFBB;
-  background: #ECE5D6;
+  color: #6F6657;
+  border-color: #E0D8C6;
+  background: #F0EADC;
 }
 
 .source-query-text {
@@ -869,10 +869,10 @@ a:focus-visible {
   display: inline-block;
   width: fit-content;
   margin: 1px 3px 1px 0;
-  padding: 1px 7px;
-  border-radius: 10px;
-  color: #211F1A;
-  background: #E0D8C6;
+  padding: 2px 9px;
+  border-radius: 999px;
+  color: #5A5346;
+  background: #EDE6D6;
   font-size: 12.5px;
   line-height: 1.45;
   white-space: nowrap;
@@ -884,28 +884,28 @@ a:focus-visible {
 }
 
 .chip.yellow {
-  color: #78350f;
-  background: #fde68a;
+  color: #8A5712;
+  background: #FBEAC6;
 }
 
 .chip.green {
-  color: #4D6B36;
-  background: #DCE7C8;
+  color: #4C6A34;
+  background: #E6F0D9;
 }
 
 .chip.red {
-  color: #991b1b;
-  background: #fee2e2;
+  color: #A2452F;
+  background: #F7DDD4;
 }
 
 .chip.blue {
-  color: #B4502F;
-  background: #E7C8BC;
+  color: #3E5C72;
+  background: #D2E0EA;
 }
 
 .chip.pool {
   color: #2E6E63;
-  background: #CDE7DF;
+  background: #D3E9DF;
 }
 
 .video-strip {