dandln / foundry-vtt-prettier-login-screen Goto Github PK
View Code? Open in Web Editor NEWSimple CSS to make Foundry VTT's world login page a little bit prettier.
License: MIT License
Simple CSS to make Foundry VTT's world login page a little bit prettier.
License: MIT License
So this is more of a CSS question, but since it seems to be a problem in the way the login page CSS is structured in foundry, I think it fits here.
In the css file both the logo image and footer image can be exclusively scaled using their height parameter. However I think it would be easier if the image could automatically scale to 100% of the allocated width (of the login box). I tried to do this by setting the height parameter to auto and the width to 100% (and later a set pixel value) but it never even appeared.
Can this potentially be fixed or is it impossible in just the css due to the way the page is structured?
Hi!
First of all thanks for doing this, I love this compared to the default login screen! I recently upgraded my server to 0.8.9, the update always overwrites the old config, so I added your section and configured it like before with a top and footer logo and some custom colors on the buttons. But some of these does not work anymore.
These are just some of the main things I noticed after the upgrade.
Kind regards
Since any logo image would make a whole Foundry instance only fit for one system or franchise game, maybe a way to reuse any data from the original log in screen to display different logos, i.e. D&D, PF2 etc.
This is the obligatory new FoundryVTT Version dropped, please update issue.
The module seems to essentially still work, but the structure of the main page has changed a bit, so the css names do not match up anymore, should be a quick fix, most users can probably even implement themselves in the css file, but some default changes would be nice.
Finally, foundry now has themes for the setup. I havent verified if they interact with the module much yet, but they do change something on the login screen, so I imagine there is some crossover. No idea if themes will be editable or changeable with modules later on, but for now that doesnt seem to be the case. But maybe the css wizards of this module can still work with this a bit.
Hello, I just want to let you know how to use this styling without editting core css file.
You can just include this css file into your core localization module.
Here's how to make localization module.
It is pretty simple. just add one line to your module.json - "coreTranslation":true
In that way, you can apply css to your core application.
Anyways, thank you for your hard work!
Could you add a license to the repository?
Hello! Thanks for the code. But I'm trying to put the image, with address in the public/ui folder in the code and it doesn't work. Need an image hosted elsewhere online? A better solution for me would be to change the world name font, if you know how to do that from the code, I'm grateful, to use modest-condensed.
Thank you again
Hi dumb question but how do I change the background image?
This only seems to allow me to change image for footer and logo but the sample image u have the whole background different image. Thanks
Now that V12 is released and being updated more and more, it seems that its kinda broken the V11 code a bit.
Namely, the additional boxes in the login page aren't hidden. Any word on a possible update?
Hi,
i am using v10.291 and latest version of package and there are broken icon in firefox for join game session
button
And in chrome there are no icon at all.
it seems content: "\1F846";
symbol is missing from Signika font
I think i can fix it in styles manually, but these changes will be lost with package update?
This doesn't work in the latest stable version (Foundry VTT Version 12 Build 328). We are supposed to add the v12 code at the end of the foundry2.css, right?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.