├── .gitignore
├── preview.png
├── .vscodeignore
├── .gitattributes
├── demo
├── css.css
├── elm.elm
├── yml.yml
├── pug.pug
├── json.json
├── html.html
├── python.py
├── clojurescript.cljs
├── issue-91.jsx
├── issue-91.tsx
├── react.js
├── clojure.clj
├── checkbox_with_label.test.js
├── vuedemo.vue
├── ruby.rb
├── statelessfunctionalreact.js
├── js.js
├── tsx.tsx
├── php.php
├── typescript.ts
└── powershell.ps1
├── CHANGELOG.md
├── .vscode
└── launch.json
├── package.json
├── README.md
├── vsc-extension-quickstart.md
└── themes
└── ideal-color-theme.json
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | *.vsix
3 |
--------------------------------------------------------------------------------
/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/karsany/vscode-ideal-theme/HEAD/preview.png
--------------------------------------------------------------------------------
/.vscodeignore:
--------------------------------------------------------------------------------
1 | .vscode/**
2 | .vscode-test/**
3 | .gitignore
4 | vsc-extension-quickstart.md
5 |
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | # Set default behavior to automatically normalize line endings.
2 | * text=auto
3 |
4 |
--------------------------------------------------------------------------------
/demo/css.css:
--------------------------------------------------------------------------------
1 | .someClass {
2 | font-family: serif;
3 | }
4 |
5 | #someID {
6 | background: yellow;
7 | }
8 |
9 | main {
10 | margin-top: 20px;
11 | }
12 |
--------------------------------------------------------------------------------
/demo/elm.elm:
--------------------------------------------------------------------------------
1 | main : Program Never Model Msg
2 | main =
3 | program
4 | { init = init
5 | , view = view
6 | , update = update
7 | , subscriptions = subscriptions
8 | }
--------------------------------------------------------------------------------
/demo/yml.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | node_js:
3 | - "6"
4 | install:
5 | - npm install
6 | script:
7 | - npm test
8 | after_script:
9 | - npm run coveralls
10 | notifications:
11 | email:
12 | on_success: never
13 | on_failure: always
14 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Change Log
2 | All notable changes to the "idea-theme" extension will be documented in this file.
3 |
4 | Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
5 |
6 | ## [Unreleased]
7 | - Initial release
8 |
--------------------------------------------------------------------------------
/demo/pug.pug:
--------------------------------------------------------------------------------
1 |
2 | html(lang="en")
3 |
4 | head
5 | meta(charset="UTF-8")
6 | meta(name="viewport", content="width=device-width, initial-scale=1.0")
7 | meta(http-equiv="X-UA-Compatible", content="ie=edge")
8 | title Document
9 |
10 | body
11 | h1 Pug
12 |
--------------------------------------------------------------------------------
/demo/json.json:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "es6": true,
4 | "mocha": true,
5 | "node": true
6 | },
7 | "extends": "eslint:recommended",
8 | "rules": {
9 | "indent": ["error", 2],
10 | "linebreak-style": ["error", "unix"],
11 | "quotes": ["error", "single"],
12 | "semi": ["error", "always"]
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/demo/html.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Document
9 |
10 |
11 |
12 | Tacos Tacos
13 |
14 | Tacos tacos tacos
15 |
16 |
17 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/demo/python.py:
--------------------------------------------------------------------------------
1 | from collections import deque
2 |
3 | def topo(G, ind=None, Q=[1]):
4 | if ind == None:
5 | ind = [0] * (len(G) + 1) #this is a comment
6 | for u in G:
7 | for v in G[u]:
8 | ind[v] += 1
9 | Q = deque()
10 | for i in G:
11 | if ind[i] == 0:
12 | Q.append(i)
13 | if len(Q) == 0:
14 | return
15 | v = Q.popleft()
16 | print(v)
17 | for w in G[v]:
18 | ind[w] -= 1
19 | if ind[w] == 0:
20 | Q.append(w)
21 | topo(G, ind, Q)
--------------------------------------------------------------------------------
/.vscode/launch.json:
--------------------------------------------------------------------------------
1 | // A launch configuration that launches the extension inside a new window
2 | // Use IntelliSense to learn about possible attributes.
3 | // Hover to view descriptions of existing attributes.
4 | // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
5 | {
6 | "version": "0.2.0",
7 | "configurations": [
8 | {
9 | "name": "Extension",
10 | "type": "extensionHost",
11 | "request": "launch",
12 | "runtimeExecutable": "${execPath}",
13 | "args": [
14 | "--extensionDevelopmentPath=${workspaceFolder}"
15 | ]
16 | }
17 | ]
18 | }
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vscode-ideal-theme",
3 | "displayName": "IDEA like light Theme",
4 | "description": "",
5 | "version": "0.0.3",
6 | "publisher": "karsany",
7 | "preview": true,
8 | "repository": {
9 | "url": "https://github.com/karsany/vscode-ideal-theme"
10 | },
11 | "engines": {
12 | "vscode": "^1.28.0"
13 | },
14 | "categories": [
15 | "Themes"
16 | ],
17 | "contributes": {
18 | "themes": [
19 | {
20 | "label": "IDEA like light Theme",
21 | "uiTheme": "vs",
22 | "path": "./themes/ideal-color-theme.json"
23 | }
24 | ]
25 | }
26 | }
--------------------------------------------------------------------------------
/demo/clojurescript.cljs:
--------------------------------------------------------------------------------
1 | (ns hello.world.clojurescript
2 | (:require [reagent.core :as r])
3 |
4 | (def counter (r/atom 0))
5 | (def text-component-style {:background-color :grey
6 | :border "1px solid black"
7 | :padding "5px"})
8 |
9 | (defn counter-clicked []
10 | (.log js/console "You clicked the counter component.")
11 | (swap! counter inc))
12 |
13 | (defn text-counter [text]
14 | [:div {:on-click counter-clicked
15 | :style text-component-style})
16 | (str text @counter])
17 |
18 | (defn main-component []
19 | [:div
20 | [:p {:style {:color :red}} "Hello world! Click the element below:"]
21 | [text-counter "Clicked: "]])
22 |
--------------------------------------------------------------------------------
/demo/issue-91.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import calculate from '../logic/calculate'
3 | import './App.css'
4 | import ButtonPanel from './ButtonPanel'
5 | import Display from './Display'
6 |
7 | class App extends React.Component {
8 | constructor(props) {
9 | super(props)
10 | this.state = {
11 | total: null
12 | }
13 | }
14 |
15 | handleClick = buttonName => {
16 | this.setState(calculate(this.state, buttonName))
17 | }
18 |
19 | render() {
20 | return (
21 |
22 | Tacos
23 |
24 |
25 |
26 | )
27 | }
28 | }
29 | export default App
30 |
--------------------------------------------------------------------------------
/demo/issue-91.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import calculate from '../logic/calculate'
3 | import './App.css'
4 | import ButtonPanel from './ButtonPanel'
5 | import Display from './Display'
6 |
7 | class App extends React.Component {
8 | constructor(props) {
9 | super(props)
10 | this.state = {
11 | total: null
12 | }
13 | }
14 |
15 | handleClick = buttonName => {
16 | this.setState(calculate(this.state, buttonName))
17 | }
18 |
19 | render() {
20 | return (
21 |
22 | Tacos
23 |
24 |
25 |
26 | )
27 | }
28 | }
29 | export default App
30 |
--------------------------------------------------------------------------------
/demo/react.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import calculate from '../logic/calculate'
3 | import './App.css'
4 | import ButtonPanel from './ButtonPanel'
5 | import Display from './Display'
6 |
7 | class App extends React.Component {
8 | constructor(props) {
9 | super(props)
10 | this.state = {
11 | total: null,
12 | next: null,
13 | operation: null
14 | }
15 | }
16 |
17 | handleClick = buttonName => {
18 | this.setState(calculate(this.state, buttonName))
19 | }
20 |
21 | render() {
22 | return (
23 |
24 | Tacos
25 |
26 |
27 |
28 | )
29 | }
30 | }
31 | export default App
32 |
--------------------------------------------------------------------------------
/demo/clojure.clj:
--------------------------------------------------------------------------------
1 | (ns hello.world.clojure)
2 |
3 | (defn sum [& numbers]
4 | (if (empty? numbers)
5 | 0
6 | (reduce + 0 numbers)))
7 |
8 | (defn print-name [{:keys [first last age]}]
9 | (println (str "Your name is " first " " last " and you are " age " years old.")))
10 |
11 | (defn set-age [person new-age]
12 | (assoc person :age new-age))
13 |
14 | (defn hello-world []
15 | (let [john {:first "John" :last "Smith" :age 65}
16 | jack {:first "Jack" :last "Road" :age 76}
17 | george {:first "George" :last "Way" :age 23}
18 | george-junior (assoc george :age 6)
19 | all-persons [john jack george george-junior]]
20 |
21 | (doseq [person all-persons]
22 | (print-name person))
23 |
24 | (println (str "Total age is: " (apply sum (map :age all-persons))))))
25 |
26 | (hello-world)
27 |
--------------------------------------------------------------------------------
/demo/checkbox_with_label.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactDOM from 'react-dom'
3 | import * as TestUtils from 'react-dom/test-utils'
4 | import CheckboxWithLabel from '../CheckboxWithLabel'
5 |
6 | it('CheckboxWithLabel changes the text after click', () => {
7 | // Render a checkbox with label in the document
8 | const checkbox = TestUtils.renderIntoDocument(
9 |
10 | )
11 |
12 | const checkboxNode = ReactDOM.findDOMNode(checkbox)
13 |
14 | // Verify that it's Off by default
15 | expect(checkboxNode.textContent).toEqual('Off')
16 |
17 | // Simulate a click and verify that it is now On
18 | TestUtils.Simulate.change(
19 | TestUtils.findRenderedDOMComponentWithTag(checkbox, 'input')
20 | )
21 | expect(checkboxNode.textContent).toEqual('On')
22 | })
23 |
--------------------------------------------------------------------------------
/demo/vuedemo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
29 |
30 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # IDEA like light Theme
2 |
3 | [](https://marketplace.visualstudio.com/items?itemName=karsany.vscode-ideal-theme)
4 | [](https://marketplace.visualstudio.com/items?itemName=karsany.vscode-ideal-theme)
5 |
6 | ## Preview
7 |
8 | 
9 |
10 | ## Installation
11 |
12 | 1. Launch Visual Studio Code
13 | 2. Choose __Extensions__ from menu
14 | 3. Search for `IDEA like light Theme`
15 | 4. Click __Install__ to install it
16 | 5. Click __Reload__ to reload the Code
17 | 6. From the menu bar click: Code > Preferences > Color Theme > __IDEA like light Theme__
18 |
19 | ## Misc
20 |
21 | Thanks for the demo directory to [Night Owl Theme](https://github.com/sdras/night-owl-vscode-theme)
22 |
23 | **Enjoy!**
24 |
--------------------------------------------------------------------------------
/demo/ruby.rb:
--------------------------------------------------------------------------------
1 | module ExampleModule
2 | class ExampleClass::ScopeResolution < NewScope::Operator
3 |
4 | def initialize(options)
5 | @@class_var = options[:class]
6 | @instance_var = options[:instance]
7 | end
8 |
9 | def method
10 | puts 'doing stuff'
11 | yield if block_given?
12 | other_method(:arg)
13 | end
14 |
15 | def self.class_method
16 | return "I am a class method!"
17 | end
18 |
19 | private
20 |
21 | def other_method(*args)
22 | puts 'doing other stuff #{42}'
23 | end
24 |
25 | def self.private
26 | [1, 2, 3].each do |item|
27 | puts item
28 | end
29 | end
30 |
31 | private_class_method :private
32 | end
33 | end
34 |
35 | ExampleModule::ExampleClass::ScopeResolution
36 | example_instance = ExampleModule::ExampleClass::ScopeResolution.new(:arg)
37 |
38 | example_instance.method(:arg) do
39 | puts 'yielding in block!'
40 | end
--------------------------------------------------------------------------------
/demo/statelessfunctionalreact.js:
--------------------------------------------------------------------------------
1 | // I use this syntax when my component fits on one line
2 | const ListItem = props => {props.item.name}
3 |
4 | // I use this when my component has no logic outside JSX
5 | const List = ({ items }) => (
6 |
7 | )
8 |
9 | // I use this when the component needs logic outside JSX.
10 | const Body = props => {
11 | let items = transformItems(props.rawItems)
12 | return (
13 |
14 |
{props.header}
15 |
16 |
17 | )
18 | }
19 |
20 | // This is equivalent to the last example
21 | function Page(props, context) {
22 | return (
23 |
24 |
25 |
26 | )
27 | }
28 | // propTypes and contextTypes are supported
29 | Page.propTypes = {
30 | rawItems: React.PropTypes.array.isRequired
31 | }
32 |
--------------------------------------------------------------------------------
/demo/js.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | class Sale {
3 | constructor(price) {
4 | ;[this.decoratorsList, this.price] = [[], price]
5 | }
6 |
7 | decorate(decorator) {
8 | if (!Sale[decorator]) throw new Error(`decorator not exist: ${decorator}`)
9 | this.decoratorsList.push(Sale[decorator])
10 | }
11 |
12 | getPrice() {
13 | for (let decorator of this.decoratorsList) {
14 | this.price = decorator(this.price)
15 | }
16 | return this.price.toFixed(2)
17 | }
18 |
19 | static quebec(price) {
20 | // this is a comment
21 | return price + price * 7.5 / 100
22 | }
23 |
24 | static fedtax(price) {
25 | return price + price * 5 / 100
26 | }
27 | }
28 |
29 | let sale = new Sale(100)
30 | sale.decorate('fedtax')
31 | sale.decorate('quebec')
32 | console.log(sale.getPrice()) //112.88
33 |
34 | getPrice()
35 |
36 | //deeply nested
37 |
38 | async function asyncCall() {
39 | var result = await resolveAfter2Seconds();
40 | }
41 |
42 | for (let i=0; i <10; i++) {
43 | continue;
44 | }
45 |
46 | if (true) {}
47 |
48 | while (true) {}
49 |
50 | switch(2) {
51 | case 2:
52 | break;
53 | default:
54 | break;
55 | }
--------------------------------------------------------------------------------
/demo/tsx.tsx:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, OnDestroy } from '@angular/core'
2 | import { Person, SearchService } from '../shared'
3 | import { ActivatedRoute } from '@angular/router'
4 | import { Subscription } from 'rxjs'
5 |
6 | @Component({
7 | selector: 'app-search',
8 | templateUrl: './search.component.html',
9 | styleUrls: ['./search.component.css']
10 | })
11 | export class SearchComponent implements OnInit, OnDestroy {
12 | query: string
13 | searchResults: Array
14 | sub: Subscription
15 |
16 | constructor(
17 | private searchService: SearchService,
18 | private route: ActivatedRoute
19 | ) {}
20 |
21 | ngOnInit() {
22 | this.sub = this.route.params.subscribe(params => {
23 | if (params['term']) {
24 | this.query = decodeURIComponent(params['term'])
25 | this.search()
26 | }
27 | })
28 | }
29 |
30 | search(): void {
31 | this.searchService.search(this.query).subscribe(
32 | (data: any) => {
33 | this.searchResults = data
34 | },
35 | error => console.log(error)
36 | )
37 | }
38 |
39 | ngOnDestroy() {
40 | if (this.sub) {
41 | this.sub.unsubscribe()
42 | }
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/demo/php.php:
--------------------------------------------------------------------------------
1 | pdo = new PDO($GLOBALS['db_dsn'], $GLOBALS['db_username'], $GLOBALS['db_password']);
11 | $this->pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
12 | $this->pdo->query("CREATE TABLE hello (what VARCHAR(50) NOT NULL)");
13 | }
14 | public function tearDown()
15 | {
16 | $this->pdo->query("DROP TABLE hello");
17 | }
18 | public function testHelloWorld()
19 | {
20 | $helloWorld = new HelloWorld($this->pdo);
21 | $this->assertEquals('Hello World', $helloWorld->hello());
22 | }
23 | public function testHello()
24 | {
25 | $helloWorld = new HelloWorld($this->pdo);
26 | $this->assertEquals('Hello Bar', $helloWorld->hello('Bar'));
27 | }
28 | public function testWhat()
29 | {
30 | $helloWorld = new HelloWorld($this->pdo);
31 | $this->assertFalse($helloWorld->what());
32 | $helloWorld->hello('Bar');
33 | $this->assertEquals('Bar', $helloWorld->what());
34 | }
35 | }
36 | ?>
--------------------------------------------------------------------------------
/demo/typescript.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, OnDestroy } from '@angular/core'
2 | import { Person, SearchService } from '../shared'
3 | import { ActivatedRoute } from '@angular/router'
4 | import { Subscription } from 'rxjs'
5 |
6 | @Component({
7 | selector: 'app-search',
8 | templateUrl: './search.component.html',
9 | styleUrls: ['./search.component.css']
10 | })
11 | export class SearchComponent implements OnInit, OnDestroy {
12 | query: string
13 | searchResults: Array
14 | sub: Subscription
15 |
16 | constructor(
17 | private searchService: SearchService,
18 | private route: ActivatedRoute
19 | ) {}
20 |
21 | ngOnInit() {
22 | this.sub = this.route.params.subscribe(params => {
23 | if (params['term']) {
24 | this.query = decodeURIComponent(params['term'])
25 | this.search()
26 | }
27 | })
28 | }
29 |
30 | search(): void {
31 | this.searchService.search(this.query).subscribe(
32 | (data: any) => {
33 | this.searchResults = data
34 | },
35 | error => console.log(error)
36 | )
37 | }
38 |
39 | ngOnDestroy() {
40 | if (this.sub) {
41 | this.sub.unsubscribe()
42 | }
43 | }
44 | }
45 |
46 | async function asyncCall() {
47 | var result = await resolveAfter2Seconds();
48 | }
49 |
50 | for (let i=0; i <10; i++) {
51 | continue;
52 | }
53 |
54 | if (true) {}
55 |
56 | while (true) {}
57 |
58 | switch(2) {
59 | case 2:
60 | break;
61 | default:
62 | break;
63 | }
--------------------------------------------------------------------------------
/vsc-extension-quickstart.md:
--------------------------------------------------------------------------------
1 | # Welcome to your VS Code Extension
2 |
3 | ## What's in the folder
4 | * This folder contains all of the files necessary for your color theme extension.
5 | * `package.json` - this is the manifest file that defines the location of the theme file.
6 | and specifies the base theme of the theme.
7 | * `themes/Idea Theme-color-theme.json` - the color theme definition file.
8 |
9 | ## Get up and running straight away
10 | * Press `F5` to open a new window with your extension loaded.
11 | * Open `File > Preferences > Color Themes` and pick your color theme.
12 | * Open a file that has a language associated. The languages' configured grammar will tokenize the text and assign 'scopes' to the tokens. To examine these scopes, invoke the `Inspect TM Scopes` command from the Commmand Palette (`Ctrl+Shift+P` or `Cmd+Shift+P` on Mac) .
13 |
14 | ## Make changes
15 | * You can relaunch the extension from the debug toolbar after making changes to the files listed above.
16 | * You can also reload (`Ctrl+R` or `Cmd+R` on Mac) the VS Code window with your extension to load your changes.
17 | * When editing workbench colors, it's easiest to test the colors in the settings under `workbench.colorCustomizations` and `workbench.tokenColorCustomizations`. When done, run the `Generate Color Theme From Current Settings` command to generate an updated content for the color theme definition file.
18 |
19 | ## Adopt your theme to Visual Studio Code
20 | * The token colorization is done based on standard TextMate themes. Colors are matched against one or more scopes.
21 | To learn more about scopes and how they're used, check out the [theme](https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers#_adding-a-new-color-theme) documentation.
22 |
23 | ## Install your extension
24 | * To start using your extension with Visual Studio Code copy it into the `/.vscode/extensions` folder and restart Code.
25 | * To share your extension with the world, read on https://code.visualstudio.com/docs about publishing an extension.
26 |
--------------------------------------------------------------------------------
/demo/powershell.ps1:
--------------------------------------------------------------------------------
1 | <#
2 | .SYNOPSIS
3 | Provisions a example powershell function
4 | .EXAMPLE
5 | PS C:\> .\powershell.ps1 -Argument1 "hola soy un texto"
6 | #>
7 | [CmdletBinding()]
8 | param(
9 | [Parameter(Mandatory = $true, HelpMessage = "This argument is required")]
10 | [String]
11 | $textParameter
12 | )
13 |
14 | try {
15 | #almost every function is called like this:
16 | Write-Host "Initializing example function"
17 | Write-Host "The parameter is " $textParameter -ForegroundColor Red
18 |
19 | #this are variables
20 | $customArray = @(
21 | @{
22 | Id = 1;
23 | Value = "I'm an option";
24 | },
25 | @{
26 | Id = 2;
27 | Value = "Option No. 2";
28 | }
29 | )
30 |
31 | foreach ($option in $customArray) {
32 | Write-Host "Iterating options:" $option.Value
33 | }
34 |
35 | $collectionWithItems = New-Object System.Collections.ArrayList
36 | $temp = New-Object System.Object
37 | $temp | Add-Member -MemberType NoteProperty -Name "Title" -Value "Custom Object Title 1"
38 | $temp | Add-Member -MemberType NoteProperty -Name "Subject" -Value "Delegación del plan de acción [Folio_PlandeAccion]"
39 | $temp | Add-Member -MemberType NoteProperty -Name "Body" -Value "This s a note example, with lots of text
40 |
41 | It happens to be in html format, but is just text the property couldnt't know
42 |
43 | It's up for the one who uses me to render me correctly.
Or not.