# How to change color of the out of bounds background when not in fullscreen?

**URL:** <https://discourse.processing.org/t/how-to-change-color-of-the-out-of-bounds-background-when-not-in-fullscreen/30284>\
**Category:** Processing for Android\
**Created:** [May 25, 2021, 4:50pm UTC](https://discourse.processing.org/t/how-to-change-color-of-the-out-of-bounds-background-when-not-in-fullscreen/30284 "2021-05-25T16:50:04Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kitulous](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kitulous/32/12302_2.png) [@Kitulous](https://discourse.processing.org/u/Kitulous)\
**Post date:** [May 25, 2021, 4:50pm UTC](https://discourse.processing.org/t/how-to-change-color-of-the-out-of-bounds-background-when-not-in-fullscreen/30284/1 "2021-05-25T16:50:05Z")

</div>

So I’m using size(720, 720) instead of fullScreen(). This leaves the ugly gray background. I want to change it to black, kinda like this:

 ![Screenshot_20210525-213052](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/e/e95cf0cd56b59d1a0156a9f15b79578d10360c37.jpeg) → ![Screenshot_20210525-213052-2](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/7/72aa205e8c038a07ca01d5929b3b66e825512fdd.jpeg)

First screenshot’s black zone is the actual canvas.  
This “full screen” background does not need to be changed, it’s always black.

I can replicate this with using fullScreen() and translating and clip()ping (or rendering to PGraphics and then image(pseudoCanvas, whatever coordinates are center, 720, 720), but it’s less elegant. But if there’s no way to change the color I will have to resort to that option.

---

<div class="post-metadata">

**Author:** ![svan](https://avatars.discourse-cdn.com/v4/letter/s/82dd89/32.png) [@svan](https://discourse.processing.org/u/svan)\
**Post date:** [May 26, 2021, 1:05am UTC](https://discourse.processing.org/t/how-to-change-color-of-the-out-of-bounds-background-when-not-in-fullscreen/30284/3 "2021-05-26T01:05:03Z")

</div>

Personally, I would use the fullScreen() approach and center a rectangle into which I would draw the buttons as needed for the various screens.

```auto
void setup() {
  fullScreen();
  orientation(PORTRAIT);
  background(0); 
}

void draw() {
 fill(255);
 rect(150, 400, width - 300, height - 800);
}

```