add gtk4 examples

1 files changed, 19 insertions, 0 deletions

diff --git a/examples/gtk4/simple-bar/js/src/scss/Bar.scss b/examples/gtk4/simple-bar/js/src/scss/Bar.scss
new file mode 100644
index 0000000..86ea856
--- /dev/null
+++ b/examples/gtk4/simple-bar/js/src/scss/Bar.scss
@@ -0,0 +1,19 @@
+// https://gitlab.gnome.org/GNOME/gtk/-/blob/gtk-4-16/gtk/theme/Default/_colors-public.scss
+$fg-color: #{"@theme_fg_color"};
+$bg-color: #{"@theme_bg_color"};
+
+window.Bar {
+    > box {
+        background: $bg-color;
+        color: $fg-color;
+        font-weight: bold;
+    }
+
+    button {
+        min-height: 0;
+        min-width: 0;
+        border-radius: 8px;
+        margin: 4px;
+        padding: 4px 8px;
+    }
+}