1 files changed, 25 insertions, 0 deletions
diff --git a/src/ui/c-alert/c-alert.theme.ts b/src/ui/c-alert/c-alert.theme.ts
new file mode 100644
index 0000000..b974c37
--- /dev/null
+++ b/src/ui/c-alert/c-alert.theme.ts
@@ -0,0 +1,25 @@
+import { darken } from '../color/color.models';
+import { defineThemes } from '../theme/theme.models';
+import { appThemes } from '../theme/themes';
+
+// eslint-disable-next-line
+import WarningIcon from '~icons/mdi/alert-circle-outline';
+
+export const { useTheme } = defineThemes({
+  dark: {
+    warning: {
+      backgroundColor: appThemes.dark.warning.colorFaded,
+      borderColor: appThemes.dark.warning.color,
+      textColor: appThemes.dark.warning.color,
+      icon: WarningIcon,
+    },
+  },
+  light: {
+    warning: {
+      backgroundColor: appThemes.light.warning.colorFaded,
+      borderColor: appThemes.light.warning.color,
+      textColor: darken(appThemes.light.warning.color, 40),
+      icon: WarningIcon,
+    },
+  },
+});