Error when installing the Passbolt UI Kit

API & Customization issues
1

Hello fellow. I’m new here.

So, i just installed Passbolt AMI in a EC2 instance and everything gone as it should be. I decided to customize my own theme and followed the guide step by step but i got an error when i run the command below:
npm run dev:build:custom-theme

I got the following error:
>> src/less/base/form/input-text.less: [L36:C13] variable @input-hover-text-color is undefined Warning: Error compiling src/less/themes/custom/api_authentication.less Use --force to continue.

Could you guys lend me a hand, please? I’d appreciate that

Oh and btw is it possible to change the passbolt logo using the UI kit? Thanks in advance

1 Like
3

Hi gilsonjunio, (welcome!)

I’m not a front end dev so my naive question would be to ask if the variable @input-hover-text-color in src/less/base/form/input-text.less has an assigned value but that may be obvious and you’ve checked. I don’t know if that’s some kind of inherited value as part of the build.

I have just spoken with some very busy developers who would suggest that with v5 will come significant changes and that it would be worth considering holding off on developing custom themes until it’s out and the storybook’s updated.

I am not able to give you an answer right now as to changing the logo. Sorry.

Linking the two relevant blog posts here for anyone following along:
https://www.passbolt.com/blog/how-to-create-a-custom-passbolt-theme-with-the-ui-kit
https://www.passbolt.com/blog/meet-passbolt-ui-kit

cheers
gareth

1 Like
4

Hello! Thank you so much for answering my question.

You see, me and my team are looking for implementing Passbolt CE on our workload and see if it meet our needs, if it does, we’ll upgrade to the paid plan, which seems awesome. I was asked to try changing the logo on passbolt and i found the styleguide, which didn’t work quite well, unfortunately.

I really appreciate your answer, thank you very much. I’ll look for it when v5 gets released.

1 Like