New Style for Scratchblocks Addon

[FlamedDogo99]

Why this would be helpful

While the 3.0 scratchblocks style looks nice on the forums, it takes up a significant amount space when compared to the 2.0 style. Additionally, on slower computers it can take longer to load, rendering the code unviewable until everything catches up.

My suggestion

My suggestion is compromising between the two styles, and allow the user to select a mode where a stylesheet (included below) is applied to make the 2.0 scratchblocks look closer to their 3.0 counterparts, without losing the readability of the smaller style.

Possible alternatives

You could also give the user more control of the scratchblocks rendering, similar to the custom block shape addon for the editor, but this would take some work. Honestly I just like the shape of the 2.0, and the color of 3.0

Additional context

The stylesheet (collapsed for size):

.sb-bevel { 
	filter: none; 
	stroke: #00000033;
	stroke-width: 1.5px;
	stroke-linejoin: round;
	stroke-linecap: round;
}
.sb-input {
	filter: none;
	stroke: #00000033;
	stroke-width: 1.5px;
	stroke-linejoin: round;
	stroke-linecap: round;
}
.sb-label {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: 500;
}
.sb-literal-string, .sb-literal-number {
	fill: #575e75;
	font-size: 7pt;
}
.sb-input-boolean > .sb-darker {
	filter: none;
	stroke: none;
	fill: #00000027 !important;
}
	.sb-input-dropdown > .sb-darker {
	fill: none;
}
.sb-literal-dropdown + polygon, .sb-literal-number-dropdown + polygon {
	fill: white;
	opacity: 1;
}
.sb-literal-number-dropdown, .sb-literal-dropdown {
	fill: white;
	font-size: 7pt;
}
.sb-input-number-dropdown {
	fill: #00000022;
}
.sb-comment { 
	fill: #ffffa5;
	stroke: #d0d1d2;
	stroke-width: 1px;
}
.sb-comment-line {
	fill: #ffff80;
	stroke-width: 1px;
}
.sb-comment-label {
	font: 400 9.5pt Helevetica Neue, Helvetica, sans-serif;
	fill: #000;
	word-spacing: 0;
}
.sb-motion {
	fill: #4c97ff;
	stroke: #3373cc;
}
.sb-looks {
	fill: #9966FF;
	stroke: #774dcb;
}
.sb-sound {
	fill: #CF63CF;
	stroke: #bd42bd;
}
.sb-events {
	fill: #FFBF00;
	stroke: #cc9900;
}
.sb-control {
	fill: #FFAB19;
	stroke: #cf8b17;
}
.sb-sensing {
	fill: #5CB1D6;
	stroke: #2e8eb8;
}
.sb-operators {
	fill: #59C059;
	stroke: #389438;
}
.sb-variables {
	fill: #FF8C1A;
	stroke: #db6e00;
}
.sb-list {
	fill: #FF661A;
	stroke: #e64d00;
}
.sb-custom, .sb-define-hat-cap, .sb-custom-arg {
	fill: #FF6680;
	stroke: #ff3355;
}
.sb-label + g .sb-outline {
	fill: #FF4D6A;
	stroke: #ff3355;
	}
.sb-pen, .sb-extension {
	fill: #0FBD8C;
	stroke: #0b8e69;
}
.sb-obsolete {
	fill: #ED4242;
	stroke: #ca2b2b;
}
.sb-grey {
	fill: #BFBFBF;
	stroke: #909090;
}
#greenFlag {
	fill: #4CBF56;
	stroke: #45993D;
	stroke-width: 1px;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.postsignature {
	overflow: auto; 
}
.scratchblocks {
	overflow-x: auto;
	overflow-y: hidden;
}

[DNin01]

So basically bring the Scratch 3.0 block colors to the discussion forums without also changing them to the Scratch 3.0 block shapes?

By the way, you can already change the colors of the blocks by turning on the "Change the colors of blocks in the forums" setting in the "Customizable block colors" addon, and that addon already defaults to the Scratch 3.0 block colors, so we might have already resolved this suggestion. It is, however, a little more complicated than just turning on a switch.

[FlamedDogo99]

So basically bring the Scratch 3.0 block colors to the discussion forums without also changing them to the Scratch 3.0 block shapes?

That's most of it. It does also change the shading, font, and curve(ish) of the blocks to make it closer to 3.0, but it's not the biggest change. Just a quality of life option that would be nice to have separate from the custom block color presets if nothing else.

Images for comparison