Major 3.0 (#118)

Co-authored-by: Maison da Silva <maisonmdsgreen@hotmail.com>

hooks/useDangerStyles.ts

@@ -0,0 +1,42 @@
+import { makeStyles, tokens } from "@fluentui/react-components";
+
+export const useDangerStyles = makeStyles({
+	menuItem:
+	{
+		color: tokens.colorStatusDangerForeground1 + " !important",
+
+		"& .fui-MenuItem__icon":
+		{
+			color: tokens.colorStatusDangerForeground1 + " !important"
+		}
+	},
+	buttonPrimary:
+	{
+		backgroundColor: tokens.colorStatusDangerBackground3,
+		color: tokens.colorNeutralForegroundStaticInverted,
+
+		"&:hover":
+		{
+			backgroundColor: tokens.colorStatusDangerBackground3Hover,
+
+			"&:active":
+			{
+				backgroundColor: tokens.colorStatusDangerBackground3Pressed
+			}
+		}
+	},
+	buttonSubtle:
+	{
+		color: tokens.colorStatusDangerForeground1,
+
+		"&:hover":
+		{
+			color: tokens.colorStatusDangerForeground2,
+
+			"&:active":
+			{
+				color: tokens.colorStatusDangerForeground3
+			}
+		}
+	}
+});