pop-n-lock-theme-vscode
馃惒 Perfectly balanced TypeScript theme with vivid colours.
Last updated 5 months ago by neb_401 .
MITRepositoryBugsOriginal npmTarballpackage.json
$ cnpm install pop-n-lock-theme-vscode 
SYNC missed versions from official npm registry.

Pop N' Lock Theme by Luxcium 鉁

GitHub issues GitHub contributors GitHub stars Known Vulnerabilities

???? 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 26 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

Visual Studio Marketplace Rating (Stars)

Handpicked colors

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

[Preview of the IDE with Pop N鈥 Lock Theme]
(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.

TypeScript

TypeScript
(v3.18) TypeScript Screenshot

TypeScript
(v3.18) TypeScript Screenshot

TypeScript syntax for vscode
(v3.18.2) TypeScript Screenshot

FUNCTION RETURN TYPE

[Return type of functions higlighting]
(v3.18) Colorfull function return type highlight

VARIABLE HIGHLIGHT

red on writing side / blue on the reading side

[Variable highlight]
(v3.18) Usefull variable highlight

Decorator support

[Decorator support]
(v3.18) Typescript decorator support

Latest TypeScript / Javascript Grammar

[Latest TypeScript / Javascript Grammar]

Promise functions highlight

When using Latest Typescipt Grammar

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

Console highlight

When using Latest Typescipt Grammar

[Console highlight]
(v3.18) When using Latest Typescipt Grammar support console.log / conso.error etc. highlight

IMPORTS

When using appropriate font the italics are treated as cursive

Fira Code iScript

[Cursive theme]

Fira Code

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

BASH and SHELL Scripting

[BASH scripting in visual studio]
(v3.18)

CSS

[CSS]
(v3.12.0) CSS Screen shot

JavaScript

[JavaScript syntax for vscode]
(v3.18) JavaScript Screenshot

TSX/JSX

[TSX/JSX color theme for vscode]
(v3.18) JSX & TSX Screenshot

JSON

[JSON]
(v3.18) JSON Screen shot

YAML

[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

鈥營ncluded 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

TypeScript(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).


MIT LICENSE

Pop N' Lock Theme by Luxcium 鉁 Copyright 漏 2018-2020 Benjamin Vincent Kasapoglu (Luxcium)

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.


Based on Popping and Locking (VS Code Theme) 漏 2016-2018 Hedinn Eiriksson


THE LUXCIUM OWL LOGO IS A TRADEMARK OF BENJAMIN VINCENT KASAPOGLU (鈩 & 漏 2017-2020 ALL RIGHT RESERVED)

POP N' LOCK THEME 禄 & 芦 POP N' LOCK THEME BY LUXCIUM 鉁 禄 ARE TRADEMARKS OF BENJAMIN VINCENT KASAPOGLU (鈩 & 漏 2018-2020 ALL RIGHT RESERVED)


Copyright 漏 2018-2020 Benjamin Vincent Kasapoglu (Luxcium)

Scientia is lux principium鉁ㄢ劉

Current Tags

  • 3.31.0                                ...           latest (5 months ago)

12 Versions

  • 3.31.0                                ...           5 months ago
  • 3.30.2                                ...           5 months ago
  • 3.30.0                                ...           6 months ago
  • 3.29.6                                ...           6 months ago
  • 3.29.3                                ...           6 months ago
  • 3.29.0                                ...           6 months ago
  • 3.25.4                                ...           9 months ago
  • 3.25.3                                ...           9 months ago
  • 3.25.1                                ...           9 months ago
  • 3.20.12                                ...           a year ago
  • 3.20.11                                ...           a year ago
  • 3.18.5                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 2
Last Day 0
Last Week 1
Last Month 0
Dependencies (1)
Dev Dependencies (35)
Dependents (0)
None

Copyright 2014 - 2017 漏 taobao.org |