diff --git a/lib/Styles/Adw/Banner.scss b/lib/Styles/Adw/Banner.scss
new file mode 100644
index 000000000..1ad58393f
--- /dev/null
+++ b/lib/Styles/Adw/Banner.scss
@@ -0,0 +1,15 @@
+banner revealer > widget {
+    background-color: #{'mix(@BLUEBERRY_300, white, 0.75)'};
+    color: #{'shade(@BLUEBERRY_300, 0.5)'};
+
+    border: 1px solid #{'mix(@BLUEBERRY_300, white, 0.4)'};
+    @if $color-scheme == "dark" {
+        border-color: $border-color;
+    }
+
+    box-shadow:
+        highlight(),
+        outset-shadow(2);
+
+    padding: rem(6px);
+}
diff --git a/lib/Styles/Adw/Index.scss b/lib/Styles/Adw/Index.scss
new file mode 100644
index 000000000..2999d0945
--- /dev/null
+++ b/lib/Styles/Adw/Index.scss
@@ -0,0 +1,2 @@
+@import 'Banner.scss';
+@import 'WindowControls.scss';
diff --git a/lib/Styles/Adw/WindowControls.scss b/lib/Styles/Adw/WindowControls.scss
new file mode 100644
index 000000000..87520f63d
--- /dev/null
+++ b/lib/Styles/Adw/WindowControls.scss
@@ -0,0 +1,5 @@
+windowcontrols {
+    button > image {
+        background: transparent;
+    }
+}
diff --git a/lib/Styles/Index-dark.scss b/lib/Styles/Index-dark.scss
index 67612f686..e89ddc35e 100644
--- a/lib/Styles/Index-dark.scss
+++ b/lib/Styles/Index-dark.scss
@@ -49,6 +49,9 @@ $warning-icon-color: $BANANA_500;
 // Gtk Widgets
 // @import 'Gtk/Index.scss';
 
+// Adwaita widgets
+@import 'Adw/Index.scss';
+
 // Granite widgets
 @import 'Granite/Index.scss';
 
diff --git a/lib/Styles/Index.scss b/lib/Styles/Index.scss
index 3faa7061b..24003e4af 100644
--- a/lib/Styles/Index.scss
+++ b/lib/Styles/Index.scss
@@ -49,6 +49,9 @@ $warning-icon-color: mix($BANANA_500, $BANANA_700, $weight: 50%);
 // Gtk Widgets
 // @import 'Gtk/Index.scss';
 
+// Adwaita widgets
+@import 'Adw/Index.scss';
+
 // Granite widgets
 @import 'Granite/Index.scss';