The look of the guest screens is set on the Game Screens page in the left menu. The page's first tab, Main, gathers the parts that apply to all screens at once: the design style (shape language and font), colors, logo, background and the lock icon. The other tabs (Call to Action, Input, Game, Thanks, Scoreboard, Pause) only change that one screen. This article explains what every setting in the Main tab changes on the guest screen, and the parts the screen tabs have in common.
- In the Game Screens → Main tab, first choose a Design Style, then a color palette. The two are independent: the style sets the shapes and the font, the palette sets the colors.
- Upload your file to Default Logo and turn the switch on. The logo's place on each screen is set in that screen's own tab.
- Put an image or video into Default Background; choose how visible it is with Background Opacity.
- The Dashboard Icon is the lock icon used to leave the game; it sits in the same place on all guest screens.
- The Screen Preview at the top shows every change you make right away.
Main tab
Preview
A sample screen sits at the top of the tab: a title, a subtitle, a small board with three filled squares and a button. This sample is not a specific guest screen; it shows in one place how the style and colors you chose look. Tapping a part of the preview scrolls the page to the related setting. Full Screen enlarges the preview.
Reset to Defaults asks Reset this screen?; if you say Reset, the style, palette, the 12 color rows, the default background, the opacity and the lock icon's place return to their starting values. The logo is outside this reset; if you want to remove it, turn its switch off yourself.
Design Style
There are five cards; one is selected. The style sets the corner shape, borders, shadows and font of all guest screens. There is no separate font setting; the font comes with the style. It does not touch the colors.
| Setting | What it does | Default |
|---|---|---|
| Frost | Frosted glass look: soft, rounded, translucent surfaces. Uses the device's own font | Selected |
| Arcade Night | Cut corners and a misregistered print edge. A narrow, all-caps title font | — |
| Clay | Inflated, borderless surfaces whose volume comes from shadow. A rounded font | — |
| Brutal | Poster print: thick outline and a hard shadow. A very heavy title font | — |
| Pixel | Old console screen: stepped edges and scanlines. All text in a typewriter font | — |
UI Colors
The ready-made palettes sit at the top: Purple Dream, Ocean Breeze, Sunset Glow, Dark Mode, Minimal Light and Custom. When you tap a palette, the six basic colors are written from that palette and the six game-specific rows (from X mark to Cell box) return to automatic. The Custom card only marks the selection; it does not touch the colors. Changing a color by hand does not switch the selected card to Custom.
Each row opens a color picker; you can choose a solid color or a two-color gradient. The text color is not chosen separately: on a light background the text is dark, on a dark background it is white.
| Setting | What it does | Default |
|---|---|---|
| Background | The screen's base. If there is no background image, this is the only base the guest sees | From the palette |
| Primary Text | Titles, highlights, the move time ring and the timeout line at the top. If X mark and Cell box are on automatic, they derive from this color | From the palette |
| Secondary Text | Subtitles and the second color of the timeout line. If O mark is on automatic, it derives from this color | From the palette |
| Button BG | The base of all buttons | From the palette |
| Button Text | The text of the buttons | From the palette |
| Countdown | Only colors the counter line in the preview; no element on the guest screen uses this color | From the palette |
| X mark | The X marks on the board and Player 1's panel | Automatic (Primary Text) |
| O mark | The O marks on the board and Player 2's panel | Automatic (Secondary Text) |
| Winning line | The highlight of the winning marks when a round ends | Automatic (green) |
| Draw / warning | The warning color the timer ring turns to as the move time runs low | Automatic (red) |
| Board box | Draws a colored box behind the board | None (transparent) |
| Cell box | The fill and border of the squares | Automatic (a faded tone of Primary Text) |
Default Logo
Upload a JPG or PNG into the Logo field and turn the switch on. The logo appears on the five guest screens and on the pause screen. The switch is off by default; if a file is selected but the switch is off, no logo appears on screen. If the switch is on but there is no file, a sample logo appears in the picker and nothing appears on the guest screen.
The logo's place on each screen is set separately: the Logo position grid in the related screen tab. Its default place is the top center. Video is not accepted for the logo.
Default Background
Upload an image or video into the Background field. There are three states:
- File selected and switch on: this file sits behind every screen that has no background of its own. Video plays muted and in a loop.
- Switch off: no image is drawn; the screens are painted only with the Background color.
- Never touched: the app's own sample image is used (separate versions for portrait and landscape screens).
The Background section in the screen tabs overrides this choice for that screen (see below).
Background Opacity
A slider from 0 to 100; the default is 20. The value is how visible the background image is: at 100 the image is fully visible, at 20 the palette color dominates and the image shows faintly through. While the background switch is off, the slider is dimmed and cannot be used. Each screen tab's own slider overrides this value for that screen.
Dashboard Icon
The place and visibility of the lock icon. There is a grid of three rows by three columns and an on/off switch; the cells are shown with names such as Top Left, Top, Center, Bottom Right. The options next to it set the visibility: 100%, 50%, 25%, 0%. The default is Bottom Right and 100%.
Although the description says "start screen", the icon sits in the same place on all guest screens and during the pause. There are three states:
- Visible (100%, 50%, 25%): a single tap opens the PIN window.
- 0%: the icon is invisible but its spot works; tap that corner 5 times within 3 seconds.
- Switch off (Off): there is nothing on the screen; exiting is only possible with F11 or F12 on a keyboard.
When you turn the switch back on from Off, the icon lands in the Bottom cell; if you want Bottom Right, choose the cell yourself. The trophy shortcut uses the same grid; if both are in the same cell, the lock stays on top.
Parts the screen tabs have in common
The five screen tabs use the same skeleton; each only affects that screen.
- Screen Preview: the live preview of that screen. The Reset to Defaults here only resets this screen's background, opacity, texts and text visibilities. Position, alignment, logo position, trophy position and the board settings of the Game tab stay as they are.
- Content position: where the texts and buttons sit on the screen, a 3×3 grid, no off option. The default is the center. The Game tab does not have this section; the board is always in the middle.
- Logo position: where the logo sits on this screen, a 3×3 grid. The default is the top center. The logo itself comes from the Main tab.
- Text alignment: Left, Center, Right. This is the alignment of the lines inside the block; the block's place comes from the grid above. On Input and Scoreboard it only shifts the title block; the cards and the table stay in place. The Game tab does not have it.
- Texts: the texts of that screen. Details: the article How to Change the Texts of the Guest Screens?
- Background: an image or video specific to this screen. If you select a file, it is used on this screen instead of the one in Main. If you turn the switch off here, this screen is painted only with color even if there is an image in Main. Once you tap the picker, the screen no longer follows Main; Reset to Defaults restores the link.
- Background Opacity: a slider specific to this screen. While untouched, it shows the value from Main and follows it. Once you move it, this screen uses its own value and is not affected even if Main changes; to return to the same value, type the number by hand or press Reset to Defaults.
Uploading the logo without turning the switch on, or turning the switch on without selecting a file: in both cases no logo appears on the guest screen.
Changing the Design Style and expecting the colors to change too: the style is only shape and font; the colors come from UI Colors.
Choosing a palette after setting the X and O colors: choosing a palette returns the six game-specific rows to automatic. Choose the palette first, then set the X/O colors.
After touching a screen's Background Opacity, expecting the slider in Main to affect that screen: that screen now uses its own value.
Setting the Dashboard Icon to Off on a tablet or phone: without a keyboard you cannot leave the game.
