Browse Source

修复覆盖m2主题颜色的问题

valentichu 1 year ago
parent
commit
a679fae554

+ 1 - 1
src/App.jsx

@@ -15,7 +15,7 @@ function Home(props) {
         //   pointId: "ABC123_AAA_chr1_AEff_MIN_H",
         // }}
       ></Alarm.DetailModal> */}
-      <Alarm.EasyConfig id={-1}></Alarm.EasyConfig>
+      <Alarm.EasyConfig editId={33}></Alarm.EasyConfig>
     </>
   );
 }

+ 0 - 1
src/pages/Alarm/components/easy.jsx

@@ -29,7 +29,6 @@ function TranslateText(arr) {
 
 const Easy = (props, ref) => {
   const { alarmId, groupList = [] } = props;
-
   const [form] = Form.useForm();
   // const [alarmId, setAlarmId] = useState(searchParams.get('alarm_id'))
   // const [token, setToken] = useState(searchParams.get('token'))

+ 37 - 9
src/utils/theme/style/blue.js

@@ -10,11 +10,26 @@ const myTheme = {
   '--dt-primary-color5': ['#9DBDFB', 'rgba(80, 141, 248, 0.5)'],
   '--dt-primary-color6': ['#BDD2FC', 'rgba(80, 141, 248, 0.3)'],
   '--dt-primary-color7': ['#EAF1FE', 'rgba(80, 141, 248, 0.2)'],
-  '--dt-primary-color': ['var(--dt-primary-color1)', 'var(--dt-primary-color1)'],
-  '--dt-primary-color-hover': ['var(--dt-primary-color2)', 'var(--dt-primary-color2)'],
-  '--dt-primary-color-click': ['var(--dt-primary-color3)', 'var(--dt-primary-color3)'],
-  '--dt-primary-color-disabled': ['var(--dt-primary-color5)', 'var(--dt-primary-color5)'],
-  '--dt-primary-color-label': ['var(--dt-primary-color7)', 'var(--dt-primary-color7)'],
+  '--dt-primary-color': [
+    'var(--dt-primary-color1)',
+    'var(--dt-primary-color1)',
+  ],
+  '--dt-primary-color-hover': [
+    'var(--dt-primary-color2)',
+    'var(--dt-primary-color2)',
+  ],
+  '--dt-primary-color-click': [
+    'var(--dt-primary-color3)',
+    'var(--dt-primary-color3)',
+  ],
+  '--dt-primary-color-disabled': [
+    'var(--dt-primary-color5)',
+    'var(--dt-primary-color5)',
+  ],
+  '--dt-primary-color-label': [
+    'var(--dt-primary-color7)',
+    'var(--dt-primary-color7)',
+  ],
   '--dt-text-color1': ['#1F232B', 'rgba(255, 255, 255, 0.85)'],
   '--dt-text-color2': ['#4D596A', 'rgba(255, 255, 255, 0.6)'],
   '--dt-text-color3': ['#848e9b', 'rgba(255, 255, 255, 0.45)'],
@@ -22,12 +37,13 @@ const myTheme = {
   '--dt-line-color1': ['#F2F3F5', 'rgba(255, 255, 255, 0.08)'],
   '--dt-line-color2': ['#E5E6EA', 'rgba(255, 255, 255, 0.12)'],
   '--dt-line-color3': ['#C9CDD4', 'rgba(255, 255, 255, 0.16)'],
-  '--dt-fill-color1': ['#f7f8fa', '#1f2729'],
+  '--dt-fill-color1': ['#f7f8fa', '#17181A'],
   '--dt-fill-color2': ['#C9CDD4', 'rgba(255, 255, 255, 0.24)'],
-  '--dt-fill-color3': ['#ffffff', '#293133'],
+  '--dt-fill-color3': ['#ffffff', '#212123'],
   '--dt-fill-color4': ['#F2F3F5', 'rgba(255, 255, 255, 0.08)'],
   '--dt-fill-color5': ['#E5E6EB', 'rgba(255, 255, 255, 0.16)'],
   '--dt-fill-color6': ['#4E5969', '#C5C5C5'],
+  '--dt-fill-color7': ['#ffffff', '#323234'],
   '--dt-success-color1': ['#2da641', '#27C346'],
   '--dt-success-color2': ['#57B867', '#23AE3F'],
   '--dt-success-color3': ['#29973B', '#67D57D'],
@@ -52,9 +68,21 @@ const myTheme = {
   '--dt-special-color1': ['#ffffff', '#ffffff'],
   '--dt-special-color2': ['#ffffff', '#ffffff'],
   '--dt-special-color3': ['#000000', '#000000'],
-  '--dt-special-color4': ['#1f232b', '#2e3739'],
-  '--dt-special-color5': ['#3a4143', '#3a4143'],
+  '--dt-special-color4': ['#1f232b', '#323234'],
+  '--dt-special-color5': ['#e5e6ea', '#3a4143'],
+  '--dt-special-color6': ['#F2F3F5', '#2c2d2f'],
   '--dt-shadow-color1':['rgba(0, 0, 0, 0.10)','rgba(0, 0, 0, 0.25)'],
+  '--dt-canvas-color':['var(--dt-fill-color3)','var(--dt-fill-color3)'],
+  '--dt-shadow-color1': ['rgba(0, 0, 0, 0.10)', 'rgba(0, 0, 0, 0.25)'],
+  '--dt-canvas-color': ['var(--dt-fill-color3)', 'var(--dt-fill-color3)'],
+  '--dt-menu-shadow-color': [
+    'linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%)',
+    'linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%)',
+  ],
+  '--dt-menu-shadow-color1': [
+    'linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%)',
+    'linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%)',
+  ],
 };
 
 export { myTheme };

+ 39 - 8
src/utils/theme/style/dark.js

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import { useMemo } from "react";
 
 const myTheme = {
   '--dt-primary-color1': ['#2a6ff6', '#508df8'],
@@ -8,17 +8,32 @@ const myTheme = {
   '--dt-primary-color5': ['#9DBDFB', 'rgba(80, 141, 248, 0.5)'],
   '--dt-primary-color6': ['#BDD2FC', 'rgba(80, 141, 248, 0.3)'],
   '--dt-primary-color7': ['#EAF1FE', 'rgba(80, 141, 248, 0.2)'],
-  '--dt-primary-color': ['var(--dt-primary-color1)', 'var(--dt-primary-color1)'],
-  '--dt-primary-color-hover': ['var(--dt-primary-color2)', 'var(--dt-primary-color2)'],
-  '--dt-primary-color-click': ['var(--dt-primary-color3)', 'var(--dt-primary-color3)'],
-  '--dt-primary-color-disabled': ['var(--dt-primary-color5)', 'var(--dt-primary-color5)'],
-  '--dt-primary-color-label': ['var(--dt-primary-color7)', 'var(--dt-primary-color7)'],
+  '--dt-primary-color': [
+    'var(--dt-primary-color1)',
+    'var(--dt-primary-color1)',
+  ],
+  '--dt-primary-color-hover': [
+    'var(--dt-primary-color2)',
+    'var(--dt-primary-color2)',
+  ],
+  '--dt-primary-color-click': [
+    'var(--dt-primary-color3)',
+    'var(--dt-primary-color3)',
+  ],
+  '--dt-primary-color-disabled': [
+    'var(--dt-primary-color5)',
+    'var(--dt-primary-color5)',
+  ],
+  '--dt-primary-color-label': [
+    'var(--dt-primary-color7)',
+    'var(--dt-primary-color7)',
+  ],
   '--dt-text-color1': ['#1F232B', '#cce8ff'],
   '--dt-text-color2': ['#4D596A', '#80baea'],
   '--dt-text-color3': ['#848e9b', '#2d76b2'],
   '--dt-text-color4': ['#c9ced6', '#125a95'],
   '--dt-line-color1': ['#F2F3F5', 'rgba(255, 255, 255, 0.12)'],
-  '--dt-line-color2': ['#E5E6EA', '#0077db'],
+  '--dt-line-color2': ['#E5E6EA', 'rgba(0,119,219,0.2)'],
   '--dt-line-color3': ['#C9CDD4', '#0077db'],
   '--dt-fill-color1': ['#f7f8fa', '#020e24'],
   '--dt-fill-color2': ['#C9CDD4', 'rgba(255, 255, 255, 0.24)'],
@@ -26,6 +41,7 @@ const myTheme = {
   '--dt-fill-color4': ['#F2F3F5', '#0d274f'],
   '--dt-fill-color5': ['#E5E6EB', 'rgba(255, 255, 255, 0.16)'],
   '--dt-fill-color6': ['#4E5969', '#0077db'],
+  '--dt-fill-color7': ['#ffffff', '#071a36'],
   '--dt-success-color1': ['#2da641', '#27C346'],
   '--dt-success-color2': ['#57B867', '#23AE3F'],
   '--dt-success-color3': ['#29973B', '#67D57D'],
@@ -47,7 +63,22 @@ const myTheme = {
   '--dt-white-color1': ['rgba(255, 255, 255, 1)', 'rgba(255, 255, 255, 1)'],
   '--dt-white-color2': ['rgba(255, 255, 255, 1)', 'rgba(255, 255, 255, 1)'],
   '--dt-cyan-color6': ['#14C9C9', '#14C9C9'],
-  '--dt-shadow-color1':['rgba(0, 0, 0, 0.10)','rgba(0, 0, 0, 0.25)'],
+  '--dt-special-color1': ['#ffffff', '#ffffff'],
+  '--dt-special-color2': ['#ffffff', '#ffffff'],
+  '--dt-special-color3': ['#000000', '#000000'],
+  '--dt-special-color4': ['#1f232b', '#2e3739'],
+  '--dt-special-color5': ['#e5e6ea', '#0077db'],
+  '--dt-special-color6': ['#F2F3F5', 'var(--dt-fill-color4)'],
+  '--dt-shadow-color1': ['rgba(0, 0, 0, 0.10)', 'rgba(0, 0, 0, 0.25)'],
+  '--dt-canvas-color': ['var(--dt-fill-color3)', 'var(--dt-fill-color3)'],
+  '--dt-menu-shadow-color': [
+    'linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%)',
+    'linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%)',
+  ],
+  '--dt-menu-shadow-color1': [
+    'linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%)',
+    'linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%)',
+  ],
 };
 
 export { myTheme };

+ 33 - 7
src/utils/theme/style/green.js

@@ -8,11 +8,26 @@ const myTheme = {
   '--dt-primary-color5': ['#A6E8B2', 'rgba(80, 141, 248, 0.5)'],
   '--dt-primary-color6': ['#C3F0CB', 'rgba(80, 141, 248, 0.3)'],
   '--dt-primary-color7': ['#ECFAEE', 'rgba(80, 141, 248, 0.2)'],
-  '--dt-primary-color': ['var(--dt-primary-color1)', 'var(--dt-primary-color1)'],
-  '--dt-primary-color-hover': ['var(--dt-primary-color2)', 'var(--dt-primary-color2)'],
-  '--dt-primary-color-click': ['var(--dt-primary-color3)', 'var(--dt-primary-color3)'],
-  '--dt-primary-color-disabled': ['var(--dt-primary-color5)', 'var(--dt-primary-color5)'],
-  '--dt-primary-color-label': ['var(--dt-primary-color7)', 'var(--dt-primary-color7)'],
+  '--dt-primary-color': [
+    'var(--dt-primary-color1)',
+    'var(--dt-primary-color1)',
+  ],
+  '--dt-primary-color-hover': [
+    'var(--dt-primary-color2)',
+    'var(--dt-primary-color2)',
+  ],
+  '--dt-primary-color-click': [
+    'var(--dt-primary-color3)',
+    'var(--dt-primary-color3)',
+  ],
+  '--dt-primary-color-disabled': [
+    'var(--dt-primary-color5)',
+    'var(--dt-primary-color5)',
+  ],
+  '--dt-primary-color-label': [
+    'var(--dt-primary-color7)',
+    'var(--dt-primary-color7)',
+  ],
   '--dt-text-color1': ['#1F232B', 'rgba(255, 255, 255, 0.85)'],
   '--dt-text-color2': ['#4D596A', 'rgba(255, 255, 255, 0.6)'],
   '--dt-text-color3': ['#848e9b', 'rgba(255, 255, 255, 0.45)'],
@@ -26,6 +41,7 @@ const myTheme = {
   '--dt-fill-color4': ['#F2F3F5', 'rgba(255, 255, 255, 0.08)'],
   '--dt-fill-color5': ['#E5E6EB', 'rgba(255, 255, 255, 0.16)'],
   '--dt-fill-color6': ['#4E5969', '#C5C5C5'],
+  '--dt-fill-color7': ['#ffffff', '#323234'],
   '--dt-success-color1': ['#7CDB1D', '#27C346'],
   '--dt-success-color2': ['#96E24A', '#23AE3F'],
   '--dt-success-color3': ['#71C71A', '#67D57D'],
@@ -51,8 +67,18 @@ const myTheme = {
   '--dt-special-color2': ['#ffffff', '#ffffff'],
   '--dt-special-color3': ['#000000', '#000000'],
   '--dt-special-color4': ['#1f232b', '#2e3739'],
-  '--dt-special-color5': ['#3a4143', '#3a4143'],
-  '--dt-shadow-color1':['rgba(0, 0, 0, 0.10)','rgba(0, 0, 0, 0.25)'],
+  '--dt-special-color5': ['#e5e6ea', '#3a4143'],
+  '--dt-special-color6': ['#F2F3F5', '#3A4143'],
+  '--dt-shadow-color1': ['rgba(0, 0, 0, 0.10)', 'rgba(0, 0, 0, 0.25)'],
+  '--dt-canvas-color': ['var(--dt-fill-color3)', 'var(--dt-fill-color3)'],
+  '--dt-menu-shadow-color': [
+    'linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%)',
+    'linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%)',
+  ],
+  '--dt-menu-shadow-color1': [
+    'linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%)',
+    'linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%)',
+  ],
 };
 
 export { myTheme };

+ 78 - 46
src/utils/theme1/blue/index.js

@@ -1,53 +1,85 @@
 // light绿,dark蓝
 const myTheme = {
-    '--dt-primary-color': ['#3dcd58', '#3c7eff'],
-    '--dt-primary-color-hover': ['#64d779', 'lightsalmon'],
-    '--dt-primary-color-click': ['#38bb50', 'lightsalmon'],
-    '--dt-primary-color-disabled': ['#a6e8b2', 'lightsalmon'],
-    '--dt-primary-color-label': [
-      '#ecfaee',
-      'linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), var(--dt-primary-color)',
-    ],
-  '--dt-text-color1': ['#323233', 'rgba(255, 255, 255, 0.85)'],
+  '--dt-primary-color1': ['#2a6ff6', '#508df8'],
+  '--dt-primary-color2': ['#558cf8', '#4387ff'],
+  '--dt-primary-color3': ['#2259c5', '#73a4f9'],
+  '--dt-primary-color4': ['#709FF9', 'rgba(80, 141, 248, 0.4)'],
+  '--dt-primary-color5': ['#9DBDFB', 'rgba(80, 141, 248, 0.5)'],
+  '--dt-primary-color6': ['#BDD2FC', 'rgba(80, 141, 248, 0.3)'],
+  '--dt-primary-color7': ['#EAF1FE', 'rgba(80, 141, 248, 0.2)'],
+  '--dt-primary-color': [
+    'var(--dt-primary-color1)',
+    'var(--dt-primary-color1)',
+  ],
+  '--dt-primary-color-hover': [
+    'var(--dt-primary-color2)',
+    'var(--dt-primary-color2)',
+  ],
+  '--dt-primary-color-click': [
+    'var(--dt-primary-color3)',
+    'var(--dt-primary-color3)',
+  ],
+  '--dt-primary-color-disabled': [
+    'var(--dt-primary-color5)',
+    'var(--dt-primary-color5)',
+  ],
+  '--dt-primary-color-label': [
+    'var(--dt-primary-color7)',
+    'var(--dt-primary-color7)',
+  ],
+  '--dt-text-color1': ['#1F232B', 'rgba(255, 255, 255, 0.85)'],
   '--dt-text-color2': ['#4D596A', 'rgba(255, 255, 255, 0.6)'],
-  '--dt-text-color3': ['#848e9b', 'rgba(255, 255, 255, 0.3)'],
-  '--dt-text-color4': ['#c9ced6', 'lightsalmon'],
-  '--dt-text-color5': ['#FFFFFF', 'rgba(255, 255, 255, 0.85)'],
-  '--dt-line-color1': ['#c9cdd4', 'lightsalmon'],
-  '--dt-line-color2': ['#e5e6ea', 'rgba(255, 255, 255, 0.08)'],
-  '--dt-line-color3': ['#f2f3f5', '#3a4133'],
-  '--dt-fill-color1': ['#f7f8fa', '#1f2729'],
-  '--dt-fill-color2': ['var(--dt-line-color3)', 'var(--dt-line-color3)'],
-  '--dt-fill-color3': ['#ffffff', '#293133'],
-  '--dt-success-color1': ['#2da641', 'lightsalmon'],
-  '--dt-success-color2': ['#53c759', 'lightsalmon'],
-  '--dt-success-color3': ['#209426', 'lightsalmon'],
-  '--dt-success-color4': ['#d4f1d6', 'lightsalmon'],
-  '--dt-success-color5': ['#eaf8ea', 'lightsalmon'],
-  '--dt-warning-color1': ['#ed6a0c', 'lightsalmon'],
-  '--dt-warning-color2': ['#f1883d', 'lightsalmon'],
-  '--dt-warning-color3': ['#cb773b', 'lightsalmon'],
-  '--dt-warning-color4': ['#fbe1ce', 'lightsalmon'],
-  '--dt-warning-color5': ['#fdf0e7', 'lightsalmon'],
-  '--dt-error-color1': ['#d40000', 'lightsalmon'],
-  '--dt-error-color2': ['#dd3333', 'lightsalmon'],
-  '--dt-error-color3': ['#aa0000', 'lightsalmon'],
-  '--dt-error-color4': ['#f6cccc', 'lightsalmon'],
-  '--dt-error-color5': ['#fbe6e6', 'lightsalmon'],
-
-  '--dt-bg': ['var(--dt-fill-color1)', 'var(--dt-fill-color1)'],
-  '--dt-appBg': ['var(--dt-fill-color3)', 'var(--dt-fill-color3)'],
-  '--dt-fontColor1': ['#1f232b', 'var(--dt-text-color2)'],
-  '--dt-fontColor2': ['var(--dt-text-color2)', 'var(--dt-text-color2)'],
-  '--dt-buttonColor1': ['var(--dt-primary-color)', 'var(--dt-primary-color)'],
-  '--dt-buttonTextColor1': ['var(--dt-text-color5)', 'var(--dt-text-color5)'],
-  '--dt-divideLine1': ['var(--dt-line-color3)', 'var(--dt-line-color3)'],
-  '--dt-list-selected-bg': [
-    'var(--dt-primary-color-label)',
-    'var(--dt-primary-color-label)',
+  '--dt-text-color3': ['#848e9b', 'rgba(255, 255, 255, 0.45)'],
+  '--dt-text-color4': ['#c9ced6', 'rgba(255, 255, 255, 0.3)'],
+  '--dt-line-color1': ['#F2F3F5', 'rgba(255, 255, 255, 0.08)'],
+  '--dt-line-color2': ['#E5E6EA', 'rgba(255, 255, 255, 0.12)'],
+  '--dt-line-color3': ['#C9CDD4', 'rgba(255, 255, 255, 0.16)'],
+  '--dt-fill-color1': ['#f7f8fa', '#17181A'],
+  '--dt-fill-color2': ['#C9CDD4', 'rgba(255, 255, 255, 0.24)'],
+  '--dt-fill-color3': ['#ffffff', '#212123'],
+  '--dt-fill-color4': ['#F2F3F5', 'rgba(255, 255, 255, 0.08)'],
+  '--dt-fill-color5': ['#E5E6EB', 'rgba(255, 255, 255, 0.16)'],
+  '--dt-fill-color6': ['#4E5969', '#C5C5C5'],
+  '--dt-fill-color7': ['#ffffff', '#323234'],
+  '--dt-success-color1': ['#2da641', '#27C346'],
+  '--dt-success-color2': ['#57B867', '#23AE3F'],
+  '--dt-success-color3': ['#29973B', '#67D57D'],
+  '--dt-success-color4': ['#9ED6A8', 'rgba(39, 195, 70, 0.5)'],
+  '--dt-success-color5': ['#BEE3C4', 'rgba(39, 195, 70, 0.4)'],
+  '--dt-success-color6': ['#EAF6EC', 'rgba(39, 195, 70, 0.2)'],
+  '--dt-warning-color1': ['#ED6A0C', '#FF9626'],
+  '--dt-warning-color2': ['#F1883D', '#FF890A'],
+  '--dt-warning-color3': ['#D8600B', '#FFB567'],
+  '--dt-warning-color4': ['#F7BA8F', 'rgba(255, 150, 38, 0.5)'],
+  '--dt-warning-color5': ['#F9D1B4', 'rgba(255, 150, 38, 0.4)'],
+  '--dt-warning-color6': ['#FDF0E7', 'rgba(255, 150, 38, 0.2)'],
+  '--dt-error-color1': ['#f24a3f', '#F76965'],
+  '--dt-error-color2': ['#f56e65', '#F6504C'],
+  '--dt-error-color3': ['#dc4339', '#F99693'],
+  '--dt-error-color4': ['#f9aca7', 'rgba(247, 105, 101, 0.5)'],
+  '--dt-error-color5': ['#fbc7c3', 'rgba(247, 105, 101, 0.4)'],
+  '--dt-error-color6': ['#feedec', 'rgba(247, 105, 101, 0.2)'],
+  '--dt-white-color1': ['rgba(255, 255, 255, 1)', 'rgba(255, 255, 255, 1)'],
+  '--dt-white-color2': ['rgba(255, 255, 255, 1)', 'rgba(255, 255, 255, 1)'],
+  '--dt-cyan-color6': ['#14C9C9', '#14C9C9'],
+  '--dt-special-color1': ['#ffffff', '#ffffff'],
+  '--dt-special-color2': ['#ffffff', '#ffffff'],
+  '--dt-special-color3': ['#000000', '#000000'],
+  '--dt-special-color4': ['#1f232b', '#323234'],
+  '--dt-special-color5': ['#e5e6ea', '#3a4143'],
+  '--dt-special-color6': ['#F2F3F5', '#2c2d2f'],
+  '--dt-shadow-color1':['rgba(0, 0, 0, 0.10)','rgba(0, 0, 0, 0.25)'],
+  '--dt-canvas-color':['var(--dt-fill-color3)','var(--dt-fill-color3)'],
+  '--dt-shadow-color1': ['rgba(0, 0, 0, 0.10)', 'rgba(0, 0, 0, 0.25)'],
+  '--dt-canvas-color': ['var(--dt-fill-color3)', 'var(--dt-fill-color3)'],
+  '--dt-menu-shadow-color': [
+    'linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%)',
+    'linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%)',
+  ],
+  '--dt-menu-shadow-color1': [
+    'linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%)',
+    'linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%)',
   ],
-  '--dt-placeholderColor1': ['var(--dt-text-color3)', 'var(--dt-text-color3)'],
-  '--dt-inputBorderColor1': ['var(--dt-line-color2)', 'var(--dt-line-color2)'],
 };
 
 export { myTheme };