How to customize Walker css?

[JoostdeK]

Hi, ive looked for a while now but found no answer. Is it possible to make changes to walker css's? And I dont mean in the CSS of theme's. Themes can now change walker CSS with #917 but I dont want to add to the theme files, nor do I want to add to the default files. Is there a way to do it in .config/walker? Currently there is only a default.toml there and a folder called themes with autogenerated files which also are not suited for adding own customization (need me some rounded corners).

[TusharGupta-Developer]

You don’t need to edit the default walker CSS files directly 👍.

The clean way is:

• Keep global defaults in your default.toml (colors, fonts, spacing).
• Put custom overrides in your own CSS file, then tell walker to load it.
• That way your changes (like rounded corners) survive updates and don’t touch the theme’s internal files.

---

For example, create ~/.config/walker/custom.css:

/* custom.css */
.menu-item {
  border-radius: 8px;
}

---

Then in your default.toml add a reference:

[style]
custom_css = ["custom.css"]

---

✅ Why this is better

• No edits to default or theme CSS files
• Updates won’t overwrite your changes
• You can focus only on the elements you want (like rounded corners)

This way you keep :root or theme variables clean, and just add your own utility overrides on top.

---

I hope this helps! Let me know if you want tips on targeting more specific walker elements or adding responsive tweaks.

— Tushar Gupta

[JoostdeK]

Awesome, thats was exactly what i was looking for. Ill try it tomorrow, might make a PR out of it, becaus I do feel like the custom.css should be there as an empty default.

Kind regards.

[TusharGupta-Developer]

That sounds great! Having a default custom.css stub would make it much easier for others to discover this feature. If you open a PR, I’m sure it’ll help a lot of users.
Marking this as answered from my side ✅. If you need any help along the way, just ping me!

[ethan-fraser]

Does this still hold true? I tried adding a custom.css in ~/.config/walker/, and added the following snippet to the config.toml in the same directory, but my styles weren't applied.

[style]
custom_css = ["custom.css"]

/* custom.css */
.box-wrapper {
  border-radius: 8px;
}

The only way I can get the style to update is by editing ~/.local/share/omarchy/default/walker/themes/style.css, or by editing the style.css in my specific theme, but I understand these could be overwritten during an update.

[grenademeister]

same issue here.

[wesleyfebarretos]

you can create a theme folder in ~/.config/walker/themes/omarchy-default/style.css and edit your files like this:

~/.config/walker/config.toml

additional_theme_location = "./themes/"

~/.config/walker/themes/omarchy-default/style.css

@import "../../../../.local/share/omarchy/default/walker/themes/omarchy-default/style.css";
.box-wrapper {
    border-radius: 8px;
}

With this approach your changes will not conflict with updates and it won't overwrite your changes

[JoenvandeVorle]

This does work, but for some reason it adds controls to my walker menu like so:

They disappear when i switch back the additional_theme_location line, so the issue seems with the custom css file

[hung-eggie-do-covergo]

Create a symlink from your custom theme to point to omarchy-default/layout.xml and it should be good