GETTING STARTED
Create a folder in your mod files at [yourmod]\os\themes\[theme name]. Please use all lowercase characters here! You can choose to refer to the theme in-game with any casing you choose, but the folder itself must be lowercase. I recommend copying the image files from the 'default' theme folder into your theme folder then editing them, and not create each individual image from scratch.
THEME IMAGE GUIDE
Every image required for a theme, with screenshot example and description. Any missing images will simply have their associated game elements keep the image of the last loaded theme. We will be using the Boppos theme as an example, because 'mmmmmm, delicious'.
All items with a * next to them below have their size controlled via the windowmargins.ini file. See the 'Theme INI File Guide' section below for more details.
IMAGE FILE |
SCREENSHOT |
DESCRIPTION |
![]() |
The static (1) and clicked (2) state of normal buttons | |
![]() |
[UNUSED IN-GAME] |
[UNUSED IN-GAME] |
![]() |
![]() |
The static (1) and clicked (2) state of the Stamp Page buttons. [buttontool3-6 are unsused in-game] |
![]() |
![]() |
The static (1) and selected (2) state of the Select Law buttons. |
![]() |
![]() |
The disabled (1) and enabled (2) state of checkboxes. |
![]() |
![]() |
The tiled background of the Citizen Data app. This image repeats both horizontally and vertically to fill the space of the app window. You can resize this image horizontally to add more detail, and add additional rows vertically if you'd like more than 2 colors. [MIKE'S NOTE: NEED TO CONFIRM THIS] |
![]() |
![]() |
|
![]() |
![]() |
The toolbar at the top of the Explorer window. |
![]() |
![]() |
The tiled background of the Download Manager app. This image repeats both horizontally and vertically to fill the space of the app window - the default size of this image fills the entire space horizontally, so only vertical tiling actually happens. Only 2 rows are supported, you cannot add additional row colors to this element. [MIKE'S NOTE: NEED TO CONFIRM THIS] |
![]() |
![]() |
The HypnOS Info Bar.
|
![]() |
![]() |
The tiled background of the HSPD - Inbox app. This image repeats both horizontally and vertically to fill the frame within the app window - the default size of this image fills the entire space horizontally, so only vertical tiling actually happens. You can resize this image vertically if you'd like to add if you'd like more than 2 row colors. [MIKE'S NOTE: NEED TO CONFIRM THIS] |
![]() ![]() |
![]() |
The Play/Pause button at the bottom-left of the Explorer app. The transparent area allows the player to see a little animation behind the button while music is playing.
stampbox is the little window at the bottom-left of the Explorer app in which you can see what icon this page is stamped with. |
![]() |
![]() |
The tiled background of the Tunbox Library and Hypnocure apps. This image repeats both horizontally and vertically to fill the space of the app window. You can resize this image horizontally to add more detail, but only 2 rows are supported vertically, you cannot add additional row colors to this element. [MIKE'S NOTE: NEED TO CONFIRM THIS] |
![]() |
![]() |
The Scrollbar used throughout HypnOS.
The checkered background colors are controlled by colortable.ini, see the 'Theme INI File Guide' section below for details. |
![]() |
![]() |
The Sliders used in the Settings app.
|
![]() |
![]() |
The sort buttons at the top of the Download Manager and Tunebox Library apps.
|
![]() |
![]() |
The background behind the "Tags: " text at the top-right of the Explorer. Players can click this to show/hide page tags. |
![]() |
![]() ![]() |
Title background and buttons for the Stamps and Laws toolbars.
|
![]() |
![]() |
Used primarily in the Input Box app as the place where you input text, windowinset is also used in other apps as a frame or other decorative element (HypnoCure+/Pro, Pets, Installer, etc). The top, bottom, left, and right edges are stretched horizontally or vertically, the center is stretched to fit the inner area, and the corners are not altered. This object's margins are hardcoded (not handled by windowmargins.ini) at: left - 3px, right - 2px, top - 3px, bottom - 2px. |
![]() |
![]() |
windowtab1-2 are the static (1) and clicked (2) states of the tab elements in the subtitle area of some windows that allow the player switch between app views. |
![]() |
![]() |
popupwindow* is the window frame of Pop-up, Ad, Installer, QuickCheck, and various other apps. This is used when a window does not need a subtitle text area. The top, bottom, left, and right edges are tiled horizontally or vertically, the center is a tiled solid magenta that fits the inner area, and the corners are not altered. |
![]() |
![]() ![]() |
windowpane* is the window frame of many applications, including Pets, Settings, Citizen Data, Tutorial, etc. This is used when a window needs a subtitle and a solid color center. The top, bottom, left, and right edges are tiled horizontally or vertically, the center is a tiled solid magenta that fits the inner area, and the corners are not altered. windowtrans* is the window frame of many applications, including HypnoCure, Download Manager, Tunebox Library, etc. This is used when a window needs a subtitle and a transparent center. #transrights The top, bottom, left, and right edges are tiled horizontally or vertically, the center is transparent, and the corners are not altered. |
![]() |
![]() |
securewindow* is the window frame of a few applications, including QuickCheck, the On-Screen Keyboard (for gamepad mode), and other windows that do not have titles, icons, or exit buttons. The top, bottom, left, and right edges are tiled horizontally or vertically, the center is a tiled solid color that fits the inner area, and the corners are not altered. |
![]() |
![]() ![]() |
windowchin is used at the bottom of certain apps to give them a bit more frame area at the bottom for buttons and text. Examples include Citizen Data, Hypnocure+, and Tunebox Library. The top, bottom, left, and right edges are tiled horizontally or vertically, the center is a tiled solid color that fits the inner area, and the corners are not altered. This object's margins are hardcoded (not handled by windowmargins.ini) at: left - 9px, right - 9px, top - 1px, bottom - 3px. windowinner and windowinnerb is used inside of certain apps to give them a bit more frame area for buttons and text. Examples include Download Manager, Inbox, and Hypnocure Pro. windowinnerb differs slightly from windowinner - instead of a solid chin underneath, it instead is transparent. The top, bottom, left, and right edges are tiled horizontally or vertically, the center is transparent, and the corners are not altered. This object's margins are hardcoded (not handled by windowmargins.ini) at: left - 5px, right - 5px, top - 14px, bottom - 19px. |
![]() |
![]() |
windowanim is the object that handles the stylized window transition animation that happens whenever you open, close, or transition an app window. The top, bottom, left, and right edges are stretched horizontally or vertically, the center is transparent, and the corners are not altered. This object's margins are hardcoded (not handled by windowmargins.ini) at: left - 22px, right - 22px, top - 21px, bottom - 4px. |
![]() ![]() |
![]() |
Some system icons can be customized to match your theme. These images represent the static (1), selected (2), and clicked (3) states of the icon. NOTE: These files NOT necessary to include in your mod! If not included, they will simply load in the default theme's icon images. The following icons are supported, filenames must exactly match the following with 1, 2, and 3 suffixes: settings, highway, hspd, explorer, sticky, downloads, hypnocure, tutorial, pets, tombstone, tunebox |
THEME INI FILE GUIDE
All items with a * next to them above have their size controlled via the windowmargins.ini file.
Some elements in HypnOS are simply solid colors, and are not loaded in via image but instead just have their color altered in-engine. These theme colors are set via the colortable.ini file. The theme's text element colors are also set in this ini file.
Comments
No comment were found matching the criteria specified. We suggest you try the comment list with no filter applied, to browse all available. Join now to participate.