Customization & Settings

Overview

CodinIT is highly customizable to match your development workflow and preferences. From themes and keybindings to AI behavior and editor settings, you can tailor every aspect of the IDE.

Accessing Settings

macOS
Windows
Linux
Command Palette

Menu: CodinIT → Preferences → SettingsKeyboard: Cmd + ,

Theme Customization

Built-in Themes

CodinIT includes carefully crafted themes optimized for extended coding sessions:

Dark Themes

CodinIT Dark (Default)
Midnight Blue
Dracula Pro
Nord Dark
Tokyo Night

Light Themes

CodinIT Light
GitHub Light
Solarized Light
Catppuccin Latte

High Contrast

High Contrast Dark
High Contrast Light

Custom Themes

Import VSCode themes
Create your own
Share with community

Changing Your Theme

Open Settings (Cmd/Ctrl + ,)
Navigate to Appearance → Color Theme
Preview and select your preferred theme
Theme changes apply instantly

Use Cmd/Ctrl + K + T to quickly preview and switch between themes without opening settings.

Custom Theme Creation

Create your own color scheme:

settings.json

{
  "workbench.colorCustomizations": {
    "editor.background": "#1a1b26",
    "editor.foreground": "#a9b1d6",
    "activityBar.background": "#16161e",
    "sideBar.background": "#1a1b26",
    "statusBar.background": "#16161e"
  },
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "keyword",
        "settings": {
          "foreground": "#bb9af7"
        }
      }
    ]
  }
}

Editor Settings

Font Configuration

Customize your code font for optimal readability:

settings.json

{
  "editor.fontFamily": "JetBrains Mono, Fira Code, Menlo, Monaco, monospace",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.fontLigatures": true,
  "editor.fontWeight": "400"
}

Font ligatures combine characters like =>, !=, >= into single glyphs for better readability.

Popular Developer Fonts

JetBrains Mono - Modern, developer-focused
Fira Code - Open-source with ligatures
Cascadia Code - Microsoft’s font with ligatures
Monaspace - GitHub’s font superfamily
Victor Mono - Cursive italics for code

Editor Behavior

settings.json

{
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.wordWrap": "on",
  "editor.minimap.enabled": true,
  "editor.minimap.maxColumn": 120,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.codeActionsOnSave": {
    "source.fixAll": true,
    "source.organizeImports": true
  }
}

AI Configuration

Default AI Provider

Set your preferred AI provider globally:

settings.json

{
  "codinit.ai.defaultProvider": "anthropic",
  "codinit.ai.defaultModel": "claude-3-5-sonnet",
  "codinit.ai.temperature": 0.7,
  "codinit.ai.maxTokens": 4096
}

AI Behavior Settings

Auto-suggestions

Configure when AI suggestions appear

{
  "codinit.ai.inlineSuggestions": {
    "enabled": true,
    "delay": 300,
    "triggerCharacters": [".", "(", "{", "["]
  }
}

Context Window

Control how much code context AI can see

{
  "codinit.ai.contextWindow": {
    "includeOpenFiles": true,
    "maxFiles": 10,
    "includeGitChanges": true
  }
}

Custom Instructions

Add project-specific AI instructions

{
  "codinit.ai.customInstructions": [
    "Always use TypeScript strict mode",
    "Follow React best practices",
    "Include error handling",
    "Write comprehensive tests"
  ]
}

Code Review

Configure automated code review

{
  "codinit.ai.codeReview": {
    "enabled": true,
    "onSave": false,
    "onCommit": true,
    "checkFor": ["security", "performance", "style"]
  }
}

Keybindings

Default Keybindings

macOS
Windows/Linux

Action	Shortcut
Open AI Chat	`Cmd + K`
Inline AI Edit	`Cmd + I`
Command Palette	`Cmd + Shift + P`
Quick File Open	`Cmd + P`
Terminal Toggle	Cmd + `
Multi-cursor	`Cmd + D`
Find in Files	`Cmd + Shift + F`
Go to Definition	`F12`
Format Document	`Shift + Alt + F`

Custom Keybindings

Create your own shortcuts:

keybindings.json

[
  {
    "key": "cmd+shift+r",
    "command": "codinit.refactorSelection",
    "when": "editorTextFocus"
  },
  {
    "key": "cmd+shift+t",
    "command": "codinit.generateTests",
    "when": "editorTextFocus"
  },
  {
    "key": "cmd+shift+d",
    "command": "codinit.generateDocs",
    "when": "editorTextFocus"
  }
]

Workspace Settings

Project-Specific Configuration

Create .codinit/settings.json in your project root:

.codinit/settings.json

{
  "codinit.ai.provider": "openai",
  "codinit.ai.model": "GPT-5-turbo",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.organizeImports": true
  },
  "typescript.preferences.importModuleSpecifier": "relative",
  "eslint.enable": true,
  "prettier.enable": true
}

Workspace settings override user settings. This is perfect for team consistency.

Recommended Extensions

Configure suggested extensions for your project:

.codinit/extensions.json

{
  "recommendations": [
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode",
    "bradlc.vscode-tailwindcss",
    "prisma.prisma"
  ]
}

Language-Specific Settings

TypeScript/JavaScript

settings.json

{
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
      "source.organizeImports": true
    }
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "typescript.updateImportsOnFileMove.enabled": "always",
  "typescript.suggest.autoImports": true,
  "javascript.suggest.autoImports": true
}

Python

settings.json

{
  "[python]": {
    "editor.defaultFormatter": "ms-python.black-formatter",
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
      "source.organizeImports": true
    }
  },
  "python.linting.enabled": true,
  "python.linting.pylintEnabled": true,
  "python.formatting.provider": "black"
}

Other Languages

Go
Rust
Java

{
  "[go]": {
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
      "source.organizeImports": true
    }
  }
}

Terminal Customization

Terminal Appearance

settings.json

{
  "terminal.integrated.fontSize": 13,
  "terminal.integrated.fontFamily": "JetBrains Mono, Menlo, Monaco, monospace",
  "terminal.integrated.lineHeight": 1.4,
  "terminal.integrated.cursorStyle": "line",
  "terminal.integrated.cursorBlinking": true,
  "terminal.integrated.defaultProfile.osx": "zsh",
  "terminal.integrated.defaultProfile.windows": "PowerShell"
}

Shell Integration

settings.json

{
  "terminal.integrated.shellIntegration.enabled": true,
  "terminal.integrated.shellIntegration.showWelcome": false,
  "terminal.integrated.env.osx": {
    "FIG_NEW_SESSION": "1"
  }
}

Git Integration

Git Configuration

settings.json

{
  "git.autofetch": true,
  "git.confirmSync": false,
  "git.enableSmartCommit": true,
  "git.autoStash": true,
  "git.showProgress": true,
  "git.suggestSmartCommit": true,
  "gitlens.codeLens.enabled": true,
  "gitlens.currentLine.enabled": true
}

Performance Settings

Optimize for Large Projects

settings.json

{
  "files.exclude": {
    "**/.git": true,
    "**/node_modules": true,
    "**/.DS_Store": true,
    "**/dist": true,
    "**/build": true
  },
  "search.exclude": {
    "**/node_modules": true,
    "**/dist": true,
    "**/.next": true
  },
  "files.watcherExclude": {
    "**/node_modules/**": true,
    "**/.git/objects/**": true
  },
  "typescript.tsserver.maxTsServerMemory": 4096
}

Sync Settings Across Devices

Settings Sync

Enable settings sync to use your configuration across multiple machines:

Open Command Palette (Cmd/Ctrl + Shift + P)
Type “Settings Sync: Turn On”
Sign in with GitHub or Microsoft account
Select what to sync:
- Settings
- Keybindings
- Extensions
- UI State
- Snippets

Settings sync is encrypted and stored securely in the cloud.

Import/Export Settings

Export Your Configuration

# Export all settings
codinit --export-settings ~/my-codinit-config.json

# Export specific workspace settings
codinit --export-workspace ./.codinit

Import Configuration

# Import from file
codinit --import-settings ~/my-codinit-config.json

# Import from URL
codinit --import-settings https://example.com/team-config.json

Team Settings

Create a shared configuration repository:

team-codinit-config/
├── settings.json          # Shared editor settings
├── keybindings.json       # Custom shortcuts
├── extensions.json        # Required extensions
├── ai-instructions.md     # AI coding guidelines
└── README.md             # Setup instructions

Team members can clone and import:

git clone https://github.com/your-org/team-codinit-config
codinit --import-settings ./team-codinit-config

Troubleshooting Settings

Reset to Defaults

If something goes wrong, reset settings:

Backup current settings (optional)
Open Command Palette
Type “Reset Settings to Default”
Confirm reset

Common Issues

Settings not applying

Check for syntax errors in settings.json
Reload window: Cmd/Ctrl + Shift + P → “Reload Window”
Check for conflicting extensions

Keybindings not working

Check for conflicts in keybindings.json
Ensure “when” conditions are correct
Disable conflicting extensions temporarily

AI not using custom instructions

Verify settings.json syntax
Check that instructions are in correct format
Restart CodinIT

Next Steps

AI Chat & Commands

Master AI-powered development

Select Your Model

Choose the best AI provider

Integrations

Connect external services

Troubleshooting

Fix common issues

Essentials

Integrations

MCP

​Overview

​Accessing Settings

​Theme Customization

​Built-in Themes

Dark Themes

Light Themes

High Contrast

Custom Themes

​Changing Your Theme

​Custom Theme Creation

​Editor Settings

​Font Configuration

​Popular Developer Fonts

​Editor Behavior

​AI Configuration

​Default AI Provider

​AI Behavior Settings

​Keybindings

​Default Keybindings

​Custom Keybindings

​Workspace Settings

​Project-Specific Configuration

​Recommended Extensions

​Language-Specific Settings

​TypeScript/JavaScript

​Python

​Other Languages

​Terminal Customization

​Terminal Appearance

​Shell Integration

​Git Integration

​Git Configuration

​Performance Settings

​Optimize for Large Projects

​Sync Settings Across Devices

​Settings Sync

​Import/Export Settings

​Export Your Configuration

​Import Configuration

​Team Settings

​Share Configuration with Your Team

​Troubleshooting Settings

​Reset to Defaults

​Common Issues

​Next Steps

AI Chat & Commands

Select Your Model

Integrations

Troubleshooting

Overview

Accessing Settings

Theme Customization

Built-in Themes

Changing Your Theme

Custom Theme Creation

Editor Settings

Font Configuration

Popular Developer Fonts

Editor Behavior

AI Configuration

Default AI Provider

AI Behavior Settings

Keybindings

Default Keybindings

Custom Keybindings

Workspace Settings

Project-Specific Configuration

Recommended Extensions

Language-Specific Settings

TypeScript/JavaScript

Python

Other Languages

Terminal Customization

Terminal Appearance

Shell Integration

Git Integration

Git Configuration

Performance Settings

Optimize for Large Projects

Sync Settings Across Devices

Settings Sync

Import/Export Settings

Export Your Configuration

Import Configuration

Team Settings

Share Configuration with Your Team

Troubleshooting Settings

Reset to Defaults

Common Issues

Next Steps