diff --git a/theme/flavors/system24-nord.theme.css b/theme/flavors/system24-nord.theme.css
new file mode 100644
index 0000000..b7ee1e5
--- /dev/null
+++ b/theme/flavors/system24-nord.theme.css
@@ -0,0 +1,69 @@
+/* import theme modules */
+@import url('https://refact0r.github.io/system24/src/main.css'); /* main theme css. DO NOT REMOVE */
+@import url('https://refact0r.github.io/system24/src/unrounding.css'); /* gets rid of all rounded corners. remove if you want rounded corners. */
+
+/* customize things here */
+:root {
+	--font: 'DM Mono';
+	letter-spacing: -0.05ch;
+	font-weight: 300;
+	--label-font-weight: 500;
+	--corner-text: 'nord24';
+	--pad: 16px;
+	--txt-pad: 10px;
+	--panel-roundness: 0px;
+
+	/* background colors */
+	--bg-0: #2e3440; /* main background color */
+	--bg-1: #3b4252; /* secondary background */
+	--bg-2: #434c5e; /* neutral buttons */
+	--bg-3: #4c566a; /* hovered neutral buttons */
+
+	/* state modifiers */
+	--hover: color-mix(in oklch, var(--txt-3), transparent 80%);
+	--active: color-mix(in oklch, var(--txt-3), transparent 60%);
+	--selected: var(--active);
+
+	/* text colors */
+	--txt-dark: var(--bg-0);
+	--txt-link: var(--cyan);
+	--txt-0: #eceff4; /* nord bright text */
+	--txt-1: #d8dee9; /* nord main text color */
+	--txt-2: #b0bec5; /* nord secondary text color */
+	--txt-3: #88c0d0; /* cyan accents */
+
+	/* accent colors */
+	--acc-0: var(--cyan);
+	--acc-1: var(--cyan-1);
+	--acc-2: var(--cyan-2);
+
+	/* borders */
+	--border-width: 2px;
+	--border-color: var(--bg-2);
+	--border-hover-color: var(--acc-0);
+	--border-transition: 0.2s ease;
+
+	/* status dot colors */
+	--online-dot: var(--green);
+	--dnd-dot: var(--red);
+	--idle-dot: var(--yellow);
+	--streaming-dot: var(--cyan);
+
+	/* mention/ping and message colors */
+	--mention-txt: var(--acc-0);
+	--mention-bg: color-mix(in oklch, var(--acc-0), transparent 90%);
+	--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%);
+	--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%);
+	--reply-overlay: var(--active);
+	--reply-hover-overlay: var(--hover);
+
+	/* color shades */
+	--red: #bf616a;
+	--yellow: #ebcb8b;
+	--green: #a3be8c;
+	--green-1: #8fbcbb;
+	--green-2: #81a1c1;
+	--cyan: #88c0d0;
+	--cyan-1: #81a1c1;
+	--cyan-2: #5e81ac;
+}