Edit blocks color for black and white print

Open Source Development
,
#1

How we can edit blocks (fit: white and text: black) for monochrome printing.
For example, using AI2 offline (editing JS, CSS files...) ...
as discussed here
https://community.appinventor.mit.edu/t/how-to-edit-blocks-design-and-block-colors-in-ai2-at-localhost/19952

https://community.appinventor.mit.edu/t/how-to-change-block-color-of-own-appinventor/41221

#2

Do you mean like this - for example? :

image
image1472×698 63.6 KB

Simple enough to export your blocks to an image, open in an image editing program, and adjust colour

1 Like
#3

If all you want is monochrome printing, check your desktop computer's printer settings. I have seen grey printing options in my Epson and Samsung printer drivers.

3 Likes
#4

So do you have ai2 sources on your device where you have to make or something like above answerS?

#5

I mean this kind (as in another editor: makecode....)

image
image1028×667 87.7 KB

#6

can we edit directly in the offline solution installed in our Windows system?

#7

We want to have solution without grey background => editing the design of blocks

#8

I'm not sure that there is an easy way to do this in the App Inventor sources right now. We are planning an update to the latest version of Blockly, which supports themes, and my guess is that they are using a theme to accomplish the black and white drawing.

2 Likes
#9

I came to this solution

https://monochromeappinventor.blogspot.com/2022/02/1-ouvrez-linspecteur-delement-de-la.html

2 Likes
#10

thx dr ayman but please how to return to my coloured blocs because all my programs became black and white.i think i have to copy and paste the original code (coloured blocs)
help please
thx

#11

hi please i paste a code in blockly.css file to get a code black and white of my appinventor program to print it but the problem that all my programs become black and white and i don't know how to return to coloured program
help please
thx in advance
yours trully

#12

are you using an offline version?
have you modified the css file? download a new one from github and replace the modified one.

and this post may help:

1 Like
#13

Supress the code .. refresh
or
close and reopen

#14

offline version

#15

thx all is good just i close my browser and reopen it.
yes i tested the online server
thx dr ayman i ´m so happy to contact you

yours trully