Adding theme files

wesbos · Aug 22, 2017 · 0d0bbfa · 0d0bbfa
1 parent 4ca2d1e
commit 0d0bbfa
Show file tree

Hide file tree

Showing 35 changed files with 1,070 additions and 2 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,4 @@
+* text=auto eol=lf
+
+# graphics
+*.png binary
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+*.vsix
diff --git a/README.md b/README.md
@@ -1,2 +1,164 @@
-# vscode-theme-cobalt2
-vscode-theme-cobalt2
+# Cobalt2 Theme
+
+> A Cobalt2 theme for VS Code entirely based on [Cobalt2 from Wes Bos](https://github.com/wesbos/cobalt2).
+
+![Preview](images/vscode.png)
+
+# Installation
+
+1. Install [Visual Studio Code](https://code.visualstudio.com/)
+2. Launch Visual Studio Code
+3. Choose **Extensions** from menu
+4. Search for `vscode-theme-cobalt2`
+5. Click **Install** to install it
+6. Click **Reload** to reload the Code
+7. File > Preferences > Color Theme > **Cobalt2**
+
+# Editor Features
+
+## Activity Bar
+
+![Activity Bar](images/editor-activity-bar.png)
+
+## Debug
+
+![Debug](images/editor-debug.png)
+
+## Extensions
+
+![Extensions](images/editor-extensions.png)
+
+## Notifications
+
+![Notifications](images/editor-notifications.png)
+
+## Search
+
+![Search](images/editor-search.png)
+
+## Sidebar
+
+![Sidebar](images/editor-sidebar.png)
+
+## Status Bar
+
+![Status Bar](images/editor-status-bar.png)
+
+## Tabs
+
+![Tabs](images/editor-tabs.png)
+
+# Languages
+
+## CSS
+
+![CSS](images/language-css.png)
+
+## HTML
+
+![HTML](images/language-html.png)
+
+## JAVASCRIPT
+
+![JAVASCRIPT](images/language-javascript.png)
+
+## JSON
+
+![JSON](images/language-json.png)
+
+## MARKDOWN
+
+![MARKDOWN](images/language-markdown.png)
+
+## PROPERTIES
+
+![PROPERTIES](images/language-properties.png)
+
+## PUG
+
+![PUG](images/language-pug.png)
+
+## PYTHON
+
+![PYTHON](images/language-python.png)
+
+## TYPESCRIPT
+
+![TYPESCRIPT](images/language-typescript.png)
+
+## YAML
+
+![YAML](images/language-yaml.png)
+
+# Development
+
+## Install dependencies
+
+1. Install [Node.js](https://nodejs.org/) and [npm](https://www.npmjs.com/)
+2. Install [Visual Studio Code](https://code.visualstudio.com/)
+
+## Run
+
+Clone the repo
+
+```bash
+$ git clone https://github.com/robertoachar/vscode-theme-cobalt2.git
+```
+
+Install vsce
+
+```bash
+$ npm install -g vsce
+```
+
+Build the extension file
+
+```bash
+$ vsce package
+
+# or
+
+$ npm run build
+```
+
+Install the extension from a package file (.vsix)
+
+1. Launch Visual Studio Code
+2. Choose **Extensions** from menu
+3. Click **More** > **Install from VSIX...**
+4. Select the file `vscode-theme-cobalt2-x.x.x.vsix`
+6. Click **Reload Now** to reload the Code
+
+## Publish
+
+Create a publisher
+
+```bash
+$ vsce create-publisher <publisher-name>
+```
+
+Login
+
+```bash
+$ vsce login <publisher-name>
+```
+
+Publish
+
+```bash
+$ vsce publish
+```
+
+For more detailed information about publishing extensions: [Publishing Extensions](https://code.visualstudio.com/docs/extensions/publish-extension).
+
+# Contributing
+
+
+
+# Author
+
+[Roberto Achar](https://twitter.com/RobertoAchar)
+
+# License
+
+[MIT](https://github.com/robertoachar/vscode-theme-cobalt2/blob/master/LICENSE)
diff --git a/demo/.editorconfig b/demo/.editorconfig
@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
diff --git a/demo/css.css b/demo/css.css
@@ -0,0 +1,17 @@
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+
+html {
+  line-height: 1.15; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+body {
+  margin: 0;
+}
+
+a {
+  background-color: transparent; /* 1 */
+  -webkit-text-decoration-skip: objects; /* 2 */
+}
+
diff --git a/demo/html.html b/demo/html.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Document</title>
+</head>
+
+<body>
+
+</body>
+
+</html>
diff --git a/demo/js.js b/demo/js.js
@@ -0,0 +1,17 @@
+const express = require('express');
+const app = express();
+
+app.use('/static', express.static(path.join(__dirname, 'public')))
+
+app.get('/', function (req, res) {
+  res.send('Hello World!');
+});
+
+app.use(function (err, req, res, next) {
+  console.error(err.stack);
+  res.status(500).send('Something broke!');
+});
+
+app.listen(3000, () => {
+  console.log('Example app listening on port 3000!');
+});
diff --git a/demo/json.json b/demo/json.json
@@ -0,0 +1,26 @@
+{
+  "env": {
+    "es6": true,
+    "mocha": true,
+    "node": true
+  },
+  "extends": "eslint:recommended",
+  "rules": {
+    "indent": [
+      "error",
+      2
+    ],
+    "linebreak-style": [
+      "error",
+      "unix"
+    ],
+    "quotes": [
+      "error",
+      "single"
+    ],
+    "semi": [
+      "error",
+      "always"
+    ]
+  }
+}
diff --git a/demo/markdown.md b/demo/markdown.md
@@ -0,0 +1,15 @@
+# Cobalt2 Theme
+
+> A Cobalt2 theme for VS Code.
+
+![Preview](images/preview.gif)
+
+# Installation
+
+1. Install [Visual Studio Code](https://code.visualstudio.com/)
+2. Launch Visual Studio Code
+3. Choose **Extensions** from menu
+4. Search for `vscode-theme-cobalt2`
+5. Click **Install** to install it
+6. Click **Reload** to reload the Code
+7. File > Preferences > Color Theme > **Cobalt2**
diff --git a/demo/pug.pug b/demo/pug.pug
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+html(lang="en")
+
+  head
+    meta(charset="UTF-8")
+    meta(name="viewport", content="width=device-width, initial-scale=1.0")
+    meta(http-equiv="X-UA-Compatible", content="ie=edge")
+    title Document
+
+  body
+    h1 Pug
diff --git a/demo/python.py b/demo/python.py
@@ -0,0 +1,17 @@
+from flask import Flask, jsonify, make_response, request
+
+app = Flask('python-flask-seed')
+
+
+@app.route('/welcome', methods=['POST'])
+def welcome():
+    content = request.get_json(silent=True, force=True)
+
+    try:
+        message = 'Welcome %s!' % content['name']
+        response = {'message': message}
+        return make_response(jsonify(response), 200)
+
+    except Exception as ex:
+        response = {'error': 'name is required'}
+        return make_response(jsonify(response), 400)
diff --git a/demo/typescript.ts b/demo/typescript.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule } from '@angular/forms';
+
+import { AppComponent } from './app.component';
+
+@NgModule({
+  imports: [
+    BrowserModule,
+    FormsModule
+  ],
+  declarations: [
+    AppComponent
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }
diff --git a/demo/yml.yml b/demo/yml.yml
@@ -0,0 +1,13 @@
+language: node_js
+node_js:
+  - "6"
+install:
+  - npm install
+script:
+  - npm test
+after_script:
+  - npm run coveralls
+notifications:
+  email:
+    on_success: never
+    on_failure: always
diff --git a/images/editor-activity-bar.png b/images/editor-activity-bar.png
diff --git a/images/editor-debug.png b/images/editor-debug.png
diff --git a/images/editor-extensions.png b/images/editor-extensions.png
diff --git a/images/editor-notifications.png b/images/editor-notifications.png
diff --git a/images/editor-search.png b/images/editor-search.png
diff --git a/images/editor-sidebar.png b/images/editor-sidebar.png
diff --git a/images/editor-status-bar.png b/images/editor-status-bar.png
diff --git a/images/editor-tabs.png b/images/editor-tabs.png
diff --git a/images/language-css.png b/images/language-css.png
diff --git a/images/language-html.png b/images/language-html.png
diff --git a/images/language-javascript.png b/images/language-javascript.png
diff --git a/images/language-json.png b/images/language-json.png
diff --git a/images/language-markdown.png b/images/language-markdown.png
diff --git a/images/language-properties.png b/images/language-properties.png
diff --git a/images/language-pug.png b/images/language-pug.png
diff --git a/images/language-python.png b/images/language-python.png
diff --git a/images/language-typescript.png b/images/language-typescript.png
diff --git a/images/language-yaml.png b/images/language-yaml.png
diff --git a/images/vscode.png b/images/vscode.png