diff --git a/astal/app.ts b/astal/app.ts
index 08a2f70..b7daa24 100644
--- a/astal/app.ts
+++ b/astal/app.ts
@@ -4,6 +4,7 @@ import Bar from "./widget/Bar";
App.start({
css: style,
+ icons: "icons",
main() {
App.get_monitors().map(Bar);
},
diff --git a/astal/icons/nixos-2.svg b/astal/icons/nixos-2.svg
new file mode 100644
index 0000000..40e5de8
--- /dev/null
+++ b/astal/icons/nixos-2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/astal/icons/nixos.svg b/astal/icons/nixos.svg
new file mode 100644
index 0000000..63e504c
--- /dev/null
+++ b/astal/icons/nixos.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/astal/style.scss b/astal/style.scss
index a1ad609..7fe2579 100644
--- a/astal/style.scss
+++ b/astal/style.scss
@@ -31,6 +31,14 @@ window.Bar {
background-color: $inactive-bg-color;
}
+ .nix-icon {
+ font-size: 24px;
+ padding: 0 2px;
+ background-color: #4169e1;
+ border-top-right-radius: 4px;
+ border: none;
+ }
+
.workspaces {
font-weight: bold;
diff --git a/astal/widget/Bar.tsx b/astal/widget/Bar.tsx
index 4b26138..b3d09fa 100644
--- a/astal/widget/Bar.tsx
+++ b/astal/widget/Bar.tsx
@@ -139,6 +139,9 @@ export default function Bar(gdkmonitor: Gdk.Monitor) {
application={App}>
+
+
+