custom page

[beginnerlsz]

I want to add an ICP registration number at the bottom of the login page. Which file should I edit? I added a piece of code to the index.html file, but it didn't work.

[stefan0xC]

[...] for adding text I would recommend trying to customize your web-vault via CSS. E.g. I added a custom disclaimer on the login page of my testing instance like this

#vw-disclaimer::before {
  content: "This is a non-production test environment.";
  display: block;
  margin: auto;
  margin-bottom: 1ex;
}

Originally posted by @stefan0xC in #6191

[stefan0xC]

It works on my test instance so I am not sure what you have tried or where the mistake could be given the information you have provided. Can you check if the vaultwarden process in the container can read the file? I.e. something like

docker exec vaultwarden cat /data/templates/scss/user.vaultwarden.scss.hbs

where vaultwarden refers to the name of the Vaultwarden container.

[beginnerlsz]

I checked it, the vaultwarden process in the container can read the file
#vw-disclaimer::before { content: "豫ICP备2024096774号-; display: block; margin: auto; margin-bottom: 1ex; }
The above shows the results of the run

[stefan0xC]

Seems like you missed the closing "? If I try it with your example it throws an error when I load the /css/vaultwarden.css file:

[2026-04-10 08:04:31.042][request][INFO] GET /css/vaultwarden.css
[2026-04-10 08:04:31.044][vaultwarden::api::web][WARN] Compiling the Vaultwarden SCSS styles failed. Error: Expected ".
    ╷
123 │  #vw-disclaimer::before { content: "豫ICP备2024096774号-; display: block; margin: auto; margin-bottom: 1ex; }
    │                                                                                                           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
./stdin:123:107

The " is missing before the first ;, i.e.

#vw-disclaimer::before { content: "豫ICP备2024096774号-"; display: block; margin: auto; margin-bottom: 1ex; }

[beginnerlsz]

oh! I overlooked this。 Once I added these quotation marks, it displayed correctly. Thank you!

[beginnerlsz]

By the way, if I want to add a link to the text 豫ICP备2024096774号- displayed on the page, is there a good way to do that?

[Reneke43]

Hi I'm pretty new at HBS files. Where in the user.vaultwarden.scss.hbs file should I put this piece of code?
And how can I find out everything that' customizable?

[stefan0xC]

Where in the user.vaultwarden.scss.hbs file should I put this piece of code?

This file is meant to be overwritten with your customized CSS rules. Where to place the file is described in the wiki page.

vaultwarden/src/static/templates/scss/user.vaultwarden.scss.hbs

Line 1 in d6a3d53

/* See the wiki for examples and details: https://github.com/dani-garcia/vaultwarden/wiki/Customize-Vaultwarden-CSS */

And how can I find out everything that' customizable?

You can find out everything available to style by opening your browser's web inspection tools and looking at the source code. While our wiki page provides common examples to get you started, a full CSS tutorial is out of scope for this project.

[Reneke43]

I already had overwritten this this file with custom code from the Wiki and adjusted it by logical thinking. I just didn' realize it obviously doesn't matter where in the file I put the additional code, it works anyway. 🙂
As for CSS. Your link is a nice starting point. Thanx.