ini Theme for VS Code
The official VS Code theme for ini.so. Designed to provide a focused, high-contrast, and aesthetically pleasing coding experience that aligns with the ini.so design language.
ini.so 官方 VS Code 主题。旨在提供专注、高对比度且美观的编码体验,与 ini.so 的设计语言保持一致。
Themes / 包含主题
ini Dark
A "Cosmic" inspired dark theme optimized for long coding sessions. It uses deep zinc backgrounds with vibrant neon accents for high readability.
专为长时间编码优化的深色主题。采用深邃的 Zinc 背景搭配明亮的霓虹点缀,确保极佳的可读性。
ini Light
A "Paper" inspired light theme. Clean, crisp, and low-glare. Perfect for bright environments or documentation writing.
明亮整洁的浅色主题。如纸张般清晰,减少眩光,非常适合明亮环境或文档编写。
Features / 特性
- Highly Customizable: Adjust color scales, font styles (italic/bold), and more via settings.
高度可定制:可通过设置调整色标、字体样式(斜体/粗体)等。
- Semantic Highlighting: Full support for semantic token coloring, distinguishing clearly between variables, parameters, and properties.
语义高亮:完整支持语义化 Token 着色,清晰区分变量、参数和属性。
- Tailwind Palette: Built on a refined Tailwind CSS color scale for consistent UI harmony.
Tailwind 色阶:基于精炼的 Tailwind CSS 色阶构建,确保 UI 的统一与和谐。
- Detailed UI Customization: Extensive customization for Workbench, Terminal, Git Graph, and Interactive Windows.
精细的 UI 定制:针对工作区、终端、Git 图表和交互窗口进行了深度优化。
- Modern Aesthetic: Modern, flat, and clean design with subtle borders for a focused experience.
现代审美:现代、扁平、简洁的设计,辅以细腻的边框,提供专注的编码体验。
- Markdown Enhancement: Includes custom styles for a better markdown preview experience.
Markdown 增强:包含自定义样式,提供更佳的 Markdown 预览体验。
Configuration / 配置
You can customize the theme through the following settings in VS Code:
您可以通过 VS Code 中的以下设置自定义主题:
iniTheme.italicComments: Enable/disable italic for comments (Default: true).
是否对注释使用斜体(默认:true)。
iniTheme.italicKeywords: Enable/disable italic for keywords (Default: false).
是否对关键字使用斜体(默认:false)。
iniTheme.boldKeywords: Enable/disable bold for keywords (Default: false).
是否对关键字使用粗体(默认:false)。
iniTheme.neutralScale: Choose the neutral color scale for backgrounds (Options: slate, gray, zinc, neutral, stone).
选择中性色调,影响背景和整体氛围(选项:slate, gray, zinc, neutral, stone)。
iniTheme.primaryScale: Choose the primary accent color (Options: black, blue, indigo, violet, etc.).
选择主色调,影响高亮和光标(选项:black, blue, indigo, violet 等)。
Note: After changing these settings, the extension will prompt you to reload the window to apply the changes.
注意:更改这些设置后,扩展会提示您重新加载窗口以应用更改。
Installation / 安装
via VS Code
- Open VS Code.
- Press
Ctrl+P (or Cmd+P on Mac).
- Type
ext install startupintell.ini-theme.
- Select ini Dark or ini Light from the theme picker.
via Marketplace
Development / 开发
This theme is built using TypeScript. It uses a custom build script to generate standard VS Code JSON files from a semantic configuration system.
该扩展使用 TypeScript 构建。它通过自定义构建脚本,将语义化的配置代码转换为标准的 VS Code JSON 主题文件。
Setup
# 1. Install dependencies
pnpm install
# 2. Build the theme (generates ./themes/*.json)
pnpm build
# 3. Debug
# Press F5 in VS Code to open a new window with the theme loaded.
Publishing / 发布
We use dotenv-cli to manage tokens securely.
Configure Secrets
Create a .env file in the root directory (do not commit this file):
VSCE_PAT=your_azure_devops_token
OVSX_PAT=your_open_vsx_token
Publish Commands
Visual Studio Marketplace:
npx dotenv-cli -- npx @vscode/vsce publish
Open VSX Registry:
npx dotenv-cli -- npx ovsx publish
Built with ❤️ by ini.so.