Custom character sheet formatting difficulty

Hi!

I'm trying to modify the Pathfinder 2e character sheets to add a new tab. I found the source code/html and css to upload to the custom character sheet creator and then edit it from there, but when looking at the files included in this github https://github.com/Roll20/roll20-character-sheets/tree/master/Pathfinder%20Second%20Edition%20by%20Roll20 I see other files not strictly css and html (such as scss html files and pug files) which I presume are important for the formatting, as when I copy the html and css code onto the custom character sheet creator it looks like it's lacking formatting/doesn't look the way it does in Roll 20. I'm not super experienced with coding, and tried to research these other extensions/how to include them into the code but couldn't find anything on the matter. I was hoping to get some advice on how to do this/include those files/code so it'll look good. Thank you very much.

Pug and scss are templating languages. They allow writing html and css respectively in more efficient, but complicated ways. The html and css in that directory are built from these pug and scss files.

The issue that you are running into is probably that the legacy sanitization setting is not set correctly. Additionally, the current pf2e sheet code is not publicly available. The code in the repo is several years out of date.

The only sheets you need are the html, css, and if it exists, translation file.

Any other files are only used when creating the sheet, and are shared for the convenience of authors. You don't need them when creating your game.

If the sheet looks different when you just include those files, I'm inclined to go with Scott's suggestion: there's a legacy checkbox on the sheet creation page. Try ticking that.