Share colors

[krymancer]

For now I just got the default theme and change the back/fore ground colors to base, text, crust and surface. This is sufficient to make the app looks like the rest of the system, but would be nice if we can import .css files in the theme so people cloud use them and modify things easly.

rn I can't just import like:

@import "flavor.css"

this works in something like waybar but for walker its doenst work at all, and walker also thinks that flavour.css shoud be an theme and gives and warning about missing flavor.toml.

If anyone has an idea on how to implement the theming in a better way to make more composable with other people configs let me know

[MangelMaxime]

Hello @krymancer,

for the CSS it is possible to import another CSS file using:

@import url("file://~/.config/walker/shared/catpuccin.css");

In my setup I placed the shared file under a shared folder in the walker folder to avoid the warning about the associated toml not being found.

walker/
├── config.toml
├── scripts
│   └── pickerscript.sh
├── shared
│   └── catpuccin.css
└── themes
    ├── default.css
    ├── default.toml
    ├── default_window.toml
    ├── frappe.css
    └── frappe.toml

This way frappe.css contains:

@define-color rosewater #f2d5cf;
@define-color flamingo #eebebe;
@define-color pink #f4b8e4;
@define-color mauve #ca9ee6;
// more colors definition ...

@import url("file://~/.config/walker/shared/catpuccin.css");