プロジェクト_Gloria

A luminous cyberpunk & retro-futuristic dark theme crafted for Visual Studio Code

Built primarily for the JavaScript ecosystem, with deep obsidian contrast, multi-layered neon bloom, and a real-time control panel—plus Counter-Strike 2 syntax support as a hobby project.

---

Key Features • Control Panel • Quick Start • CS2 Configs • Settings • Design Lore

🌌 Welcome to Gloria

Gloria (プロジェクト_Gloria) is an immersive, high-contrast dark theme built primarily for the JavaScript ecosystem in Visual Studio Code. Inspired by cyberpunk aesthetics, neon terminal command centers, and retro-futuristic computing lore (Temet Nosce), Gloria turns your code editor into a radiant terminal workspace.

A theme you can tune while you code. Gloria's built-in control panel lets you change glow brightness, syntax colors, and editor colors in real time. Try a preset or move a slider and watch the live preview respond—no JSON editing or editor restart needed for these adjustments.

Live glow adjustments, presets, and color controls—all from the built-in panel.

Unlike traditional color themes that are limited to simple static syntax tokens, Gloria integrates:

• 🔮 Multi-Layer Neon Bloom: Real-time radiant text glow with customizable white halo radius and brightness across syntax roles, structural HTML ancestors, CSS curly brackets, and Markdown headers.
• 🎛️ Live Control Panel: Change glow, syntax colors, and editor colors from the sidebar, with a built-in preview and live updates—no restart for these adjustments.
• 🍷 High-Contrast Burgundy Selection: Crisp, readable flat white text highlighted over a luminous burgundy background.
• 🎯 Counter-Strike 2 CFG Support: A hobby addition with dedicated TextMate grammar for glowing commands, aliases, keybinds, and cvars.
• 🛡️ Zero Runtime Dependencies & Safe Cleanup: Clean vanilla JavaScript architecture with single-command workbench file restoration.

⚡ Key Features

🎛️ Interactive Control Panel

Move a slider. Pick a color. Keep coding. Your changes apply live.

Open Gloria Theme in the VS Code Activity Bar to adjust your theme while you work. The panel includes a live code preview, four color presets, glow sliders, and individual color controls for syntax and the editor. Brightness, radius, preset, and color adjustments apply without restarting the editor or reloading the window.

The complete control panel, rendered directly from the extension's HTML and styles.

The initial workbench skin setup requires one window reload when prompted. After setup, the live adjustments above need no further reloads.

How to Open the Control Panel

1. Click the Gloria Rabbit icon in the Activity Bar on the left edge of your VS Code window:

   

2. Or press Ctrl+Shift+P (macOS: Cmd+Shift+P) and run:

   Gloria: Open Theme Control Panel
   

What You Can Customize

• ⚡ Glow & Atmosphere:

  • Glow Brightness Slider: Smoothly scale glow bloom from 0% (flat) to 100% (maximum radiance).
  • White Glow Radius Slider: Fine-tune the outer white halo thickness (0px to 50px).
  • Neon Glow Toggle: Instantly toggle text bloom on or off.
  • Workbench Skin Toggle: Toggle custom borderless title bars and glow injections.

• 🎨 Syntax Token Colors:

  • Live color pickers and hex inputs for Variables, Keywords, Functions, Strings, Glowing Brackets, Types, Numbers, and Markdown Headers.
  • Recolor any syntax role and its glow automatically adapts!

• 🖌️ Editor & Workbench Palettes:

  • Customize Editor Background, Selection, Cursor, Line Numbers, Tab Borders, Sidebar, and Terminal foreground colors.

• 🔄 Safe Presets & Reset:

  • Four Built-in Presets: Switch between Gloria Default, Matrix Rabbit, Cyber Cyan, and Crimson Overdrive.
  • Reset All: Instantly restore default Gloria colors without touching your other VS Code preferences.

🚀 Quick Start

1. Install Extension

Search for Gloria Theme in the Extensions view (Ctrl+Shift+X) and click Install, or run via terminal:

code --install-extension Nihilnia.gloria-theme

2. Activate Theme

1. Press Ctrl+K Ctrl+T (or Ctrl+Shift+P → Preferences: Color Theme).
2. Select Gloria.
3. Reload the window when prompted to activate the full custom workbench skin.

3. Safe Uninstallation & Restoration

Gloria patches the workbench only while Gloria is the active color theme. Switching away automatically unpatches VS Code. To restore anytime manually:

1. Press Ctrl+Shift+P.
2. Run Gloria: Restore VS Code Workbench.
3. Reload the window. Stock VS Code HTML files are completely restored.

🎯 Counter-Strike 2 Support

Gloria features native TextMate syntax highlighting for Counter-Strike 2 (.cfg) configuration scripts:

// #region Movement & Viewmodel
alias "+jumpthrow" "+jump; -attack; -attack2"
alias "-jumpthrow" "-jump"
bind "v" "+jumpthrow"

viewmodel_fov 68
sensitivity 1.45
fps_max 0
// #endregion

• Commands & Aliases: Rendered in glowing crisp white.
• CVars & Settings: Rendered in radiant neon red.
• Key Binds & Strings: Rendered in luminous cyber green.
• Numeric Values: Rendered in vibrant yellow.
• Booleans: Rendered in clean flat white.
• Comments (//): Rendered in italic muted gray with line-comment toggling (Ctrl+/).
• Folding Regions: Native code folding support for // #region and // #endregion.

[!TIP] Gloria automatically detects autoexec.cfg and .cfg files inside CS2 config directories (.../csgo/cfg/ and .../userdata/<id>/730/local/cfg/). For custom locations, select Counter-Strike 2 Config in the status bar language selector.

⚙️ Configuration

Prefer editing your settings.json directly? All parameters are fully configurable:

{
  "workbench.colorTheme": "Gloria",
  "gloria.enableWorkbench": true,
  "gloria.brightness": 0.45,
  "gloria.whiteGlowRadius": 25,
  "gloria.disableGlow": false,
  "gloria.maxDecorationFileSize": 1000000
}

Settings Reference

🐇 Design Philosophy & Lore

"Temet Nosce" — Know Thyself

Gloria was engineered on the principle that a coding environment should be an inspiring visual instrument without sacrificing long-term ergonomic readability:

• Deep Obsidian Background (#03070e): Reduces eye fatigue during late-night coding sessions while maximizing contrast for neon accents.
• Purposeful Bloom: Glow highlights syntactic anchors (keywords, functions, variables, brackets, headers) while data values, strings, types, and comments remain flat and legible.
• The Gloria Rabbit: The cyber rabbit emblem symbolizes agility, swift navigation, and following curiosity down the programming rabbit hole.

📜 Credits & License

Author	Nihil
Publisher	Nihil
Repository
License	© Nihil.