Antigravity Theme for Visual Studio Code
Antigravity Theme
Bộ Theme Visual Studio Code tái hiện chính xác 100% hệ thống màu sắc và giao diện Onyx từ Antigravity Version 2.29.0 (1013060670).
🌟 Điểm nổi bật (Highlights)
Bộ theme này được trích xuất và tinh chỉnh chuyên sâu trực tiếp từ cấu trúc thiết kế cốt lõi của Antigravity v2.29.0:
- Độ chính xác tuyệt đối (100% Authentic): Toàn bộ bảng màu Workbench, CSS Custom Properties (
--background, --shell, --sidebar, --primary, --onyx-*) và hệ thống Syntax Token Colors được kế thừa nguyên bản từ ứng dụng Antigravity.
- Hỗ trợ trọn vẹn cả Dark và Light Theme:
- 🌑 Antigravity Dark: Tông nền Obsidian siêu sâu (
#070709), thanh điều hướng (#111114) kết hợp sắc xanh thương hiệu Google Antigravity (#2F71E3). Tối ưu hóa tối đa khả năng chống mỏi mắt cho lập trình viên làm việc ban đêm.
- ☀️ Antigravity Light: Tông nền trắng hiện đại (
#FFFFFF), bề mặt thanh viền tinh tế (#FAFAFA), điểm nhấn Sapphire Blue (#2F75C3) với độ tương phản cao, dịu mắt khi làm việc ban ngày.
- Hỗ trợ đa ngôn ngữ hoàn hảo: Đầy đủ màu cú pháp (Syntax Highlight) cho TypeScript, JavaScript, Python, Go, Rust, C/C++, Java, HTML, CSS/SCSS, JSON, YAML, Markdown, Shell script, SQL...
- Tích hợp sâu VS Code Workbench: Thiết kế chỉn chu từ Editor, Tabs, Titlebar, ActivityBar, SideBar, Status Bar, Terminal, QuickPick/Command Palette, PeekView, Git Diff Editor cho đến Notifications.
🎨 Bảng mã màu chuẩn Antigravity v2.29.0 (Design Tokens)
1. Antigravity Dark (Onyx Dark)
| Thành phần UI |
Mã màu HEX |
Ý nghĩa / Ứng dụng |
| Editor Background |
#070709 |
Nền editor chính (--background, Obsidian Dark) |
| Shell / Sidebar |
#111114 |
Sidebar, TitleBar, StatusBar (--shell, --sidebar) |
| Accent / Primary |
#2F71E3 |
Màu xanh chủ đạo thương hiệu Google Antigravity |
| Card / Popups |
#131317 |
Quick Pick, Menus, Hover Widget, Notifications |
| Border / Sash |
#1C1C21 |
Đường viền các panel và editor groups (--border) |
| Text Primary |
#FFFFFF |
Chữ chính (--foreground) |
| Text Secondary |
#BCBDC6 |
Chữ phụ, status, breadcrumbs (--secondary-foreground) |
| Text Muted |
#87888F |
Chữ mờ, tabs không hoạt động (--muted-foreground) |
| Selection |
#2F71E333 |
Vùng bôi đen văn bản (--primary 20% opacity) |
| Error / Warning |
#DE5555 / #F3C949 |
Báo lỗi và cảnh báo chuẩn Antigravity |
| Success / Link |
#7AAE66 / #6A9FCB |
Trạng thái thành công và liên kết văn bản |
2. Antigravity Light (Onyx Light)
| Thành phần UI |
Mã màu HEX |
Ý nghĩa / Ứng dụng |
| Editor Background |
#FFFFFF |
Nền editor trắng tinh khôi (--background) |
| Shell / Sidebar |
#FAFAFA |
Sidebar, TitleBar, StatusBar sáng hiện đại |
| Accent / Primary |
#2F75C3 |
Màu xanh Sapphire trang nhã (--primary) |
| Card / Popups |
#FFFFFF |
Menu, Quick Pick, Widget nền trắng với viền tinh xảo |
| Border / Divider |
#E8E8EC |
Đường chia tách thanh mảnh (--border) |
| Text Primary |
#0A0A0C |
Chữ đen đậm rõ nét (--foreground) |
| Text Secondary |
#3F3F46 |
Chữ phụ (--secondary-foreground) |
| Text Muted |
#71717A |
Chữ ghi chú, placeholder (--muted-foreground) |
| Selection |
#2F75C326 |
Vùng chọn chữ xanh dịu mắt |
| Error / Warning |
#F05151 / #AC830B |
Báo lỗi và cảnh báo chuẩn Antigravity Light |
| Success / Link |
#58983F / #3E8ED1 |
Thành công và liên kết Light |
💻 Cài đặt & Sử dụng (Installation)
Cách 1: Cài trực tiếp từ gói .vsix (Khuyên dùng)
Gói extension đã được đóng gói sẵn file antigravity-theme-1.0.0.vsix tại thư mục này:
- Mở Terminal và chạy lệnh:
code --install-extension antigravity-theme-1.0.0.vsix
(Hoặc với Cursor / VSCodium: thay code bằng cursor hoặc codium).
- Hoặc trong VS Code:
- Nhấn
Cmd + Shift + P (Mac) hoặc Ctrl + Shift + P (Windows/Linux).
- Gõ:
Extensions: Install from VSIX...
- Chọn file
antigravity-theme-1.0.0.vsix.
Cách 2: Cài thủ công qua thư mục extensions của VS Code
Copy toàn bộ thư mục theme này vào thư mục extension cá nhân:
- macOS / Linux:
~/.vscode/extensions/antigravity-theme
- Windows:
%USERPROFILE%\.vscode\extensions\antigravity-theme
mkdir -p ~/.vscode/extensions/antigravity-theme
cp -R * ~/.vscode/extensions/antigravity-theme/
Khởi động lại VS Code là theme sẽ xuất hiện ngay!
⚙️ Kích hoạt Theme (How to Activate)
- Mở Command Palette bằng tổ hợp phím
Cmd + Shift + P (macOS) hoặc Ctrl + Shift + P (Windows/Linux).
- Nhập
Preferences: Color Theme.
- Chọn một trong hai theme:
- Antigravity Dark
- Antigravity Light
🛠️ Đóng gói lại extension (Build / Package)
Nếu bạn muốn chỉnh sửa thêm màu sắc và đóng gói lại:
npx @vscode/vsce package
Lệnh trên sẽ sinh ra file .vsix mới nhất tương thích với mọi phiên bản VS Code.
📄 Bản quyền (License)
Phát hành dưới giấy phép MIT.
Tương thích hoàn hảo với Visual Studio Code, Cursor, VSCodium, và Google Antigravity.
| |
