I tried it out and I love it, it´s very elegant and also soothing for the eyes. The line around the wish list items is a little bit hard to see even when the color of the little frame around is beautiful. Only other thing I encountered so far is when switching pages, sometimes a blank white page shows up before the dark one opens. Is there a coding for the floating items imbedded? I mean like the one under the spoiler below. Thank you so much for sharing with us! <3

Thanks for doing this!

Check out Bootstrap 4 docs to get an idea of the CSS classes you need to look out for, and the new HTML structure we are moving towards.

Anything with the class "ui" is from our old library (semantic ui) and is gradually being phased out.

A+ so far and great work keeping the code organized and with the comments too, I think other users and your future self will find that helpful :)

oh my gosh thank you, have needed a new theme so longggggggg. Maybe you should ping Keith and see if you can get hired (dreams of many new themes aaaa) xD

Wow, thank you. You could've kept this to yourself but you decided to share and I really appreciate it. You did a wonderful job! Would you put up a junk lot so I can send a tip? :)

Yeah, I've already talked with about it for a bit, the wl item border is definitely still too faint. It's on my to-do list~ If the entire page flashes white before any of the subeta interface loads, it's a browser thing, nothing I can do about it. Consider googling around for dark/night theme options for your internet browser of choice, there is usually plenty :D Also- I did not add any of the 'utility' custom css snippets to the code, nope, since I assume people already have their preferred setup if they use any at all. Just add anything of this kind you want at the very bottom under the theme's css and it should work just fine.

Hahahahahahah, you don't have to sugar-coat it, I am well aware the backend is...kind of a mess. This did start as 'throwing stuff at the wall and seeing what sticks' and it shows so bad, but I think on Day 4 I'm slowly beginning to get a grip on what's what and... will attempt to tidy up accordingly XD Thanks for the link and encouragement, it will definitely come in handy c:

And oh yes, my bad, the .alert classes are not part of the .ui library, I must have gotten that mixed up somewhere between any of the dozen or so classes of buttons, my bad 😒 😒 😆

oh gosh no, that is a terrible idea, my major was only tangentially related to programming and I haven't coded an actual website in my life Also... not an US citizen 😜

I- did not even start playing with it for myself okay, although now the thought of returning to the whitespace hell is... unappetizing TBH 😒 wow, thank you?

If you have coding questions you can ping and ask me. Can't guarantee I'll have time to answer but I'll help if I can, since your custom CSS will be helping a lot of people :)

Also, if you find any malformed HTML on our pages (like unclosed tags, etc) please write it down and eventually post a list in Problems + Bugs for me so I can fix it up ^^

Ah thank you, I didn´t know we would have this options in browsers also! And could I add the code I put under the spoiler or did I have to write it like you did?

..........well, if you hapen to know why buttons such as 'preview' when making a forum post and 'reply' when answering to a profile comment positively refuse to take box-shadow on focus, that would be a start way to have a high priority pet peeve oh my god There seems to be a js event attached to both of these, which might somehow be it and also way above my pay grade :P

Also, deal, providing I notice anything... ^^

it's fine the way you posted it, And probably better coding habit. I write mine in a line, because once you have more code it's a lot of scrolling in that tiny box xD

Thank you! ^-^

Thank you for your work and for the ping! I only now got to try this out because I have quite a lot of other tiny things in my customCSS besides basic layout adjustments and I didn't want to edit that it all an ipad in case I deleted something by accident - so I had to wait until I got to my work computer (shhhhhh, don't tell my boss). I have to say, this is looking really nice! Can't wait to see it in action on my ipad ^^

Thanks again! I'll let you know if I come up with any issues/ideas for improvement.

...ok, I just realised I need to see the button colors on the training page (and I'm fine with having them on every other page too because of that). What do I remove from the CSS in order to revert those?

If you ctrl+f for it, there is an entire section titled with "/* buttons /", just remove anything between that and "/ ui messages */" and all the buttons will revert to default :) Just fyi I'm gonna push another update to the code later today (much cleaner! so code! ...among other things) annd once again that will be what you'll want to get rid of. Anything I can do to help you with your individual snippets?

Okay, this is an actual important question, if you happen to have a moment. Are there any images involved in styling the username/item mouseover tooltips and if yes what are they and what element/class? ^^'

I'm unclear what you're asking. Are you talking about the images inside of the hovers (like for usernames it shows the user avatar?) Can you be more specific/descriptive?

...I'm asking what are these :D

Oh yeah it's kinda hard to grab the HTML for it huh. Here's a paste for you to dissect at your leisure, I recommend running it through some auto-formatter though lol. https://pastebin.com/zYwUtCtU

Well, that's the weird thing - I deleted the whole button section, but the buttons on training page are still gray.

And my snippets are good, thanks for asking :D

Unfortunately :') Haha, many thanks, much obliged ❤

See... the thing is... they were always gray as far as I can tell?

would it help if they looked like this, because that's kinda what I'm doing for v0.3?

[edit] oh, right, these are also pretty generic html buttons so it's possible your browser was making them look another way? what did it look to you like before?

Ahhaha, that makes sense. For some reason the "Petname is done" button is really hard for me to notice now. I'll have to check how it looks in 25 minutes when my next pet's session ends. But the 3.0 version looks really nice with the different color between regular and autotrain ^^

I also noticed the "remove one" link on the new account search page is kind of hard to see, because it's still black (against dark gray bg).

[edit] And yes, it could be that the buttons are browser/OS dependent. I'll keep you posted ^^

Yup, on Chrome in Windows, it's a light grey button. So nothing to do with your lovely CSS!

I guess just let me know how it works out for you with the update, and if you still find them not up to speed I will try to reformat the problem ones for you? ^^

Also, nice catch! Many thanks. Yeah, I'm trying, but there are always weird outliers and I can only visit so many more obscure pages in a day ^^

For anyone who wants to be able to toggle this on/off without deleting coding/adding coding, use Stylish. I was just messing with it and you don't have to change anything to make it work, just make sure you restrict it to apply to (urls starting with) https://subeta.net/ or you'll have it apply to everywhere.

annnd update time? :) if that helps that probably will be the last one in a while, barring any issues we find, or someone on staff tinkering with the site layout :)

In today's episode:

• the wishlisted items are now, hopefully, (even) more visible
• achievements page no longer looks like some sort of terrible accident took place there...
• item/user hovers and post previews will no longer burn anyone's eyes out
• my obsession with uniform buttons and navigation reaches new levels
• MUCH cleaner code holy shit