diff --git a/swaync/config.json b/swaync/config.json
new file mode 100644
index 0000000..d51a700
--- /dev/null
+++ b/swaync/config.json
@@ -0,0 +1,50 @@
+{
+  "positionX": "right",
+  "positionY": "top",
+  "control-center-margin-top": 20,
+  "control-center-margin-bottom": 0,
+  "control-center-margin-right": 0,
+  "control-center-margin-left": 20,
+  "control-center-width": 500,
+  "control-center-height": 600,
+  "fit-to-screen": false,
+  "layer": "top",
+  "cssPriority": "user",
+  "notification-icon-size": 64,
+  "notification-body-image-height": 100,
+  "notification-body-image-width": 200,
+  "timeout": 10,
+  "timeout-low": 5,
+  "timeout-critical": 0,
+  "notification-window-width": 500,
+  "keyboard-shortcuts": true,
+  "image-visibility": "when-available",
+  "transition-time": 200,
+  "hide-on-clear": true,
+  "hide-on-action": true,
+  "script-fail-notify": true,
+  "widgets": [
+    "title",
+    "dnd",
+    "mpris",
+    "notifications"
+  ],
+  "widget-config": {
+    "title": {
+      "text": "Notifications",
+      "clear-all-button": true,
+      "button-text": "Clear All"
+    },
+    "dnd": {
+      "text": "Do Not Disturb"
+    },
+    "label": {
+      "max-lines": 5,
+      "text": "Label Text"
+    },
+    "mpris": {
+      "image-size": 96,
+      "image-radius": 12
+    }
+  }
+}
\ No newline at end of file
diff --git a/swaync/style.css b/swaync/style.css
new file mode 100644
index 0000000..79dc51b
--- /dev/null
+++ b/swaync/style.css
@@ -0,0 +1,312 @@
+@define-color foreground rgb(255, 255, 255);
+@define-color background rgb(0, 0, 0);
+@define-color background-alpha rgba(0, 0, 0, 0.8);
+@define-color accent rgba(0, 0, 0, 0.8);
+@define-color current-line rgb(0, 0, 0);
+@define-color comment rgb(0, 0, 0);
+@define-color aux-blue rgb(0, 0, 0);
+@define-color aux-yellow rgb(0, 0, 0);
+@define-color aux-red rgb(0, 0, 0);
+@define-color aux-orange rgb(0, 0, 0);
+
+* {
+  color: @foreground;
+  font-size: 14px;
+  font-family: "FreeMono", monospace;
+}
+
+.notification-row {
+  transition: all 200ms ease;
+  outline: none;
+  margin-bottom: 4px;
+  margin-right: 13px;
+  margin-top: 8px;
+  border-radius: 80px;
+}
+
+.control-center .notification-row:focus,
+.control-center .notification-row:hover {
+  opacity: 1;
+  background: transparent;
+}
+
+.notification-row:focus .notification,
+.notification-row:hover .notification {
+  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  border: 0px solid @accent;
+  background: @current-line;
+}
+
+.control-center .notification {
+  box-shadow: none;
+}
+
+.control-center .notification-row {
+  opacity: 0.5;
+  margin: -5px;
+}
+
+.notification {
+  transition: all 200ms ease;
+  border-radius: 8px;
+  margin: 12px 7px 0px 7px;
+  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
+  padding: 0;
+}
+
+.low {
+  background: @aux-yellow;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.normal {
+  background: @aux-orange;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.critical {
+  background: @aux-red;
+  padding: 6px;
+  border-radius: 6px;
+}
+
+.notification-content {
+  background: transparent;
+  padding: 6px;
+  border-radius: 8px;
+}
+
+.close-button {
+  background: @current-line;
+  color: @foreground;
+  text-shadow: none;
+  padding: 0;
+  border-radius: 100%;
+  margin-top: 17px;
+  margin-right: 10px;
+  box-shadow: none;
+  border: none;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+.close-button:hover {
+  box-shadow: none;
+  background: @comment;
+  transition: all 0.15s ease-in-out;
+  border: none;
+}
+
+.notification-default-action,
+.notification-action {
+  padding: 4px;
+  margin: 0;
+  box-shadow: none;
+  background: @current-line;
+  border: 2px solid @accent;
+  color: @foreground;
+}
+
+.notification-default-action:hover,
+.notification-action:hover {
+  -gtk-icon-effect: none;
+  background: @current-line;
+}
+
+.notification-default-action {
+  border-radius: 8px;
+}
+
+/* When alternative actions are visible */
+.notification-default-action:not(:only-child) {
+  border-bottom-left-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+
+.notification-action {
+  border-radius: 0px;
+  border-top: none;
+  border-right: none;
+}
+
+/* add bottom border radius to eliminate clipping */
+.notification-action:first-child {
+  border-bottom-left-radius: 8px;
+}
+
+.notification-action:last-child {
+  border-bottom-right-radius: 8px;
+  border-right: 1px solid @accent;
+}
+
+.image {}
+
+.body-image {
+  margin-top: 6px;
+  background-color: @foreground;
+  border-radius: 8px;
+}
+
+.summary {
+  font-size: 16px;
+  font-weight: bold;
+  background: transparent;
+  color: @foreground;
+  text-shadow: none;
+}
+
+.time {
+  font-size: 16px;
+  font-weight: bold;
+  background: transparent;
+  color: @foreground;
+  text-shadow: none;
+  margin-right: 18px;
+}
+
+.body {
+  font-size: 15px;
+  font-weight: normal;
+  background: transparent;
+  color: @foreground;
+  text-shadow: none;
+}
+
+/* The "Notifications" and "Do Not Disturb" text widget */
+.top-action-title {
+  color: @foreground;
+  text-shadow: none;
+}
+
+.control-center-clear-all {
+  color: @foreground;
+  text-shadow: none;
+  background: @background;
+  border: 2px solid @accent;
+  box-shadow: none;
+  border-radius: 8px;
+}
+
+.control-center-clear-all:hover {
+  background: @background;
+}
+
+.control-center-dnd {
+  border-radius: 8px;
+  background: @background;
+  border: 1px solid @accent;
+  box-shadow: none;
+}
+
+.control-center-dnd:checked {
+  background: @accent;
+}
+
+.control-center-dnd slider {
+  background: @background;
+  border-radius: 8px;
+}
+
+.control-center {
+  background: @background-alpha;
+  border-radius: 10px;
+  background-clip: border-box;
+  padding: 4px;
+  box-shadow:
+    0 0 0 1px rgba(0, 0, 0, 0.3),
+    0 1px 3px 1px rgba(0, 0, 0, 0.7),
+    0 2px 6px 2px rgba(0, 0, 0, 0.3);
+  color: @foreground;
+  border: 2px solid @accent;
+}
+
+.control-center-list {
+  background: transparent;
+}
+
+.floating-notifications {
+  background: transparent;
+}
+
+/* Window behind control center and on all other monitors */
+.blank-window {
+  background: transparent;
+}
+
+/*** Widgets ***/
+
+/* Title widget */
+.widget-title {
+  margin: 8px;
+  font-size: 1.5rem;
+}
+
+.widget-title>button {
+  font-size: initial;
+  color: @foreground;
+  text-shadow: none;
+  background: @background;
+  border: 2px solid @accent;
+  box-shadow: none;
+  border-radius: 8px;
+}
+
+.widget-title>button:hover {
+  background: @background;
+}
+
+/* DND widget */
+.widget-dnd {
+  margin: 8px;
+  font-size: 1.1rem;
+}
+
+.widget-dnd>switch {
+  font-size: initial;
+  border-radius: 8px;
+  background: @background;
+  border: 1px solid @accent;
+  box-shadow: none;
+}
+
+.widget-dnd>switch:checked {
+  background: @accent;
+}
+
+.widget-dnd>switch slider {
+  background: @background;
+  border-radius: 8px;
+  border: 1px solid @foreground;
+}
+
+/* Label widget */
+.widget-label {
+  margin: 8px;
+}
+
+.widget-label>label {
+  font-size: 1.1rem;
+}
+
+/* Mpris widget */
+.widget-mpris {}
+
+.widget-mpris-player {
+  padding: 8px;
+  margin: 8px;
+  background-color: @background;
+  border-radius: 8px;
+  border: 2px solid @accent;
+  color: @foreground;
+}
+
+.widget-mpris-title {
+  font-weight: bold;
+  font-size: 1.25rem;
+}
+
+.widget-mpris-subtitle {
+  font-size: 1.1rem;
+}
\ No newline at end of file