Custom project page colors/styles in ordinary scratch (plus more things)

blessingj100

fortyonegames wrote:
blessingj100 wrote:
So, it seems like Scratch is doing a bit of a site layout tweaking/migration in the summer.

There seems to be two directions this could go for custom project styling:
1. Styling is still intact with some more patches/workarounds, meaning that CSS would have to be rewritten on all projects using it to work.
2. Custom project styling gets patched out completely.

Maybe they will take inspiration and add this as a actual feature

Well, if they did, considering that officially changing the editor font and tweaking the layout a bit caused some pretty big editor issues that caused project data to be lost, so adding custom CSS integration in the editor could cause some problems.

They could have color schemes as a personalized setting for each person to pick for themselves…
…or, maybe they could have something like what Reddit apparently used to have for subreddits where they let people have custom CSS, but people could toggle on or off the ability to see it.

Last edited by blessingj100 (April 23, 2026 22:47:27)

STebBerry

fortyonegames wrote:
Not related but look in here and you'll also see some cool stuff that I made too: https://scratch.mit.edu/projects/1072435720/editor/

check out the more… sprite.

are you hbatest?

fortyonegames

by the way in (https://scratch.mit.edu/projects/1072435720/editor/), blocks from the thumbnail might not look accurate to the blocks in the editor. this is due to scratch updating the way how blocks render in the editor.

so list dropdowns become this black blob for some reason

STebBerry

so, fortyonegames, sorry if this is off topic but since you're hbatest could you tell me how i could recreate this? https://scratch.mit.edu/projects/1072785231/

fortyonegames

STebBerry wrote:
so, fortyonegames, sorry if this is off topic but since you're hbatest could you tell me how i could recreate this? https://scratch.mit.edu/projects/1072785231/

use my friends tut: https://scratch.mit.edu/projects/854504784/

STebBerry

fortyonegames wrote:
STebBerry wrote:
so, fortyonegames, sorry if this is off topic but since you're hbatest could you tell me how i could recreate this? https://scratch.mit.edu/projects/1072785231/

use my friends tut: https://scratch.mit.edu/projects/854504784/

i don't think it really helps, there's not a specified page on thgat

ChristianScratcher1

https://scratch.mit.edu/discuss/topic/879781/?page=1#post-9125612
https://scratch.mit.edu/discuss/topic/879583/
^^ 2 topics suggesting to make this an actual feature if ya'll are interested

Yoshiii999

ChristianScratcher1 wrote:
https://scratch.mit.edu/discuss/topic/879781/?page=1#post-9125612
https://scratch.mit.edu/discuss/topic/879583/
^^ 2 topics suggesting to make this an actual feature if ya'll are interested

I personally don't think it's a good idea for official Scratch to support this as an actual feature due to accessibility and readability concerns. I guess maybe Scratch browser extensions could implement something where the project has a comment in it that describes some custom CSS that has **limited** scope (not full CSS access).

blessingj100

Yoshiii999 wrote:
ChristianScratcher1 wrote:
https://scratch.mit.edu/discuss/topic/879781/?page=1#post-9125612
https://scratch.mit.edu/discuss/topic/879583/
^^ 2 topics suggesting to make this an actual feature if ya'll are interested

I personally don't think it's a good idea for official Scratch to support this as an actual feature due to accessibility and readability concerns. I guess maybe Scratch browser extensions could implement something where the project has a comment in it that describes some custom CSS that has **limited** scope (not full CSS access).

Yeah, that would be the main problem of adding it.

An option for it would be to have it restricted pretty well, to the point that we might be better off having customizable settings that style the page instead of direct CSS coding to make it more accessible.

To solve the problem of colorblind accessibility, it could be an optional feature, but when you think about it, at that point it sort of loses any reason for the ST to take their limited time and resources and use it to work on aesthetic changes that could have some major bugs if it was implemented on a large scale.

fortyonegames

Someone made a project that automatically makes a style for you depending on the color you choose:
https://scratch.mit.edu/projects/1310760205/

whitnlan000

I might make an editor for scratch logo replacements.

Last edited by whitnlan000 (April 24, 2026 20:07:47)

H33T4

How do you make the scratch logo change?

nolanrayy

Custom Style Project: https://scratch.mit.edu/projects/1299660298/
Tutorial on how to do this: https://scratch.mit.edu/projects/1304446771/
Studio with custom styles: https://scratch.mit.edu/studios/51509886/

my_c00l_games

plum_the_fox wrote:
nembence wrote:
plum_the_fox wrote:
nembence wrote:
blessingj100 wrote:
I'm wondering…
Has anyone been able to upload custom fonts yet? As in, using an encoded or uploaded font that isn't a web safe font and apply it to the CSS styling so that it displays correctly.
The problem with custom fonts is that (currently) they can only be imported with @font-face blocks, but you can't apply transitions to that
so i can use the sega logo font?
Only inside images
So you can't turn comments into that font, for example. But you can turn the project title and the description, by replacing them with images
cool!, if only i knew how to do that
for example this

maybe this will help https://fonts.google.com/knowledge/using_type/self_hosting_web_fonts

blessingj100

my_c00l_games wrote:
plum_the_fox wrote:
nembence wrote:
plum_the_fox wrote:
nembence wrote:
blessingj100 wrote:
I'm wondering…
Has anyone been able to upload custom fonts yet? As in, using an encoded or uploaded font that isn't a web safe font and apply it to the CSS styling so that it displays correctly.
The problem with custom fonts is that (currently) they can only be imported with @font-face blocks, but you can't apply transitions to that
so i can use the sega logo font?
Only inside images
So you can't turn comments into that font, for example. But you can turn the project title and the description, by replacing them with images
cool!, if only i knew how to do that
for example this
maybe this will help https://fonts.google.com/knowledge/using_type/self_hosting_web_fonts

It tells you to use the @font-face element, which, as stated earlier, is not able to be used.

That guide is meant to be used for if you are using existing font files in your website, not trying to upload external ones.

Last edited by blessingj100 (April 25, 2026 23:11:01)

plum_the_fox

blessingj100 wrote:
my_c00l_games wrote:
plum_the_fox wrote:
nembence wrote:
plum_the_fox wrote:
nembence wrote:
blessingj100 wrote:
I'm wondering…
Has anyone been able to upload custom fonts yet? As in, using an encoded or uploaded font that isn't a web safe font and apply it to the CSS styling so that it displays correctly.
The problem with custom fonts is that (currently) they can only be imported with @font-face blocks, but you can't apply transitions to that
so i can use the sega logo font?
Only inside images
So you can't turn comments into that font, for example. But you can turn the project title and the description, by replacing them with images
cool!, if only i knew how to do that
for example this
maybe this will help https://fonts.google.com/knowledge/using_type/self_hosting_web_fonts
It tells you to use the @font-face element, which, as stated earlier, is not able to be used.

That guide is meant to be used for if you are using existing font files in your website, not trying to upload external ones.

so could i use the SEGA font?

blessingj100

plum_the_fox wrote:
so could i use the SEGA font?

No, unless you made an image where you copy-pasted SEGA font letters into the image and replaced the title with it.

plum_the_fox

blessingj100 wrote:
plum_the_fox wrote:
so could i use the SEGA font?
No, unless you made an image where you copy-pasted SEGA font letters into the image and replaced the title with it.

oh so it's not a custom font i can load? but i thought you could load custom fonts, the font i mean is this

blessingj100

plum_the_fox wrote:
blessingj100 wrote:
plum_the_fox wrote:
so could i use the SEGA font?
No, unless you made an image where you copy-pasted SEGA font letters into the image and replaced the title with it.
oh so it's not a custom font i can load? but i thought you could load custom fonts, the font i mean is this

Well, you would be able to do that when coding a website regularly…
But the elements that does the importing/changing from Scratch's CSS in a project doesn't work with the transition element, which is necessary for the CSS to change itself from the original CSS.

Last edited by blessingj100 (April 25, 2026 23:24:13)

plum_the_fox

blessingj100 wrote:
plum_the_fox wrote:
blessingj100 wrote:
plum_the_fox wrote:
so could i use the SEGA font?
No, unless you made an image where you copy-pasted SEGA font letters into the image and replaced the title with it.
oh so it's not a custom font i can load? but i thought you could load custom fonts, the font i mean is this
Well, you would be able to do that when coding a website regularly…
But the elements that does the importing/changing from Scratch's CSS in a project doesn't work with the transition element, which is necessary for the CSS to change itself from the original CSS.

oh, i was confused cause someone (if you scroll all the way up) said i was able to do it

Discuss Scratch