Custom CSS Theme Packs

[Mesure73L]

What problem were you having?

No response

What solution would you like?

I guess we're making this, but resource packs in CSS or something that can change how the website works

What alternatives have you considered?

oh we know we are doing this

What are some pros and cons of doing this?

We already know we are doing this.

What page is this for?

Twelve of Code

[Mesure73L]

I kinda want to make this

[BeepBot99]

I do have some ideas though, I can tell you in the Discord server later.

[BeepBot99]

I think something like BetterDiscord, like with CSS custom properties.

[BeepBot99]

Or alternatively, it could be JSON or XML.

[Mesure73L]

I was thinking just make it a CSS link import where you give it the link to the CSS, and it loads the CSS links with a customizable priority.

[BeepBot99]

No, it should be that you change everything to CSS variables and then they just make a file with custom properties.

[Mesure73L]

Yes, that is what I mean. But, if they change a specific element, like this:

body {
    background-color: #000000;
}

then that will not be blocked or anything.

[BeepBot99]

Yes, but that does not matter. They can do it the hard way if they want, or they can do it the easy way:

:root {
  --main-color: white;
  --cool-color: white;
  --settings-border-radius: 0;
}

However, they could do something like this if they want to be reckless:

*:hover {
display:none;
}

Or something else like that. Then, the user would not be able to remove the theme pack without resetting their cookies. So, I think there should be a settings button that is always there no matter what that is like only if you hover over it in the corner so it doesn't take over your screen. But it will bring original settings no matter what.

[Mesure73L]

We will have priorities like this:

1. Not changeable things (like make sure all the settings are visible)
2. Any challenge packs (order decided by user)
3. Default CSS

[BeepBot99]

Okay.