🎨 Customization

Creating Custom Chat Modes

Via Admin Editor:

1. Type /chatconfig in-game

2. Go to "Modes" tab

3. Click "Add Mode"

4. Configure:

   • Name, command, description

   • Color and icon

   • Distance (for proximity) or Global

   • Cooldown timer

   • Required permission (optional)

   • Job requirement (optional)

   • Aliases

5. Click "Save Changes"

Via Configuration File:

{
  "id": "custom_radio",
  "name": "Police Radio",
  "command": "pr",
  "aliases": ["policeradio"],
  "description": "Police department radio",
  "color": "#3B82F6",
  "icon": "heroicon:SpeakerWaveIcon:outline",
  "distance": 0,
  "isGlobal": true,
  "isDefault": false,
  "enabled": true,
  "cooldown": 0,
  "requiredPermission": "daphne_chat.police",
  "format": "normal",
  "requiresJob": ["police", "fbi"]
}

Customizing Theme

Via Admin Editor:

1. Type /chatconfig in-game

2. Go to "Theme" tab

3. Use color picker to adjust colors

4. Preview changes in real-time

5. Save when satisfied

Via Configuration File:

{
  "theme": {
    "background": "rgba(31, 31, 31, 1)",
    "foreground": "hsl(0, 0%, 98%)",
    "primary": "hsl(0, 0%, 98%)",
    "success": "#10b981",
    "error": "#ef4444",
    "warning": "#f59e0b",
    "info": "#3b82f6",
    "border": "hsl(240, 3.7%, 15.9%)"
  }
}

Customizing Fonts

{
  "font": {
    "family": "inter",
    "size": {
      "timestamp": 12,
      "message": 14,
      "username": 14,
      "system": 13
    },
    "weight": {
      "normal": 400,
      "medium": 500,
      "semibold": 600,
      "bold": 700
    }
  }
}

Customizing Layout

{
  "layout": {
    "width": 550,
    "height": 600,
    "position": {
      "top": 25,
      "left": 30
    },
    "constraints": {
      "minWidth": 350,
      "maxWidth": 800,
      "minHeight": 400,
      "maxHeight": 900
    },
    "avatarSize": 35,
    "inputMinHeight": 60,
    "inputMaxHeight": 120,
    "spacing": {
      "message": 12,
      "padding": 16,
      "gap": 12
    }
  }
}

Import/Export Configuration

Export Configuration:

-- Via admin editor
-- Click "Export" button
-- Download JSON file

Import Configuration:

-- Via admin editor
-- Click "Import" button
-- Upload JSON file
-- Review and save