Merge pull request #2971 from digitalfabrik/2577-add-warning-color

2577: Add warning color
digitalfabrik · Nov 11, 2024 · c4538c1 · c4538c1
2 parents fd18304 + 50a9194
commit c4538c1
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/build-configs/common/theme/colors.ts b/build-configs/common/theme/colors.ts
@@ -14,6 +14,7 @@ export type ColorsType = {
   positiveHighlight: string
   negativeHighlight: string
   invalidInput: string
+  warningColor: string
   linkColor: string
   themeContrast: string
 }
@@ -31,5 +32,6 @@ export const commonLightColors = {
   positiveHighlight: '#188038',
   negativeHighlight: '#8b0000',
   invalidInput: '#B3261E',
+  warningColor: '#FFA726',
   linkColor: '#0b57d0',
 }
diff --git a/native/src/components/Note.tsx b/native/src/components/Note.tsx
@@ -5,7 +5,7 @@ import { NoteIcon } from '../assets'
 import Icon from './base/Icon'
 
 const NoteBox = styled.View`
-  background-color: ${props => props.theme.colors.themeColor};
+  background-color: ${props => props.theme.colors.warningColor};
   margin-top: 12px;
   padding: 12px;
   flex-direction: row;

diff --git a/web/src/components/Note.tsx b/web/src/components/Note.tsx
@@ -6,7 +6,7 @@ import Icon from './base/Icon'
 
 const NoteContainer = styled.div`
   display: flex;
-  background-color: ${props => props.theme.colors.themeColor};
+  background-color: ${props => props.theme.colors.warningColor};
   padding: 12px;
   gap: 12px;
   align-items: center;