diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..79518f7
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,21 @@
+node_modules
+
+# Output
+.output
+.vercel
+/.svelte-kit
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
diff --git a/.npmrc b/.npmrc
new file mode 100644
index 0000000..b6f27f1
--- /dev/null
+++ b/.npmrc
@@ -0,0 +1 @@
+engine-strict=true
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..ab78a95
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,4 @@
+# Package Managers
+package-lock.json
+pnpm-lock.yaml
+yarn.lock
diff --git a/README.md b/README.md
index cc2b8ac..716e04d 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,8 @@
# 🟦 Neobrutal [Zebar](https://github.com/glzr-io/zebar)
+An Zebar configuration for Zebar V2 build in Svelte with Tailwind. If you are
+still using V1 of Zebar the old config is available in the [V1 branch](https://github.com/adriankarlen/neobrutal-zebar/tree/v1).
+
## ✨ Features
- Process icons for current workspace, with current focus indicator.
@@ -33,44 +36,9 @@ https://github.com/user-attachments/assets/185f238c-03b8-4f63-87a2-2d36d6b31039
Download the `neobrutal-zebar.zip` from the latest release. Unzip the contents
inside your zebar config directory.
-### Replacing values
-
-In order for imports to work you will need to update some paths in the files
-
-#### 1. config.yaml
-
-In order for zebar to able to import the css file, you need to url encode all
-special character, this can be done via services like https://www.urldecoder.org/.
-
-For instance if you zebar config is stored at
-_C:/Users/MyCoolUsername/.glzr/zebar_. Your import link would look like this:
-`http://asset.localhost/C:/Users/MyCoolUsername/.glzr/zebar/styles/global.css`.
-Everything following `localhost/` needs to be url encoded for the import to work
-inside the yaml. This would mean that you would take _C:/Users/MyCoolUsername/.glzr/zebar/styles/global.css_
-and paste it to https://www.urldecoder.org/ and replace the import with that string.
-The resulting string will then look like this: _"http://asset.localhost/C%3A%2FUsers%2FMyCoolUsername%2F.glzr%2Fzebar%2Fstyles%2Fglobal.css"_
-
-```yaml
-# Change the following line to match your path
-@import "http://asset.localhost/>> PATH TO YOUR YOUR GLZR CONFIG FOLDER<<.glzr%2Fzebar%2Fstyles%2Fglobal.css";
-```
-
-#### 2. styles/global.css
-
-```css
-/* Change the following imports, you don't need to url encode these like in config.yaml */
-@import "http://asset.localhost/>> PATH TO YOUR YOUR GLZR CONFIG FOLDER<> PATH TO YOUR YOUR GLZR CONFIG FOLDER<> PATH TO YOUR YOUR GLZR CONFIG FOLDER<> PATH TO YOUR YOUR GLZR CONFIG FOLDER<> PATH TO YOUR YOUR GLZR CONFIG FOLDER<> PATH TO YOUR YOUR GLZR CONFIG FOLDER<> PATH TO YOUR YOUR GLZR CONFIG FOLDER<
Example config
-##### config.css
+##### src/app.css
```css
/* colors */
--text: var(--rp-text);
@@ -117,15 +85,14 @@ Utilizes [Catppuccin Palette](https://github.com/catppuccin/palette/blob/main/do
Config show in picture above
-##### config.css
+##### src/app.css
```css
/* border */
---border-size: 2px;
--radius: 9999px;
/* shadow */
---shadow-size-bar: 0px;
---shadow-size-button: 0px;
+--shadow-size-bar: 0;
+--shadow-size-button: 0;
/* colors */
--text: var(--ctp-mocha-text);
@@ -155,12 +122,12 @@ Utilizes [Catppuccin Palette](https://github.com/catppuccin/palette/blob/main/do
--weather: var(--ctp-mocha-text);
```
-##### config.yaml
-```html
+##### src/components/RightGroup.svelte
+```svelte
-
+
-
+
```
diff --git a/bar.zebar.json b/bar.zebar.json
new file mode 100644
index 0000000..74559d4
--- /dev/null
+++ b/bar.zebar.json
@@ -0,0 +1,22 @@
+{
+ "htmlPath": "./build/index.html",
+ "launchOptions": {
+ "zOrder": "normal",
+ "shownInTaskbar": false,
+ "focused": false,
+ "resizable": false,
+ "transparent": true,
+ "placements": [
+ {
+ "anchor": "top_left",
+ "offsetX": "0px",
+ "offsetY": "0px",
+ "width": "100%",
+ "height": "60px",
+ "monitorSelection": {
+ "type": "all"
+ }
+ }
+ ]
+ }
+}
diff --git a/bun.lockb b/bun.lockb
new file mode 100644
index 0000000..93959df
Binary files /dev/null and b/bun.lockb differ
diff --git a/config.yaml b/config.yaml
deleted file mode 100644
index 8ec01b9..0000000
--- a/config.yaml
+++ /dev/null
@@ -1,185 +0,0 @@
-global:
- enable_devtools: true
-
-window/bar:
- providers: ["self"]
- width: "{{ self.args.MONITOR_WIDTH }}"
- height: "275"
- position_x: "{{ self.args.MONITOR_X }}"
- position_y: "{{ self.args.MONITOR_Y }}"
- z_order: "normal"
- resizable: false
- global_styles: |
- @import "https://www.nerdfonts.com/assets/css/webfont.css";
- @import "https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css";
- @import "http://asset.localhost/>> PATH TO YOUR YOUR GLZR CONFIG FOLDER<<.glzr%5Czebar%5Cstyles%5Cglobal.css";
-
- group/left:
- template/menu:
- events:
- - type: "click"
- fn_path: "scripts/menu.js#toggleDropdown"
- selector: ".dropdown-button"
- template: |
-
+{/if}
diff --git a/src/lib/index.ts b/src/lib/index.ts
new file mode 100644
index 0000000..856f2b6
--- /dev/null
+++ b/src/lib/index.ts
@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
new file mode 100644
index 0000000..6d63253
--- /dev/null
+++ b/src/routes/+layout.ts
@@ -0,0 +1,2 @@
+// This can be false if you're using a fallback (i.e. SPA mode)
+export const prerender = true;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
new file mode 100644
index 0000000..225c1ca
--- /dev/null
+++ b/src/routes/+page.svelte
@@ -0,0 +1,21 @@
+
+
+