diff --git a/apps/theming/css/default.css b/apps/theming/css/default.css
index 2acf08258f7e7..d73255d82067f 100644
--- a/apps/theming/css/default.css
+++ b/apps/theming/css/default.css
@@ -25,22 +25,22 @@
   --color-border-maxcontrast: #7d7d7d;
   --color-border-error: var(--color-element-error);
   --color-border-success: var(--color-element-success);
-  --color-element-error: #c90000;
-  --color-element-info: #0077C7;
-  --color-element-success: #099f05;
-  --color-element-warning: #BF7900;
-  --color-error: #FFE7E7;
-  --color-error-hover: #ffc3c3;
-  --color-error-text: #8A0000;
-  --color-warning: #FFEEC5;
-  --color-warning-hover: #ffe4a1;
-  --color-warning-text: #664700;
-  --color-success: #D8F3DA;
-  --color-success-hover: #bdebc0;
-  --color-success-text: #005416;
-  --color-info: #D5F1FA;
-  --color-info-hover: #b5e6f6;
-  --color-info-text: #0066AC;
+  --color-element-error: oklch(55% 1.45 15);
+  --color-element-info: oklch(55% 1.45 235);
+  --color-element-success: oklch(55% 1.45 145);
+  --color-element-warning: oklch(55% 1.45 90);
+  --color-error: oklch(95% 0.05 15);
+  --color-error-hover: oklch(90% 0.06 15);
+  --color-error-text: oklch(30% 0.1 15);
+  --color-warning: oklch(95% 0.05 90);
+  --color-warning-hover: oklch(90% 0.06 90);
+  --color-warning-text: oklch(30% 0.1 90);
+  --color-success: oklch(95% 0.05 145);
+  --color-success-hover: oklch(90% 0.06 145);
+  --color-success-text: oklch(30% 0.1 145);
+  --color-info: oklch(95% 0.05 235);
+  --color-info-hover: oklch(90% 0.06 235);
+  --color-info-text: oklch(30% 0.1 235);
   --color-favorite: #A37200;
   /** @deprecated use css color functions */
   --color-error-rgb: 255,231,231;