Changing the work space background color.

1,303 views
Skip to first unread message

Juan Salce

unread,
Nov 18, 2014, 4:32:46 PM11/18/14
to blo...@googlegroups.com
Is it possible to change the work space (area you drag blocks onto) to a different color? Possible a charcoal color? Trying to set a theme that would follow my site. Please let me know thank you!

Neil Fraser

unread,
Nov 18, 2014, 4:52:17 PM11/18/14
to blo...@googlegroups.com
Just add this to your page's CSS:

.blocklySvg {
  background-color: #666 !important;
}

Note the incorrect spelling of 'color'.
FYI, the source of the white background is in core/css.js:

  '.blocklySvg {',
  '  background-color: #fff;',



On 18 November 2014 13:32, Juan Salce <salc...@gmail.com> wrote:
Is it possible to change the work space (area you drag blocks onto) to a different color? Possible a charcoal color? Trying to set a theme that would follow my site. Please let me know thank you!

--
You received this message because you are subscribed to the Google Groups "Blockly" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--

Juan Salce

unread,
Nov 18, 2014, 5:01:24 PM11/18/14
to blo...@googlegroups.com, ro...@neil.fraser.name
Thank you very much. :)
Reply all
Reply to author
Forward
0 new messages