# @uiw/codemirror-theme-xcode
> Theme xcode for CodeMirror.
Latest version **4.25.11** (published 2026-07-08) · MIT license · 0 weekly downloads
## Install
```sh
npm install @uiw/codemirror-theme-xcode
pnpm add @uiw/codemirror-theme-xcode
yarn add @uiw/codemirror-theme-xcode
bun add @uiw/codemirror-theme-xcode
```
## Health
**Score 70/100 (B)** — status: active.
Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score.
Warnings: low downloads.
## Facts
| | |
|---|---|
| Version | 4.25.11 |
| Published | 2026-07-08 |
| First published | 2022-07-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 22 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 2251 |
| Author | kenny wong |
| Maintainers | wcjiang, uiwjs |
| Keywords | codemirror, codemirror6, theme, xcode, syntax, ide, code |
## Links
- npm: https://www.npmjs.com/package/@uiw/codemirror-theme-xcode
- Repository: https://github.com/uiwjs/react-codemirror
- Homepage: https://uiwjs.github.io/react-codemirror/#/theme/data/xcode/light
- Issues: https://github.com/uiwjs/react-codemirror/issues
- Funding: https://jaywcjlove.github.io/#/sponsor
- npm.io page: https://npm.io/package/@uiw/codemirror-theme-xcode
## Dependencies (1)
- [@uiw/codemirror-themes](https://npm.io/package/@uiw/codemirror-themes.md) 4.25.11
## Alternatives
- [flatbuffers](https://npm.io/package/flatbuffers.md) — 6.0M weekly downloads
- [jwt-simple](https://npm.io/package/jwt-simple.md) — 259.5K weekly downloads
- [@exodus/patch-broken-hermes-typed-arrays](https://npm.io/package/@exodus/patch-broken-hermes-typed-arrays.md) — 28.5K weekly downloads
- [@native-to-anchor/buffer-layout](https://npm.io/package/@native-to-anchor/buffer-layout.md) — 12.2K weekly downloads
- [binary-parser-encoder](https://npm.io/package/binary-parser-encoder.md) — 5.3K weekly downloads
## Recent versions
- 4.25.11 (latest) — 2026-07-08
- 4.25.10 — 2026-05-21
- 4.25.9 — 2026-03-25
- 4.25.8 — 2026-03-08
- 4.25.7 — 2026-03-02
- 4.25.6 — 2026-03-02
- 4.25.5 — 2026-02-24
- 4.25.4 — 2025-12-12
- 4.25.3 — 2025-11-05
- 4.25.2 — 2025-09-18
- 4.25.1 — 2025-08-13
- 4.25.0 — 2025-08-13
- 4.24.2 — 2025-07-29
- 4.24.1 — 2025-07-13
- 4.24.0 — 2025-07-05
- … 94 more at https://npm.io/package/@uiw/codemirror-theme-xcode/versions
## README
# Xcode Theme
[](https://jaywcjlove.github.io/#/sponsor)
[](https://www.npmjs.com/package/@uiw/codemirror-theme-xcode)
## Install
```bash
npm install @uiw/codemirror-theme-xcode --save
```
```js
import { EditorState } from '@codemirror/state';
import { javascript } from '@codemirror/lang-javascript';
import { xcodeLight, xcodeDark } from '@uiw/codemirror-theme-xcode';
const state = EditorState.create({
doc: 'my source code',
extensions: [xcodeDark, javascript({ jsx: true })],
});
```
Using in React:
```jsx
import { xcodeLight, xcodeLightInit, xcodeDark, xcodeDarkInit } from '@uiw/codemirror-theme-xcode';
```
## API
```ts
import { CreateThemeOptions } from '@uiw/codemirror-themes';
export declare const defaultSettingsXcodeLight: CreateThemeOptions['settings'];
export declare function xcodeLightInit(options?: Partial): import('@codemirror/state').Extension;
export declare const xcodeLight: import('@codemirror/state').Extension;
export declare const defaultSettingsXcodeDark: CreateThemeOptions['settings'];
export declare const xcodeDarkInit: (options?: Partial) => import('@codemirror/state').Extension;
export declare const xcodeDark: import('@codemirror/state').Extension;
```
## Usage
```jsx
import CodeMirror from '@uiw/react-codemirror';
import { xcodeLight, xcodeDark } from '@uiw/codemirror-theme-xcode';
import { javascript } from '@codemirror/lang-javascript';
function App() {
return (
{
console.log('value:', value);
}}
/>
);
}
export default App;
```
```js
import { EditorView } from '@codemirror/view';
import { EditorState } from '@codemirror/state';
import { javascript } from '@codemirror/lang-javascript';
import { xcodeLight, xcodeDark } from '@uiw/codemirror-theme-xcode';
const state = EditorState.create({
doc: 'my source code',
extensions: [xcodeDark, javascript({ jsx: true })],
});
const view = new EditorView({
parent: document.querySelector('#editor'),
state,
});
```
## Contributors
As always, thanks to our amazing contributors!
Made with [action-contributors](https://github.com/jaywcjlove/github-action-contributors).
## License
Licensed under the MIT License.
---
_Source: https://npm.io/package/@uiw/codemirror-theme-xcode · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
