生产管理系统前端 1开发分类字典 2.适配input框灰色背景 3.适配textarea灰色背景.

crop-x/src/styles/globals.css

@@ -3,10 +3,12 @@
 
 @custom-variant dark (&:is(.dark *));
 @config "../../tailwind.config.js";
+@import "./body.css";
 
 /* CSS变量定义 - 农业管理系统主题 */
 :root {
   /* 基础色彩系统 */
+  --input-background: #f3f3f5;
   --background: 240 10% 98%;
   --foreground: 240 10% 10%;
   --card: 0 0% 100%;
@@ -291,7 +293,7 @@
   --color-sidebar-ring: var(--sidebar-ring);
   --animate-accordion-down: accordion-down 0.2s ease-out;
   --animate-accordion-up: accordion-up 0.2s ease-out;
-
+  --color-input-background: var(--input-background);
   @keyframes accordion-down {
     from {
       height: 0;
@@ -325,4 +327,15 @@
     }
   
 }
-@import "./body.css";
+
+@layer utilities {
+  .\@container\/card-header {
+    container: card-header / inline-size;
+  }
+  .bg-input-background {
+    background-color: var(--input-background);
+  }
+  .focus-visible\:ring-ring\/50:focus-visible {
+    --tw-ring-color: var(--ring);
+  }
+}