Customization

Customizing sites

Open the site customization view from the ••• menu above the window. These changes will be saved on your copy, and will be included if you share a link to a site.

• Title: title for dashboard
• URL: location to load when opening page
• Style: Tranparent or Glass window style
• Font: Google Fonts name to replace text on the page.
• Colors: Body font, accent, and background color - may not work on all pages

CSS Tweaks

• Clear: CSS selectors (classes, IDs, and more) to have transparent backgrounds
• Hide: CSS selectors (classes, IDs, and more) to be removed from the page.
• Override: Raw CSS to include on the page

Advanced

• Icon: Icon name or URL. Names are resolved in SF Symbols. "download" indicates that the icon should be downloaded from the manifest location.
• Radius: Corner radius of the window
• Zoom: Viewport zoom level - Note that this just sets an initial zoom level, use viewport to control content size
• Viewport: Viewport width
• ID: An id or url used for updating the configuration information. IDs are retrieved from translucent.directory, urls are fetched directory.

Config:

• JSON configuration information for Native UI Values:

{
  "tabs": [
    {"label": "label", "image": "sf.symbol", "url": "https: or javascript:..."}
  ],
  "tools": [
    {"label": "label", "image": "sf.symbol", "url": "https: or javascript:..."}
  ]
}