Retro-Pixel¶
View Source Author: WolfwithSword
A full retro pixel-art themed overlay collection.
Preview¶
Timer¶
A lightweight, customizable retro themed timer. Shows days, hours, minutes, and seconds separately.
| Variable | Description |
|---|---|
background |
Widget background colour |
text-color |
Text colour |
border-color |
Border colour |
pixel-border |
Border thickness |
font |
Font family |
time-font-size |
Font size for the time values |
label-font-size |
Font size for the day/hour/min/sec labels |
timebox-background |
Background colour of each individual time box |
| Variable | Type | Description |
|---|---|---|
showLeadingEmptyTime |
Boolean | If true, empty time boxes (e.g. days when under 1 day) show as 00. If false, boxes above the current minimum are hidden. |
minimumTimeUnitsShown |
Int | Minimum number of time boxes to show when showLeadingEmptyTime is true. E.g. 2 always shows at least minutes and seconds. |
alignment |
StringSelect | center, left, or right |
Events¶
View recent events like subs and donations in a sleek retro-pixelated bar.
| Variable | Description |
|---|---|
background |
Widget background colour |
border-color |
Border colour |
text-color |
Text colour |
pixel-border |
Border thickness |
font |
Font family |
| Variable | Type | Description |
|---|---|---|
minDisplaySeconds |
Float | Minimum seconds to display each event when multiple are queued |
applicableEvents |
EventTypeList |
Which event types to show |
Goals¶
An XP-like progress bar for the current goal in progress, in a retro theme. Optionally plays a sound on goal completion.
| Variable | Description |
|---|---|
background |
Widget background colour |
bar-background |
Progress bar track colour |
bar-color |
Progress bar fill colour |
border-color |
Border colour |
text-color |
Text colour |
pixel-border |
Border thickness |
font |
Font family |
| Variable | Type | Description |
|---|---|---|
playSoundOnCompletedGoal |
Boolean | Play a sound when a goal is completed |
soundVolume |
Float | Volume for the completion sound |
Stats¶
View subathon stats and status all in one retro-style widget. Supports an icon mode for a more compact display.
Icon mode enabled:
| Variable | Description |
|---|---|
background |
Widget background colour |
text-color |
Text colour |
border-color |
Outer border colour |
stat-border-color |
Border colour of each stat row (excludes locked/paused) |
statbox-background |
Background colour of each stat row item |
points-color |
Points value colour |
money-color |
Money value colour |
time-mult-color |
Time multiplier value colour |
train-color |
Hype train indicator colour |
locked-color |
Colour when the subathon is locked |
paused-color |
Colour when the subathon is paused |
pixel-border |
Border thickness |
min-width |
Minimum widget width |
font |
Font family |
| Variable | Type | Description |
|---|---|---|
iconMode |
Boolean | Show icons instead of text labels for a compact layout |
showPoints |
Boolean | Show the points stat |
showMoney |
Boolean | Show the total money donated stat |
showTimeMultiplier |
Boolean | Show the active time multiplier |
showHypeTrains |
Boolean | Show hype train status |
pointsName |
String | Label for the points value, e.g. Points, XP, Subs |
alignment |
StringSelect | Center, Left, or Right |
Event Value¶
Displays the configured seconds or points value for a specific event type. Syncs automatically when the value updates.
Tip
See your current configured values at http://localhost:14040/api/data/values. The meta field in that response corresponds to optionalTier here.
| Variable | Description |
|---|---|
background |
Widget background colour |
box-background |
Inner box background colour |
text-color |
Text colour |
border-color |
Border colour |
pixel-border |
Border thickness |
font |
Font family |
font-size |
Font size |
min-width |
Minimum widget width |
min-height |
Minimum widget height |
| Variable | Type | Description |
|---|---|---|
eventType |
EventTypeSelect |
Which event type to display the configured value for |
optionalTier |
String | Leave empty for most events. For Twitch Subs: 1000, 2000, 3000. YouTube Memberships: DEFAULT. KoFi: the tier name or Default. |
valueType |
StringSelect | Seconds or Points |
alignment |
StringSelect | Text alignment |
showSuffix |
Boolean | Show the unit suffix - s for seconds, pts for points |
Goals List¶
Displays goals in a list view. Automatically uses points or money tracking based on the active goals type.
| Variable | Description |
|---|---|
goal-height |
Height of each goal row |
goal-gap |
Gap between goal rows |
background-color |
Widget background colour |
border-color |
Border colour |
border-thickness |
Border thickness |
font |
Font family |
font-size |
Primary font size |
small-font-size |
Secondary font size |
font-color |
Text colour |
points-bg-color |
Background colour of the points/value badge |
| Variable | Type | Description |
|---|---|---|
showLastCompleted |
Boolean | Show the most recently completed goal |
maxGoalsToShow |
Int | Maximum number of goals to display at once |