pop-n-lock-theme-vscode

v3.32.15

Published

2 years ago

🐲 Perfectly balanced TypeScript theme with vivid colours.

Downloads

543

0High
0Medium
0Low

neb_401

Dark Theme Syntax Italic Theme Shades of Purple Cursive

Pop N' Lock Theme by Luxcium ✨

🐲 Perfectly balanced TypeScript theme with vivid colours

This powerful theme of colour is always evolving

Colourful features are added and more languages will be included soon. This theme is STRONGLY OPINIONATED to make sure to to be influencing the opinion request any changes you want by filling an issue to be part of the 62 000+ happy users.

The name of the theme contain emoticon and encoding of your config file must be set to "utf8"

Make sure people know how you feel with a 5-star review
Click: I want to tell everyone about Pop N' Lock Theme by Luxcium ✨
and read the «✨ Be Proud» section below

Handpicked colors

You will be impressed how intutive it is when you will discover how each colour has its purpose

(v3.18)

Your favourite streamlined code editor is getting more bright and radiant, optimized to work in the Full-fledged Integrated Development Environment or in Text Editor sized mode.

The colours have been handpicked with great care to be the most intuitive possible and to use extensively all capacity of your IDE and text editor of choice.

✨ Be Proud

Show us your workflow and setting send sugestions and more using our Twitter Handle @luxcium and Hash Tag #Luxcium

Because you want to tell the world about your experience

Happy users of Pop N' Lock Theme by Luxcium ✨ are our best Ambasadors out there on the World Wide Web hyperspace...

We would like to hear from you fellow user of the Pop N' Lock Theme by Luxcium ✨ take a screenshot of your workflow and show it on Twiter using @luxcium Twitter Handle and #Luxcium Hash tag send us sugestions both by opening an Issue on GitHub and then sending a Tweet about it using our Handle or Hash tag!

if you think something can be improved make sure to fill an issue on our GitHub page it's easy and will help us make Pop N' Lock the best theme available

Please feel free to ask any question, to let us know about any problems that should be resolved and any improvement you would like to see by filing an issue on our GitHub page.

Recently modified

Git Decorations

(v3.32.3) Git Decorations colors: Ignored, Untracked, Added, Modified, Modified Staged, Renamed click on the image to enlarge

High performance bracket pair colorization

(v3.32.3) Bracket Pair Colorizer 2 is unmaintened, now using native bracket pair colorization. click on the image to enlarge

TypeScript

(v3.18) TypeScript Screenshot

(v3.18.2) TypeScript Screenshot

FUNCTION RETURN TYPE

(v3.18) Colorfull function return type highlight

VARIABLE HIGHLIGHT

red on writing side / blue on the reading side

(v3.18) Usefull variable highlight

Decorator support

(v3.18) Typescript decorator support

Promise functions highlight

When using Latest Typescipt Grammar

(v3.18) When using Latest Typescipt Grammar Promise dot all and promise resolve and catch highlight

IMPORTS

When using appropriate font the italics are treated as cursive

Fira Code iScript

Fira Code

Will fall back to usig italic if the font doese not include support (v3.18)

BASH and SHELL Scripting

(v3.18)

CSS

(v3.12.0) CSS Screen shot

JavaScript

(v3.18) JavaScript Screenshot

TSX/JSX

(v3.18) JSX & TSX Screenshot

JSON

(v3.18) JSON Screen shot

YAML

(v3.18) YAML Screen shot

For better results use apropriate fonts and icons theme

Material Icon Theme

Options and settings

Set highlightModifiedTabs to true in your settings.json "workbench.editor.highlightModifiedTabs": true

Set the editor.rulers: [80, 120, 121] in vscode settings

editor.rulers setting in vscode (v3.9.5) editor.rulers setting Screenshot

Your favourite streamlined code editor is getting more bright and radiant, optimized to work in the Full-fledged Integrated Development Environment or in Text Editor sized mode. The colours have been handpicked with great care to be the most intuitive possible and to use extensively all capacity of your favourite IDE and text editor. This powerful theme of colour is always evolving. Colourful features are added and more languages will be included soon. This theme is STRONGLY OPINIONATED so make sure to request any changes you want by filling an issue if you want to be influencing the opinion.

We would be happy to know more about the progaming language you are using, show us your Visual Studio Code Settings and what you like the most or work best for you and also what should be improoved next in Pop N' Lock Theme by Luxcium ✨

Suggested extensions

†Included as an Extension Pack with this theme

Make sure to set encoding of your config file to utf8

{
  "workbench.colorTheme": "Pop N' Lock Theme by Luxcium ✨",

  "files.encoding": "utf8",
  "files.autoGuessEncoding": false,

  "workbench.editor.highlightModifiedTabs": true,

  "workbench.iconTheme": "material-icon-theme",
  "material-icon-theme.showReloadMessage": true,
  "editor.fontFamily": "Fira Code iScript, Fira Code",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.suggestFontSize": 16
}

The name of the theme contain emoticon and encoding must be set to "utf8"

Adjust these settings to your pleasing :

{
  "workbench.colorTheme": "Pop N' Lock Theme by Luxcium ✨",

  "files.encoding": "utf8",
  "files.autoGuessEncoding": false,

  "workbench.iconTheme": "material-icon-theme",
  "material-icon-theme.showReloadMessage": true,
  "editor.fontFamily": "Fira Code iScript, LigaFantasqueSansMono",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.suggestFontSize": 16,

  "editor.rulers": [80, 120, 121],
  "editor.wordWrapColumn": 80,
  "html.format.wrapLineLength": 120,

  "editor.showFoldingControls": "mouseover",
  "editor.renderControlCharacters": true,
  "editor.renderWhitespace": "boundary",
  "workbench.activityBar.visible": true,
  "breadcrumbs.enabled": true,
  "editor.minimap.enabled": true,
  "workbench.statusBar.visible": true,
  "workbench.editor.showTabs": true,
  "workbench.sideBar.location": "left",
  "explorer.openEditors.visible": 5,
  "explorer.sortOrder": "type",

  "terminal.integrated.fontFamily": "TerminessTTF NF,MesloLGL Nerd Font,CQ Mono",
  "terminal.integrated.letterSpacing": 1,
  "terminal.integrated.fontSize": 18,
  "terminal.integrated.cursorStyle": "block",
  "editor.cursorBlinking": "phase",
  "editor.cursorSmoothCaretAnimation": true,
  "editor.smoothScrolling": true,
  "editor.scrollBeyondLastColumn": 2,
  "files.insertFinalNewline": true,
  "files.trimFinalNewlines": true,
  "files.trimTrailingWhitespace": true,
  "prettier.tslintIntegration": true,
  "prettier.requireConfig": true,
  "git.enableSmartCommit": true,
  "window.newWindowDimensions": "inherit",
  "window.zoomLevel": 0,
  "editor.glyphMargin": true,
  "git.autofetch": true
}

TypeScript JS/TS Each section of code have a specific colour signature (v3.15.5)

TypeScript (v3.15.5) JS/TS Each section of code have a specific colour signature

(v3.11.1) TypeScript Screenshot

Breaking Changes possible for `Luxcium Preview✨`

⚠️ Themes marked Luxcium Preview✨ are subject to change in a future release. You may have to manualy remove/reinstall the theme in your config file:
If you have an error: 🚫Cannot read property 'id' of undefined Just go in config.json file remove the "workbench.colorTheme" then reload vscode and reinstall Pop N' Lock Theme by Luxcium ✨

⚠️ PREVIEWS are subject to change in a future release. It will be splited in separate themes. You may have to reinstall the themes after by removing from your config files and adding back...

Pop N' Lock Theme by Luxcium ✨ Alexis's Black ⛷ (PREVIEW may change in future release)

Pop N' Lock Theme by Luxcium ✨ TSA/ASD 🧩 (PREVIEW may change in future release)

On the web

Originally based on

This theme is based on the designs of Hedinne's Popping And Locking a theme with vivid colours, they capture your attention but are easy on your eyes. His theme originally based on VS Dark+, Gruvbox Dark and One Dark has changed a lot since. It is currently designed with TypeScript grammar and web languages syntax in mind like HTML & CSS (Also includes support for JavaScript, JSON, YAML, React's JSX/TSX and more).

Hedinne's Popping And Locking (VS Code Theme)
- Morhetz's Gruvbox
- Jdinhlife's Gruvbox (VSCode Theme)

MIT LICENSE

Permission is hereby granted, free of charge, to all person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ALL KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ALL CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.