add shadow

Author: marchufschmitt

src/mui.tsx

@@ -34,43 +34,35 @@ function createMuiDsfrTheme(params: { isDark: boolean }): MuiTheme {
                     "light": options.blueFrance.sun113_625.active,
                     "dark": options.blueFrance.sun113_625.hover,
                     "contrastText": options.blueFrance._975sun113.default
-                    /*
-                    "main": decisions.background.actionHigh.blueFrance.default,
-                    "light": decisions.background.actionLow.blueFrance.default
-                       */
                 },
                 "secondary": {
                     "main": options.redMarianne.main472.default,
                     "light": options.redMarianne._850_200.default,
                     "dark": options.redMarianne._425_625.default,
                     "contrastText": options.redMarianne._975_75.default
-                    /*
-                    "main": decisions.background.actionHigh.redMarianne.default,
-                    "light": decisions.background.actionLow.redMarianne.default
-                           */
                 },
                 "error": {
-                    "light": options.error._950_100.default,
+                    "light": options.error._425_625.active,
                     "main": options.error._425_625.default,
-                    "dark": options.error._425_625.default,
+                    "dark": options.error._425_625.hover,
                     "contrastText": options.grey._1000_50.default
                 },
                 "warning": {
-                    "light": options.warning._950_100.default,
+                    "light": options.warning._425_625.default,
                     "main": options.warning._425_625.default,
-                    "dark": options.warning._425_625.default,
+                    "dark": options.warning._425_625.hover,
                     "contrastText": options.grey._1000_50.default
                 },
                 "info": {
-                    "light": options.info._950_100.default,
+                    "light": options.info._425_625.active,
                     "main": options.info._425_625.default,
-                    "dark": options.info._425_625.default,
+                    "dark": options.info._425_625.hover,
                     "contrastText": options.grey._1000_50.default
                 },
                 "success": {
-                    "light": options.success._950_100.default,
+                    "light": options.success._425_625.active,
                     "main": options.success._425_625.default,
-                    "dark": options.success._425_625.default,
+                    "dark": options.success._425_625.hover,
                     "contrastText": options.grey._1000_50.default
                 },
                 "text": {
@@ -85,11 +77,12 @@ function createMuiDsfrTheme(params: { isDark: boolean }): MuiTheme {
                     "background": options.blueFrance._925_125.default,
                     "active": options.blueFrance.sun113_625.active,
                     "hover": options.grey._975_100.default,
-                    "selected": options.blueFrance.sun113_625.active,
+                    "selected": options.blueFrance._925_125.default,
                     "disabled": options.grey._625_425.default,
                     "disabledBackground": options.grey._925_125.default,
                     "focus": options.blueFrance.sun113_625.active
                 },
+
                 "background": {
                     "default": options.grey._1000_50.default,
                     "paper": options.grey._1000_100.default,
@@ -147,6 +140,7 @@ function createMuiDsfrTheme(params: { isDark: boolean }): MuiTheme {
                           return value === undefined ? abs : value;
                       })();
         })()
+        //shadows
     });
 
     return muiTheme;
@@ -189,3 +183,21 @@ export function noAugmentation(params: { nonAugmentedMuiTheme: MuiTheme }) {
     const { nonAugmentedMuiTheme } = params;
     return nonAugmentedMuiTheme;
 }
+
+//const shadows = [
+//    "none",
+/** ButtonBar shadow */
+//    "0px 6px 10px 0px rgba(0,0,0,0.07)",
+/** Explorer items */
+//    "0px 4px 4px 0px rgba(0,0,0,0.1)",
+/** LeftBar */
+//    "6px 0px 16px 0px rgba(0,0,0,0.15)",
+/** AccountTab default */
+//    "4px 0px 10px 0px rgba(0,0,0,0.07)",
+/** AccountTab active */
+//    "-4px 0px 10px 0px rgba(0,0,0,0.07)",
+/** Card over */
+//    "0px 6px 10px 0px rgba(0,0,0,0.14)",
+/** Dialog **/
+//    "0px 8px 10px -7px rgba(0,0,0,0.07)",
+//] as const;