apologies if this isn't the correct subforum to post this.
TL;DR: WEBSITE STYLE SUCKS, DOWNLOAD LINK FOR MY "IMPROVED" CUSTOM STYLE SHEET IS AT THE BOTTOM OF THE POST
the current forum style is awful. I'm not putting this against anyone, making a good theme for a fan website while staying consistent to the source material's look and feel is abhorrently difficult. this is why my theme doesn't give a fuck and tries its best to be comfortable to read.
most of this comes down to the font choice. while it is the font used in most of homestuck (and the homestuck website!), courier new is an awful font. to me, reading several paragraphs of text in it is very difficult due to the thin lines and hard to differentiate characters. 1, l, and I (lowercase L, one, and uppercase i) look almost the same!
the large width certainly doesn't help matters either. it makes my eyes have to move too much back-and-forth. my theme fixes this by setting the max width of the site to be about 1000px on a 1920x1080 screen (haven't tested on other sizes yet) which is a much more comfortable size. if you want to change this, ctrl+f for "div.mx-auto" and twiddle with the "max-width" property.
links are also confusingly almost always black! what the fuck!!!
my theme changes most links to be blue, as they should be.
here's a not-so-exhaustive list of features:
- change the most important instances of the courier new font to be the system's default monospace font. (if this font sucks even harder, ctrl+f for "font-family: monospace" and replace with a more palatable font.)
- pages are less wide, improving readability.
- links are now easier to spot, as they are now colored blue.
- smaller navbar with smaller fruits, because personal preference.
- probably has a chance of breaking everything if the site gets updated. this thing is held together by duct tape. i <3 css </sarcasm>
- oh this also fixes a bug where the "log out" button in the navbar's profile dropdown menu doesn't change the cursor to be a pointy finger.
i hope that as the website matures, this set of band-aid fixes will become less and less relevant.
also, there's a lot more things left for me to fix (i made this in like 30 minutes), but i have to go to bed now. i'll add more stuff later. check back every now and then.
DOWNLOAD: https://file.garden/ZtBbq_PK_QLwMwoG/sandbox/fraffix.css
INSTALL TUTORIAL: install the stylus browser addon and create a new style, press "import", paste in the contents of the fraffix.css file linked above.
if you run into any issues, let me know.
exposure to dimethylmercury is the most common cause of death in my hometown
flames will be used to roast marshmallows
oh yeah, i should probably post screenshots. (sorry for the double-post, but there's no edit button, fraf plz fix.)
exposure to dimethylmercury is the most common cause of death in my hometown
flames will be used to roast marshmallows
Sharkalien has some custom CSS usable in stylus that I prefer using.
https://www.fruityrumpus.com/forums/t/made-a-custom-site-style-using-stylus-for-more-readable-text
I just realised that my post probably comes off as really rude and dismissive lol. I just wanted to post someone else's attempt at it, since people can easily combine the code, since they both do different things a little better.
When I said "I prefer using this custom style", i meant as opposed to the site's default, not your fix lol
This is cool! While i personally don't like how much empty space it creates, seeing more people make custom themes to fit their tastes is awesome!
I'm a person... Probably.
YOU THERE, YES YOU, LISTEN TO ME, PLEASE DON'T USE DISCORD LINKS FOR EMBEDS, THE LINK STOPS WORKING VERY FAST, USE A FILE HOSTING SERVICE LIKE file.garden!!!!!!!
Yup, this is good. This font is so, so much more readable.
https://youtube.com/@DeepDiveDevin
@sabhait:
>Sharkalien has some custom CSS usable in stylus that I prefer using.
I didn't know about sharkalien's style, thanks for letting me know! just looked at it and I'm a big fan! I tried to move the user info to the left as well, but couldn't figure out how to do it. I might take a look at how he did it...
>I just realised that my post probably comes off as really rude and dismissive
no offense taken. if we all work together, we can make using this forum a little more enjoyable. :-)
exposure to dimethylmercury is the most common cause of death in my hometown
flames will be used to roast marshmallows