diff --git a/apps/demo/cunningham.ts b/apps/demo/cunningham.ts
index d16ad01..94376a6 100644
--- a/apps/demo/cunningham.ts
+++ b/apps/demo/cunningham.ts
@@ -1,5 +1,161 @@
 import { Configuration } from "@openfun/cunningham-react";
 
-const defaultConfig: Configuration = { themes: {} };
+const defaultConfig: Configuration = {
+  themes: {
+    redflux_dark: {
+      theme: {
+        colors: {
+          "primary-text": "#FFFFFF",
+          "primary-100": "#FA8D92",
+          "primary-200": "#F95B63",
+          "primary-300": "#F72A35",
+          "primary-400": "#E50914",
+          "primary-500": "#C30811",
+          "primary-600": "#A0060E",
+          "primary-700": "#7E050B",
+          "primary-800": "#5C0408",
+          "primary-900": "#390205",
+          "secondary-text": "#FFF",
+          "secondary-100": "#1b5ad7",
+          "secondary-200": "#146cea",
+          "secondary-300": "#007ffe",
+          "secondary-400": "#008eff",
+          "secondary-500": "#279eff",
+          "secondary-600": "#56b0ff",
+          "secondary-700": "#8ac6ff",
+          "secondary-800": "#b9dcff",
+          "secondary-900": "#e2f1ff",
+          "greyscale-000": "#000000BB",
+          "greyscale-100": "#191919BB",
+          "greyscale-200": "#232323",
+          "greyscale-300": "#292929",
+          "greyscale-400": "#343434",
+          "greyscale-500": "#404040",
+          "greyscale-600": "#aaaaaa",
+          "greyscale-700": "#cccccc",
+          "greyscale-800": "#eeeeee",
+          "greyscale-900": "#f7f7f7",
+          "danger-900": "#FACED0",
+          "danger-800": "#F7A9AD",
+          "danger-700": "#F38389",
+          "danger-600": "#F05E66",
+          "danger-500": "#EC3942",
+          "danger-400": "#D8151F",
+          "danger-300": "#A51017",
+          "danger-200": "#720B10",
+          "danger-100": "#3F0609",
+          "info-900": "#53A4FD",
+          "info-800": "#2B8FFC",
+          "info-700": "#047AFA",
+          "info-600": "#0366D2",
+          "info-500": "#0255AF",
+          "info-400": "#02448C",
+          "info-300": "#013368",
+          "info-200": "#012245",
+          "info-100": "#001122",
+          "success-900": "#A9F7C0",
+          "success-800": "#8DF4AC",
+          "success-700": "#71F198",
+          "success-600": "#55EF83",
+          "success-500": "#39EC6F",
+          "success-400": "#14CF4C",
+          "success-300": "#0E9236",
+          "success-200": "#085620",
+          "success-100": "#021909",
+          "warning-900": "#EAC88B",
+          "warning-800": "#E4BA6D",
+          "warning-700": "#DFAB4F",
+          "warning-600": "#D99D31",
+          "warning-500": "#B68121",
+          "warning-400": "#8A621A",
+          "warning-300": "#5F4412",
+          "warning-200": "#34250A",
+          "warning-100": "#090702",
+        },
+        font: {
+          families: {
+            base: "Helvetica Neue,Segoe UI,Roboto,Ubuntu,sans-serif",
+            accent: "Helvetica Neue,Segoe UI,Roboto,Ubuntu,sans-serif",
+          },
+        },
+      },
+      components: {
+        button: {
+          "border-radius": "0.1875rem",
+        },
+        "forms-input": {
+          "border-radius": "0.1875rem",
+          "border-color": "ref(theme.colors.greyscale-500)",
+          "border-color--hover": "ref(theme.colors.greyscale-600)",
+          "background-color": "ref(theme.colors.greyscale-100)",
+          "label-color--focus": "ref(theme.colors.greyscale-700)",
+        },
+        "forms-select": {
+          "border-radius": "0.1875rem",
+          "border-color": "ref(theme.colors.greyscale-500)",
+          "border-color--hover": "ref(theme.colors.greyscale-600)",
+          "background-color": "ref(theme.colors.greyscale-100)",
+          "border-color--focus": "ref(theme.colors.greyscale-700)",
+          "label-color--focus": "ref(theme.colors.greyscale-700)",
+          "menu-background-color": "#191919",
+          "item-background-color--selected": "ref(theme.colors.primary-600)",
+        },
+        "forms-datepicker": {
+          "border-radius": "0.1875rem",
+          "border-color": "ref(theme.colors.greyscale-500)",
+          "border-color--hover": "ref(theme.colors.greyscale-600)",
+          "background-color": "ref(theme.colors.greyscale-100)",
+          "border-color--focus": "ref(theme.colors.greyscale-700)",
+          "label-color--focus": "ref(theme.colors.greyscale-700)",
+          "menu-background-color": "#191919",
+          "grid-cell--border-color--today": "ref(theme.colors.greyscale-800)",
+          "grid-cell--color--today": "ref(theme.colors.greyscale-800)",
+          "range-selection-background-color": "ref(theme.colors.primary-900)",
+          "item-background-color--selected": "ref(theme.colors.primary-600)",
+        },
+        "forms-fileuploader": {
+          "border-color": "ref(theme.colors.greyscale-500)",
+          "border-color--hover": "ref(theme.colors.greyscale-600)",
+          "background-color": "ref(theme.colors.greyscale-100)",
+          "background-color--active": "ref(theme.colors.greyscale-500)",
+          "accent-color": "ref(theme.colors.greyscale-800)",
+        },
+        "forms-textarea": {
+          "border-radius": "0.1875rem",
+          "border-color": "ref(theme.colors.greyscale-500)",
+          "border-color--hover": "ref(theme.colors.greyscale-600)",
+          "background-color": "ref(theme.colors.greyscale-100)",
+          "border-color--focus": "ref(theme.colors.greyscale-700)",
+          "label-color--focus": "ref(theme.colors.greyscale-700)",
+        },
+        "forms-checkbox": {
+          "border-radius": "0.1875rem",
+          "accent-color": "ref(theme.colors.greyscale-100)",
+          "background-color": "ref(theme.colors.greyscale-800)",
+        },
+        "forms-switch": {
+          "handle-border-radius": "0.3rem",
+          "rail-border-radius": "0.500rem",
+          "accent-color": "ref(theme.colors.greyscale-800)",
+          "handle-background-color": "ref(theme.colors.greyscale-100)",
+          "rail-background-color": "ref(theme.colors.greyscale-400)",
+        },
+        "forms-radio": {
+          "accent-color": "ref(theme.colors.greyscale-100)",
+          "background-color": "ref(theme.colors.greyscale-800)",
+        },
+        modal: {
+          "border-radius": "0.1875rem",
+          "background-color": "#191919",
+        },
+        card: {
+          "border-radius": "0.1875rem",
+          "border-width": "none",
+          "box-shadow": "rgba(255, 220, 220, 0.05) 0px 0px 60px 10px",
+        },
+      },
+    },
+  },
+};
 
 export default defaultConfig;
diff --git a/apps/demo/public/redflux_bg.webp b/apps/demo/public/redflux_bg.webp
new file mode 100644
index 0000000..934adc8
Binary files /dev/null and b/apps/demo/public/redflux_bg.webp differ
diff --git a/apps/demo/src/App.tsx b/apps/demo/src/App.tsx
index 824109c..7decf1b 100644
--- a/apps/demo/src/App.tsx
+++ b/apps/demo/src/App.tsx
@@ -5,6 +5,7 @@ import { Home } from "./Home";
 
 enum Theme {
   CUNNINGHAM = "cunningham",
+  REDFLUX = "redflux",
 }
 
 enum Variant {
@@ -17,6 +18,10 @@ const THEMES: Record<Theme, Record<Variant, string | undefined>> = {
     light: "default",
     dark: "dark",
   },
+  [Theme.REDFLUX]: {
+    light: undefined,
+    dark: "redflux_dark",
+  },
 };
 
 export enum Page {
diff --git a/apps/demo/src/cunningham-tokens.css b/apps/demo/src/cunningham-tokens.css
index da863c9..80589dd 100644
--- a/apps/demo/src/cunningham-tokens.css
+++ b/apps/demo/src/cunningham-tokens.css
@@ -161,3 +161,124 @@
 	--c--theme--colors--danger-800: #AE6666;
 	--c--theme--colors--danger-900: #9D6666;
 }
+.cunningham-theme--redflux_dark{
+	--c--theme--colors--primary-text: #FFFFFF;
+	--c--theme--colors--primary-100: #FA8D92;
+	--c--theme--colors--primary-200: #F95B63;
+	--c--theme--colors--primary-300: #F72A35;
+	--c--theme--colors--primary-400: #E50914;
+	--c--theme--colors--primary-500: #C30811;
+	--c--theme--colors--primary-600: #A0060E;
+	--c--theme--colors--primary-700: #7E050B;
+	--c--theme--colors--primary-800: #5C0408;
+	--c--theme--colors--primary-900: #390205;
+	--c--theme--colors--secondary-text: #FFF;
+	--c--theme--colors--secondary-100: #1b5ad7;
+	--c--theme--colors--secondary-200: #146cea;
+	--c--theme--colors--secondary-300: #007ffe;
+	--c--theme--colors--secondary-400: #008eff;
+	--c--theme--colors--secondary-500: #279eff;
+	--c--theme--colors--secondary-600: #56b0ff;
+	--c--theme--colors--secondary-700: #8ac6ff;
+	--c--theme--colors--secondary-800: #b9dcff;
+	--c--theme--colors--secondary-900: #e2f1ff;
+	--c--theme--colors--greyscale-000: #000000BB;
+	--c--theme--colors--greyscale-100: #191919BB;
+	--c--theme--colors--greyscale-200: #232323;
+	--c--theme--colors--greyscale-300: #292929;
+	--c--theme--colors--greyscale-400: #343434;
+	--c--theme--colors--greyscale-500: #404040;
+	--c--theme--colors--greyscale-600: #aaaaaa;
+	--c--theme--colors--greyscale-700: #cccccc;
+	--c--theme--colors--greyscale-800: #eeeeee;
+	--c--theme--colors--greyscale-900: #f7f7f7;
+	--c--theme--colors--danger-900: #FACED0;
+	--c--theme--colors--danger-800: #F7A9AD;
+	--c--theme--colors--danger-700: #F38389;
+	--c--theme--colors--danger-600: #F05E66;
+	--c--theme--colors--danger-500: #EC3942;
+	--c--theme--colors--danger-400: #D8151F;
+	--c--theme--colors--danger-300: #A51017;
+	--c--theme--colors--danger-200: #720B10;
+	--c--theme--colors--danger-100: #3F0609;
+	--c--theme--colors--info-900: #53A4FD;
+	--c--theme--colors--info-800: #2B8FFC;
+	--c--theme--colors--info-700: #047AFA;
+	--c--theme--colors--info-600: #0366D2;
+	--c--theme--colors--info-500: #0255AF;
+	--c--theme--colors--info-400: #02448C;
+	--c--theme--colors--info-300: #013368;
+	--c--theme--colors--info-200: #012245;
+	--c--theme--colors--info-100: #001122;
+	--c--theme--colors--success-900: #A9F7C0;
+	--c--theme--colors--success-800: #8DF4AC;
+	--c--theme--colors--success-700: #71F198;
+	--c--theme--colors--success-600: #55EF83;
+	--c--theme--colors--success-500: #39EC6F;
+	--c--theme--colors--success-400: #14CF4C;
+	--c--theme--colors--success-300: #0E9236;
+	--c--theme--colors--success-200: #085620;
+	--c--theme--colors--success-100: #021909;
+	--c--theme--colors--warning-900: #EAC88B;
+	--c--theme--colors--warning-800: #E4BA6D;
+	--c--theme--colors--warning-700: #DFAB4F;
+	--c--theme--colors--warning-600: #D99D31;
+	--c--theme--colors--warning-500: #B68121;
+	--c--theme--colors--warning-400: #8A621A;
+	--c--theme--colors--warning-300: #5F4412;
+	--c--theme--colors--warning-200: #34250A;
+	--c--theme--colors--warning-100: #090702;
+	--c--theme--font--families--base: Helvetica Neue,Segoe UI,Roboto,Ubuntu,sans-serif;
+	--c--theme--font--families--accent: Helvetica Neue,Segoe UI,Roboto,Ubuntu,sans-serif;
+	--c--components--button--border-radius: 0.1875rem;
+	--c--components--forms-input--border-radius: 0.1875rem;
+	--c--components--forms-input--border-color: var(--c--theme--colors--greyscale-500);
+	--c--components--forms-input--border-color--hover: var(--c--theme--colors--greyscale-600);
+	--c--components--forms-input--background-color: var(--c--theme--colors--greyscale-100);
+	--c--components--forms-input--label-color--focus: var(--c--theme--colors--greyscale-700);
+	--c--components--forms-select--border-radius: 0.1875rem;
+	--c--components--forms-select--border-color: var(--c--theme--colors--greyscale-500);
+	--c--components--forms-select--border-color--hover: var(--c--theme--colors--greyscale-600);
+	--c--components--forms-select--background-color: var(--c--theme--colors--greyscale-100);
+	--c--components--forms-select--border-color--focus: var(--c--theme--colors--greyscale-700);
+	--c--components--forms-select--label-color--focus: var(--c--theme--colors--greyscale-700);
+	--c--components--forms-select--menu-background-color: #191919;
+	--c--components--forms-select--item-background-color--selected: var(--c--theme--colors--primary-600);
+	--c--components--forms-datepicker--border-radius: 0.1875rem;
+	--c--components--forms-datepicker--border-color: var(--c--theme--colors--greyscale-500);
+	--c--components--forms-datepicker--border-color--hover: var(--c--theme--colors--greyscale-600);
+	--c--components--forms-datepicker--background-color: var(--c--theme--colors--greyscale-100);
+	--c--components--forms-datepicker--border-color--focus: var(--c--theme--colors--greyscale-700);
+	--c--components--forms-datepicker--label-color--focus: var(--c--theme--colors--greyscale-700);
+	--c--components--forms-datepicker--menu-background-color: #191919;
+	--c--components--forms-datepicker--grid-cell--border-color--today: var(--c--theme--colors--greyscale-800);
+	--c--components--forms-datepicker--grid-cell--color--today: var(--c--theme--colors--greyscale-800);
+	--c--components--forms-datepicker--range-selection-background-color: var(--c--theme--colors--primary-900);
+	--c--components--forms-datepicker--item-background-color--selected: var(--c--theme--colors--primary-600);
+	--c--components--forms-fileuploader--border-color: var(--c--theme--colors--greyscale-500);
+	--c--components--forms-fileuploader--border-color--hover: var(--c--theme--colors--greyscale-600);
+	--c--components--forms-fileuploader--background-color: var(--c--theme--colors--greyscale-100);
+	--c--components--forms-fileuploader--background-color--active: var(--c--theme--colors--greyscale-500);
+	--c--components--forms-fileuploader--accent-color: var(--c--theme--colors--greyscale-800);
+	--c--components--forms-textarea--border-radius: 0.1875rem;
+	--c--components--forms-textarea--border-color: var(--c--theme--colors--greyscale-500);
+	--c--components--forms-textarea--border-color--hover: var(--c--theme--colors--greyscale-600);
+	--c--components--forms-textarea--background-color: var(--c--theme--colors--greyscale-100);
+	--c--components--forms-textarea--border-color--focus: var(--c--theme--colors--greyscale-700);
+	--c--components--forms-textarea--label-color--focus: var(--c--theme--colors--greyscale-700);
+	--c--components--forms-checkbox--border-radius: 0.1875rem;
+	--c--components--forms-checkbox--accent-color: var(--c--theme--colors--greyscale-100);
+	--c--components--forms-checkbox--background-color: var(--c--theme--colors--greyscale-800);
+	--c--components--forms-switch--handle-border-radius: 0.3rem;
+	--c--components--forms-switch--rail-border-radius: 0.500rem;
+	--c--components--forms-switch--accent-color: var(--c--theme--colors--greyscale-800);
+	--c--components--forms-switch--handle-background-color: var(--c--theme--colors--greyscale-100);
+	--c--components--forms-switch--rail-background-color: var(--c--theme--colors--greyscale-400);
+	--c--components--forms-radio--accent-color: var(--c--theme--colors--greyscale-100);
+	--c--components--forms-radio--background-color: var(--c--theme--colors--greyscale-800);
+	--c--components--modal--border-radius: 0.1875rem;
+	--c--components--modal--background-color: #191919;
+	--c--components--card--border-radius: 0.1875rem;
+	--c--components--card--border-width: none;
+	--c--components--card--box-shadow: rgba(255, 220, 220, 0.05) 0px 0px 60px 10px;
+}
diff --git a/apps/demo/src/cunningham-tokens.ts b/apps/demo/src/cunningham-tokens.ts
index 32f6a1f..a859003 100644
--- a/apps/demo/src/cunningham-tokens.ts
+++ b/apps/demo/src/cunningham-tokens.ts
@@ -1 +1 @@
-export const tokens = {"themes":{"default":{"theme":{"colors":{"secondary-text":"#555F6B","secondary-100":"#F2F7FC","secondary-200":"#EBF3FA","secondary-300":"#E2EEF8","secondary-400":"#DDEAF7","secondary-500":"#D4E5F5","secondary-600":"#C1D0DF","secondary-700":"#97A3AE","secondary-800":"#757E87","secondary-900":"#596067","info-text":"#FFFFFF","info-100":"#EBF2FC","info-200":"#8CB5EA","info-300":"#5894E1","info-400":"#377FDB","info-500":"#055FD2","info-600":"#0556BF","info-700":"#044395","info-800":"#033474","info-900":"#022858","greyscale-100":"#FAFAFB","greyscale-200":"#F3F4F4","greyscale-300":"#E7E8EA","greyscale-400":"#C2C6CA","greyscale-500":"#9EA3AA","greyscale-600":"#79818A","greyscale-700":"#555F6B","greyscale-800":"#303C4B","greyscale-900":"#0C1A2B","greyscale-000":"#FFFFFF","primary-100":"#EBF2FC","primary-200":"#8CB5EA","primary-300":"#5894E1","primary-400":"#377FDB","primary-500":"#055FD2","primary-600":"#0556BF","primary-700":"#044395","primary-800":"#033474","primary-900":"#022858","success-100":"#EFFCD3","success-200":"#DBFAA9","success-300":"#BEF27C","success-400":"#A0E659","success-500":"#76D628","success-600":"#5AB81D","success-700":"#419A14","success-800":"#2C7C0C","success-900":"#1D6607","warning-100":"#FFF8CD","warning-200":"#FFEF9B","warning-300":"#FFE469","warning-400":"#FFDA43","warning-500":"#FFC805","warning-600":"#DBA603","warning-700":"#B78702","warning-800":"#936901","warning-900":"#7A5400","danger-100":"#F4B0B0","danger-200":"#EE8A8A","danger-300":"#E65454","danger-400":"#E13333","danger-500":"#DA0000","danger-600":"#C60000","danger-700":"#9B0000","danger-800":"#780000","danger-900":"#5C0000","primary-text":"#FFFFFF","success-text":"#FFFFFF","warning-text":"#FFFFFF","danger-text":"#FFFFFF"},"font":{"sizes":{"h1":"1.75rem","h2":"1.375rem","h3":"1.125rem","h4":"0.8125rem","h5":"0.625rem","h6":"0.5rem","l":"1rem","m":"0.8125rem","s":"0.6875rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"},"letterSpacings":{"h1":"normal","h2":"normal","h3":"normal","h4":"normal","h5":"1px","h6":"normal","l":"normal","m":"normal","s":"normal"}},"spacings":{"xl":"4rem","l":"3rem","b":"1.625rem","s":"1rem","t":"0.5rem","st":"0.25rem"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}}},"dark":{"theme":{"colors":{"greyscale-100":"#182536","greyscale-200":"#303C4B","greyscale-300":"#555F6B","greyscale-400":"#79818A","greyscale-500":"#9EA3AA","greyscale-600":"#C2C6CA","greyscale-700":"#E7E8EA","greyscale-800":"#F3F4F4","greyscale-900":"#FAFAFB","greyscale-000":"#0C1A2B","primary-100":"#3B4C62","primary-200":"#4D6481","primary-300":"#6381A6","primary-400":"#7FA5D5","primary-500":"#8CB5EA","primary-600":"#A3C4EE","primary-700":"#C3D8F4","primary-800":"#DDE9F8","primary-900":"#F4F8FD","success-100":"#EEF8D7","success-200":"#D9F1B2","success-300":"#BDE985","success-400":"#A0E25D","success-500":"#76D628","success-600":"#5BB520","success-700":"#43941A","success-800":"#307414","success-900":"#225D10","warning-100":"#F7F3D5","warning-200":"#F0E5AA","warning-300":"#E8D680","warning-400":"#E3C95F","warning-500":"#D9B32B","warning-600":"#BD9721","warning-700":"#9D7B1C","warning-800":"#7E6016","warning-900":"#684D12","danger-100":"#F8D0D0","danger-200":"#F09898","danger-300":"#F09898","danger-400":"#ED8585","danger-500":"#E96666","danger-600":"#DD6666","danger-700":"#C36666","danger-800":"#AE6666","danger-900":"#9D6666"}}}}};
+export const tokens = {"themes":{"default":{"theme":{"colors":{"secondary-text":"#555F6B","secondary-100":"#F2F7FC","secondary-200":"#EBF3FA","secondary-300":"#E2EEF8","secondary-400":"#DDEAF7","secondary-500":"#D4E5F5","secondary-600":"#C1D0DF","secondary-700":"#97A3AE","secondary-800":"#757E87","secondary-900":"#596067","info-text":"#FFFFFF","info-100":"#EBF2FC","info-200":"#8CB5EA","info-300":"#5894E1","info-400":"#377FDB","info-500":"#055FD2","info-600":"#0556BF","info-700":"#044395","info-800":"#033474","info-900":"#022858","greyscale-100":"#FAFAFB","greyscale-200":"#F3F4F4","greyscale-300":"#E7E8EA","greyscale-400":"#C2C6CA","greyscale-500":"#9EA3AA","greyscale-600":"#79818A","greyscale-700":"#555F6B","greyscale-800":"#303C4B","greyscale-900":"#0C1A2B","greyscale-000":"#FFFFFF","primary-100":"#EBF2FC","primary-200":"#8CB5EA","primary-300":"#5894E1","primary-400":"#377FDB","primary-500":"#055FD2","primary-600":"#0556BF","primary-700":"#044395","primary-800":"#033474","primary-900":"#022858","success-100":"#EFFCD3","success-200":"#DBFAA9","success-300":"#BEF27C","success-400":"#A0E659","success-500":"#76D628","success-600":"#5AB81D","success-700":"#419A14","success-800":"#2C7C0C","success-900":"#1D6607","warning-100":"#FFF8CD","warning-200":"#FFEF9B","warning-300":"#FFE469","warning-400":"#FFDA43","warning-500":"#FFC805","warning-600":"#DBA603","warning-700":"#B78702","warning-800":"#936901","warning-900":"#7A5400","danger-100":"#F4B0B0","danger-200":"#EE8A8A","danger-300":"#E65454","danger-400":"#E13333","danger-500":"#DA0000","danger-600":"#C60000","danger-700":"#9B0000","danger-800":"#780000","danger-900":"#5C0000","primary-text":"#FFFFFF","success-text":"#FFFFFF","warning-text":"#FFFFFF","danger-text":"#FFFFFF"},"font":{"sizes":{"h1":"1.75rem","h2":"1.375rem","h3":"1.125rem","h4":"0.8125rem","h5":"0.625rem","h6":"0.5rem","l":"1rem","m":"0.8125rem","s":"0.6875rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"},"letterSpacings":{"h1":"normal","h2":"normal","h3":"normal","h4":"normal","h5":"1px","h6":"normal","l":"normal","m":"normal","s":"normal"}},"spacings":{"xl":"4rem","l":"3rem","b":"1.625rem","s":"1rem","t":"0.5rem","st":"0.25rem"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}}},"dark":{"theme":{"colors":{"greyscale-100":"#182536","greyscale-200":"#303C4B","greyscale-300":"#555F6B","greyscale-400":"#79818A","greyscale-500":"#9EA3AA","greyscale-600":"#C2C6CA","greyscale-700":"#E7E8EA","greyscale-800":"#F3F4F4","greyscale-900":"#FAFAFB","greyscale-000":"#0C1A2B","primary-100":"#3B4C62","primary-200":"#4D6481","primary-300":"#6381A6","primary-400":"#7FA5D5","primary-500":"#8CB5EA","primary-600":"#A3C4EE","primary-700":"#C3D8F4","primary-800":"#DDE9F8","primary-900":"#F4F8FD","success-100":"#EEF8D7","success-200":"#D9F1B2","success-300":"#BDE985","success-400":"#A0E25D","success-500":"#76D628","success-600":"#5BB520","success-700":"#43941A","success-800":"#307414","success-900":"#225D10","warning-100":"#F7F3D5","warning-200":"#F0E5AA","warning-300":"#E8D680","warning-400":"#E3C95F","warning-500":"#D9B32B","warning-600":"#BD9721","warning-700":"#9D7B1C","warning-800":"#7E6016","warning-900":"#684D12","danger-100":"#F8D0D0","danger-200":"#F09898","danger-300":"#F09898","danger-400":"#ED8585","danger-500":"#E96666","danger-600":"#DD6666","danger-700":"#C36666","danger-800":"#AE6666","danger-900":"#9D6666"}}},"redflux_dark":{"theme":{"colors":{"primary-text":"#FFFFFF","primary-100":"#FA8D92","primary-200":"#F95B63","primary-300":"#F72A35","primary-400":"#E50914","primary-500":"#C30811","primary-600":"#A0060E","primary-700":"#7E050B","primary-800":"#5C0408","primary-900":"#390205","secondary-text":"#FFF","secondary-100":"#1b5ad7","secondary-200":"#146cea","secondary-300":"#007ffe","secondary-400":"#008eff","secondary-500":"#279eff","secondary-600":"#56b0ff","secondary-700":"#8ac6ff","secondary-800":"#b9dcff","secondary-900":"#e2f1ff","greyscale-000":"#000000BB","greyscale-100":"#191919BB","greyscale-200":"#232323","greyscale-300":"#292929","greyscale-400":"#343434","greyscale-500":"#404040","greyscale-600":"#aaaaaa","greyscale-700":"#cccccc","greyscale-800":"#eeeeee","greyscale-900":"#f7f7f7","danger-900":"#FACED0","danger-800":"#F7A9AD","danger-700":"#F38389","danger-600":"#F05E66","danger-500":"#EC3942","danger-400":"#D8151F","danger-300":"#A51017","danger-200":"#720B10","danger-100":"#3F0609","info-900":"#53A4FD","info-800":"#2B8FFC","info-700":"#047AFA","info-600":"#0366D2","info-500":"#0255AF","info-400":"#02448C","info-300":"#013368","info-200":"#012245","info-100":"#001122","success-900":"#A9F7C0","success-800":"#8DF4AC","success-700":"#71F198","success-600":"#55EF83","success-500":"#39EC6F","success-400":"#14CF4C","success-300":"#0E9236","success-200":"#085620","success-100":"#021909","warning-900":"#EAC88B","warning-800":"#E4BA6D","warning-700":"#DFAB4F","warning-600":"#D99D31","warning-500":"#B68121","warning-400":"#8A621A","warning-300":"#5F4412","warning-200":"#34250A","warning-100":"#090702"},"font":{"families":{"base":"Helvetica Neue,Segoe UI,Roboto,Ubuntu,sans-serif","accent":"Helvetica Neue,Segoe UI,Roboto,Ubuntu,sans-serif"}}},"components":{"button":{"border-radius":"0.1875rem"},"forms-input":{"border-radius":"0.1875rem","border-color":"#9EA3AA","border-color--hover":"#79818A","background-color":"#FAFAFB","label-color--focus":"#555F6B"},"forms-select":{"border-radius":"0.1875rem","border-color":"#9EA3AA","border-color--hover":"#79818A","background-color":"#FAFAFB","border-color--focus":"#555F6B","label-color--focus":"#555F6B","menu-background-color":"#191919","item-background-color--selected":"#0556BF"},"forms-datepicker":{"border-radius":"0.1875rem","border-color":"#9EA3AA","border-color--hover":"#79818A","background-color":"#FAFAFB","border-color--focus":"#555F6B","label-color--focus":"#555F6B","menu-background-color":"#191919","grid-cell--border-color--today":"#303C4B","grid-cell--color--today":"#303C4B","range-selection-background-color":"#022858","item-background-color--selected":"#0556BF"},"forms-fileuploader":{"border-color":"#9EA3AA","border-color--hover":"#79818A","background-color":"#FAFAFB","background-color--active":"#9EA3AA","accent-color":"#303C4B"},"forms-textarea":{"border-radius":"0.1875rem","border-color":"#9EA3AA","border-color--hover":"#79818A","background-color":"#FAFAFB","border-color--focus":"#555F6B","label-color--focus":"#555F6B"},"forms-checkbox":{"border-radius":"0.1875rem","accent-color":"#FAFAFB","background-color":"#303C4B"},"forms-switch":{"handle-border-radius":"0.3rem","rail-border-radius":"0.500rem","accent-color":"#303C4B","handle-background-color":"#FAFAFB","rail-background-color":"#C2C6CA"},"forms-radio":{"accent-color":"#FAFAFB","background-color":"#303C4B"},"modal":{"border-radius":"0.1875rem","background-color":"#191919"},"card":{"border-radius":"0.1875rem","border-width":"none","box-shadow":"rgba(255, 220, 220, 0.05) 0px 0px 60px 10px"}}}}};
diff --git a/apps/demo/src/index.scss b/apps/demo/src/index.scss
index b42c1a5..f8d8405 100644
--- a/apps/demo/src/index.scss
+++ b/apps/demo/src/index.scss
@@ -84,6 +84,11 @@ html {
   }
 }
 
+html[data-theme="redflux"] {
+  background: #000000D7 url(redflux_bg.webp) 50%/cover no-repeat fixed;
+  background-blend-mode: darken;
+}
+
 // Create
 .page__create {
   h1 {