pls use existing palete done ```suggestion
        Change these parameters only if you are absolutely sure what you are
```
Add warning message for Danger zone in case of editing the Topic
Warning message should be displayed for Danger zone with editing the Topic

**Describe the bug**

Warning message should be displayed for Danger zone with editing the Topic


**Set up**
https://www.kafka-ui.provectus.io/


**Steps to Reproduce**

1. Navigate to Topics
2. Open any Topic
3. Edit settings
4. Check Danger zone


**Expected behavior**
Should be displayed warning message:"Change these parameters only if you are absolutely sure that you are doing."

**Screenshots**
<img width="1717" alt="warning message edit" src="https://user-images.githubusercontent.com/104780608/188640196-220b54ee-1c43-47fc-bc82-a7532f584e3d.png">




kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.styled.tsx kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.tsx kafka-ui-react-app/src/theme/theme.ts
kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.styled.tsx kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.tsx kafka-ui-react-app/src/theme/theme.ts
diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.styled.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.styled.tsx
index b9ad51a669e..b5741c67e19 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.styled.tsx
+++ b/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.styled.tsx
@@ -15,11 +15,15 @@ export const Wrapper = styled.div`
 `;
 
 export const Title = styled.h1`
-  color: ${({ theme }) => theme.dangerZone.color};
+  color: ${({ theme }) => theme.dangerZone.color.title};
   font-size: 20px;
   padding-bottom: 16px;
 `;
-
+export const Warning = styled.div`
+  color: ${({ theme }) => theme.dangerZone.color.warningMessage};
+  font-size: 12px;
+  padding-bottom: 16px;
+`;
 export const Form = styled.form`
   display: flex;
   align-items: flex-end;
diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.tsx
index 49f1d3574a4..59016d1d7a4 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.tsx
+++ b/kafka-ui-react-app/src/components/Topics/Topic/Edit/DangerZone/DangerZone.tsx
@@ -81,6 +81,10 @@ const DangerZone: React.FC<DangerZoneProps> = ({
   return (
     <S.Wrapper>
       <S.Title>Danger Zone</S.Title>
+      <S.Warning>
+        Change these parameters only if you are absolutely sure what you are
+        doing.
+      </S.Warning>
       <div>
         <FormProvider {...partitionsMethods}>
           <S.Form
diff --git a/kafka-ui-react-app/src/theme/theme.ts b/kafka-ui-react-app/src/theme/theme.ts
index d05ad54cb94..19c082c2840 100644
--- a/kafka-ui-react-app/src/theme/theme.ts
+++ b/kafka-ui-react-app/src/theme/theme.ts
@@ -518,7 +518,10 @@ const theme = {
   },
   dangerZone: {
     borderColor: Colors.neutral[10],
-    color: Colors.red[50],
+    color: {
+      title: Colors.red[50],
+      warningMessage: Colors.neutral[50],
+    },
   },
   configList: {
     color: Colors.neutral[30],
