Based on code by u/bass-blowfish, this simple CSS aims to make the login screen for worlds in Foundry VTT a little bit prettier by tidying up the interface and including custom logos. It is compatible with FoundryVTT version 0.8.X, v9, v10, and v11.
Add the CSS to the style.css file in the /resources/app/public/css folder of your Foundry installation. The code includes instructions on how to insert your images and adjust certain variables like button colour.
Add the CSS to the foundry2.css file in the /resources/app/public/css folder of your Foundry installation. The code includes instructions on how to insert your images and adjust certain variables like button colour.
Installing the CSS as a module ensures that your modifications/additions to the CSS will not be lost with a Foundry update. See below for limitations.
- Install the module in Foundry through this manifest URL:
https://raw.githubusercontent.com/dandln/Foundry-VTT-Prettier-Login-Screen/main/module.json - Still in Foundry's Setup screen, go to "Configuration" and set "Default Language" to
Latin - Prettier Login Screen
- Save the configuration and restart Foundry
- The CSS sits in your user data folder at
/Data/modules/prettier-login/foundry_login.css. The code includes instructions on how to insert your images and adjust certain variables like button colour.
The module provided here is technically a Core Translation Module, as those allow to inject CSS that is loaded before logging into a world. It includes an empty translation catalogue for Latin, and as Foundry falls back to English for all strings not translated by the active translation module, it is able to still apply the CSS modifications while not actually changing any text.
However, this also means that you will not be able to use it if you are using Foundry in any language other than English. If you do, your only way to apply the CSS to the login screen will be to install it manually.
