FM Skin Builder

https://docs.fmskinbuilder.com/getting-started
Admin
FM Skin Builder is a visual and code editing tool designed to create, customize, and build custom...
Tokens:3,299
Snippets:48
Trust Score:5.3
Update:3 weeks ago
Show doc for...
Tokens:
Raw
### Move AppImage to /usr/local/bin

Source: https://docs.fmskinbuilder.com/getting-started/installation

Optional step to install FM Skin Builder system-wide by moving the AppImage to /usr/local/bin with a shorter name.

```bash
sudo mv FM-Skin-Builder-*.AppImage /usr/local/bin/fm-skin-builder
```

--------------------------------

### Run AppImage

Source: https://docs.fmskinbuilder.com/getting-started/installation

Execute the AppImage to launch FM Skin Builder. Ensure the file is executable first.

```bash
./FM-Skin-Builder-*.AppImage
```

--------------------------------

### Build output folder structure

Source: https://docs.fmskinbuilder.com/getting-started/first-skin

Shows the project folder structure after building, including the packages/ folder containing the modified bundle files.

```text
my-first-skin/
├── config.json
├── colours/
│   └── base.uss
└── packages/           # ← Build output
    └── [bundle files]
```

--------------------------------

### Make AppImage executable

Source: https://docs.fmskinbuilder.com/getting-started/installation

Use chmod to add execute permission to the downloaded AppImage file. Replace the wildcard with the actual filename if needed.

```bash
chmod +x FM-Skin-Builder-*.AppImage
```

--------------------------------

### Template base.uss content

Source: https://docs.fmskinbuilder.com/getting-started/first-skin

Initial CSS variables provided by the Color Override template. Defines --primary, --secondary, and --accent colors.

```css
:root {
  /* Primary colors */
  --primary: #3498db;
  --secondary: #2ecc71;
  --accent: #e74c3c;
}
```

--------------------------------

### Clear macOS quarantine flags

Source: https://docs.fmskinbuilder.com/getting-started/installation

Run this command in Terminal to remove quarantine attributes from the FM Skin Builder app, fixing 'damaged' or 'cannot be verified' errors on macOS.

```bash
xattr -cr "/Applications/FM Skin Builder.app"
```

--------------------------------

### Custom colors in Expert Mode

Source: https://docs.fmskinbuilder.com/getting-started/first-skin

Edited CSS variables to set custom colors: red primary, blue secondary, and orange accent. Used in Expert Mode.

```css
:root {
  /* Our custom colors */
  --primary: #ff4444;      /* Red */
  --secondary: #2196f3;    /* Blue */
  --accent: #ff9800;       /* Orange */
}
```
Tokens:
Raw