sdgoij/vaultwarden
1
0
Fork 0
mirror of https://github.com/dani-garcia/vaultwarden.git synced 2026-01-16 20:50:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

change paths for web-v2025.1.1 (only change top left image, not bit-icon above login)

Stefan Melmuk
2025-01-26 09:30:01 +01:00
parent b41a2d30d2
commit dbcf3bc06b
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
Customize-Vaultwarden-CSS.md

@@ -1,8 +1,7 @@
# Customize Vaultwarden CSS
> [!IMPORTANT]
> **This functionality is not yet merged or released!**
> It will probably land as stable in v1.33.0
> **This functionality is only available in v1.33.0 and later releases.
Since version v1.33.0 you can modify the CSS which Vaultwarden previously embedded in the web-vault.<br>
This way it makes it more easier for users to tweak the style and layout or even hide items.
@@ -59,33 +58,35 @@ app-two-factor-setup ul.list-group.list-group-2fa li.list-group-item:nth-child(5
}
/* Use a custom login logo */
app-login img.logo {
app-root img.new-logo-themed {
content: url(../images/my-custom-login.logo.png) !important;
}
/* Use a custom top left logo global */
bit-icon > svg {
auth-anon-layout > main > a > bit-icon > svg {
display: none !important;
}
bit-icon::before {
auth-anon-layout > main > a > bit-icon bit-icon::before {
display: block;
content: "" !important;
width: 175px !important;
height: 30px !important;
height: 36px !important;
background-image: url(../images/my-custom-global-logo.png) !important;
background-repeat: no-repeat !important;
background-size: contain;
}
/* Use a custom top left logo different per vault/admin */
bit-icon > svg {
app-user-layout bit-icon > svg,
app-organization-layout bit-icon > svg {
display: none !important;
}
bit-icon::before {
app-user-layout bit-icon,
app-organization-layout bit-icon {
display: block;
content: "" !important;
width: 175px !important;
height: 30px !important;
width: 200px !important;
height: 50px !important;
background-repeat: no-repeat !important;
background-size: contain;
}
@@ -95,4 +96,4 @@ app-user-layout bit-icon::before {
app-organization-layout bit-icon::before {
background-image: url(../images/my-custom-admin-console-logo.png) !important;
}
```
```