My personal collection of Userstyles for the LegendKeeper website. Userstyles are custom CSS stylesheets that can override the default styling of websites. Due to their differing codebases, most of the styles listed here won't apply to public views of worlds.
Install the browser extension Stylus (Firefox, Chrome), then click the "Install directly with Stylus" buttons.
Adds a cover image to the project browser. You have to manually specify the world you want this to apply on. Open the style and scroll to the bottom. Only works on worlds with shortcuts at the top. You can change the image that's displayed by changing the url in the top two code blocks of the style. The top one applies while using the dark theme, and the bottom one while using the light theme.
| Before | After |
|---|---|
Moves the search icon into the same section as the other bottom blocks.
| Before | After |
|---|---|
Decreases the spacing between headers and paragraphs.
| Before | After |
|---|---|
This style alters the Youtube and Spotify embeds, giving them some extra padding to stay consistant with other sidebar blocks. It also changes the Youtube so that the controls work better at small sizes.
Fair warning, this will likely mess up YouTube embeds on other sites. I recomend installing LegendKeeper as a Progressive Web App in order to get around this. Alternatively, you can simply keep the style turned off whenever you're not using LegendKeeper. It can be toggled from the extension.
- Firefox - Easy, uses a seperate extension list from the main browser.
- Chrome - More difficult, requires another browser or profile for seperate extensions.
| Before | After |
|---|---|
Backport of the header sizing changes from public worlds.
| Before | After |
|---|---|
Adds rounded corners to quote blocks, and increases the amount of rounding that images have.
| Before | After |
|---|---|