Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Liquid Glass Theme by SamsadNew to Visual Studio Code? Get it now.
Liquid Glass Theme by Samsad

Liquid Glass Theme by Samsad

Samsad Chalil Valappil

|
69 installs
| (0) | Free
Apple Liquid Glass & macOS Sequoia inspired theme for VS Code with Dark and Light variants, refined contrast, and native typography.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

 Liquid Glass Theme by Samsad for Visual Studio Code

A theme for Visual Studio Code inspired by Apple Liquid Glass & macOS Sequoia aesthetics. Created by Samsad, featuring clean frosted layers, refined surface contrast, and native typography.


🎨 Theme Variants

1. 🌌 Liquid Glass Dark (by Samsad)

  • Aesthetic: Deep midnight translucent surfaces (#141517, #18191B, #1E1F22) paired with vibrant Apple electric blue focus accents (#3574F0), soft coral untracked Git files (#FF6B68), and clean syntax contrast.
  • Highlights: Seamless tab-to-editor flow, frosted sidebars, and translucent selection pills.

2. ❄️ Liquid Glass Light (by Samsad)

  • Aesthetic: Frosted alabaster surfaces (#F5F6FA, #FFFFFF, #EBEDF2) with crisp separators, vivid Apple blue focus indicators, and high-contrast daytime syntax highlighting.

🔤 Typography & Font Setup

For the optimal Apple experience, pair this theme with Apple fonts:

  1. Editor Font (Code):

    • Recommended: SF Mono, Menlo, JetBrains Mono
    • In your settings.json:
      {
        "editor.fontFamily": "'SF Mono', Menlo, 'JetBrains Mono', monospace",
        "editor.fontSize": 13.5,
        "editor.lineHeight": 22,
        "editor.fontLigatures": true
      }
      
  2. Custom Window Title Bar:

    • In your settings.json:
      {
        "window.titleBarStyle": "custom"
      }
      

🚀 Installation

Option 1: Install from VSIX Package

  1. Download or build liquid-glass-theme-1.0.0.vsix.
  2. In VS Code, open the Command Palette (Cmd + Shift + P on macOS or Ctrl + Shift + P on Windows/Linux).
  3. Type and select Extensions: Install from VSIX....
  4. Choose liquid-glass-theme-1.0.0.vsix.
  5. Select Liquid Glass Dark (by Samsad) or Liquid Glass Light (by Samsad) when prompted.

Option 2: Install from VS Code Marketplace

  1. Open the Extensions sidebar in VS Code (Cmd + Shift + X).
  2. Search for Liquid Glass Theme by Samsad.
  3. Click Install.

🛠️ Building the .VSIX Package

To build the extension package:

cd vscode
npx @vscode/vsce package --no-dependencies

The compiled package will be created at: vscode/liquid-glass-theme-1.0.0.vsix


📄 License

MIT License. Created with ❤️ by Samsad.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft