💜

ahmadawais · Mar 28, 2018 · b24a165 · b24a165
commit b24a165
Show file tree

Hide file tree

Showing 24 changed files with 1,252 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+*.vsix
+.DS_Store
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,18 @@
+// A launch configuration that launches the extension inside a new window
+// Use IntelliSense to learn about possible attributes.
+// Hover to view descriptions of existing attributes.
+// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+{
+	"version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Extension",
+            "type": "extensionHost",
+            "request": "launch",
+            "runtimeExecutable": "${execPath}",
+            "args": [
+                "--extensionDevelopmentPath=${workspaceFolder}"
+            ]
+        }
+    ]
+}
diff --git a/.vscodeignore b/.vscodeignore
@@ -0,0 +1,4 @@
+.vscode/**
+.vscode-test/**
+.gitignore
+vsc-extension-quickstart.md
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,5 @@
+# Change Log
+All notable changes to the "shades-of-purple" theme will be documented in this file.
+
+## [Unreleased]
+- Initial release
diff --git a/README.md b/README.md
@@ -0,0 +1,35 @@
+<h1 align="center">
+	<img src="images/shades-of-purple.gif" />
+
+	Shades of Purple Theme for VS Code
+</h1>
+
+
+![Install](https://on.ahmda.ws/qWVC/c)
+
+## Easy Installation
+
+1. Open the extensions sidebar on Visual Studio Code
+2. Search for **Shades of Purple Theme**
+3. Click **Install** to install it.
+4. Click **Reload** to reload the your editor.
+5. Code/File ＞ Preferences ＞ Color Theme ＞ **Shades of Purple**.
+
+![alternate installation](https://on.ahmda.ws/qWuq/c)
+
+## Otherwise
+
+1. Launch Quick Open using <kbd>Cmd</kbd>+<kbd>P</kbd> — or — <kbd>Ctrl</kbd>+<kbd>P</kbd>.
+2. Paste the command `ext install shades-of-purple`
+3. Click **Install** to install it.
+4. Click **Reload** to reload the your editor.
+5. Code/File ＞ Preferences ＞ Color Theme ＞ **Shades of Purple**.
+
+![Thanks](https://on.ahmda.ws/qWCl/c)
+
+## Thanks
+
+Thanks to VSCode team at Microsoft for creating such an awesome code editor. Also to the creator of other high contrast themes that served as an inspiration.
+
+
+Licensed as MIT ⓒ [Ahmad Awais](https://AhmadAwais.com/).
diff --git a/demo/.editorconfig b/demo/.editorconfig
@@ -0,0 +1,24 @@
+# This file is for unifying the coding style for different editors and IDEs
+# editorconfig.org
+
+# WordPress Coding Standards
+# https://make.wordpress.org/core/handbook/coding-standards/
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = tab
+
+[*.yml]
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false
+
+[{*.txt,wp-config-sample.php}]
+end_of_line = crlf
diff --git a/demo/css.css b/demo/css.css
@@ -0,0 +1,17 @@
+/**
+ * Checkout this CSS File.
+ *
+ * @version 1.0.0
+ */
+
+.theme {
+	color: #b362ff;
+}
+
+.css-class {
+	color: #bada55;
+}
+
+#css-id {
+	background: goldenrod;
+}
diff --git a/demo/html.html b/demo/html.html
@@ -0,0 +1,25 @@
+<!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>Demo HTML Doc</title>
+</head>
+
+<body>
+	<div class='css-class'></div>
+
+	<div id='css-id'></div>
+
+	<p>This theme is cool.</p>
+
+	<script>
+		// Sum functions.
+		const sum = (x, y) => x + y;
+
+	</script>
+</body>
+
+</html>
diff --git a/demo/invalid.json b/demo/invalid.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/js.js b/demo/js.js
@@ -0,0 +1,28 @@
+/**
+ * JavaScript is fun
+ *
+ * Spent a whole night building this theme
+ * now my neck hurts. Time to hit the bed.
+ *
+ * @param hello
+ * @return bye
+ */
+
+const hello = "Hey, hello there";
+
+class vsc extends React.Component {}
+
+const ahmad = function() {};
+
+let awais = function() {};
+awais = 01;
+
+const ahmad = 100;
+
+function maedah() {
+	return true;
+}
+
+const batool = () => {};
+
+console.log(ahmad, awais);
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,39 @@
+# Shades of Purple Theme for VS Code
+
+![Preview](images/shades-of-purple.png)
+
+![Install](https://on.ahmda.ws/qWVC/c)
+
+## Easy Installation
+
+1. Open the extensions sidebar on Visual Studio Code
+2. Search for **Shades of Purple Theme**
+3. Click **Install** to install it.
+4. Click **Reload** to reload the your editor.
+5. Code/File ＞ Preferences ＞ Color Theme ＞ **Shades of Purple**.
+
+![alternate installation](https://on.ahmda.ws/qWuq/c)
+
+### Otherwise
+
+1. Launch Quick Open using <kbd>Cmd</kbd>+<kbd>P</kbd> — or — <kbd>Ctrl</kbd>+<kbd>P</kbd>.
+2. Paste the command `ext install shades-of-purple`
+3. Click **Install** to install it.
+4. Click **Reload** to reload the your editor.
+5. Code/File ＞ Preferences ＞ Color Theme ＞ **Shades of Purple**.
+
+![Thanks](https://on.ahmda.ws/qWCl/c)
+
+## Thanks
+
+Thanks to VSCode team at Microsoft for creating such an awesome code editor. Also to the creator of other high contrast themes that served as an inspiration.
+
+
+Say 👋 to me on Twitter via `@MrAhmadAwais`
+
+```js
+	// Sum functions.
+	const sum = (x, y) => x + y;
+```
+
+Cool markdown, the syntax is hidden and you can just write stuff.
diff --git a/demo/php.php b/demo/php.php
@@ -0,0 +1,20 @@
+<?php
+/**
+ * Index
+ *
+ * @package VSCode
+ */
+
+// Header.
+get_header();
+
+// Display the page to admins and subscribers only.
+if ( current_user_can( 'administrator' ) || current_user_can( 'subscriber' ) ) {
+	echo 'HELLO!';
+} else {
+	wp_redirect( 'https://VSCode.pro', 302 );
+	exit;
+}
+
+// Footer.
+get_footer();
diff --git a/demo/pug.pug b/demo/pug.pug
@@ -0,0 +1,12 @@
+<!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
+			| VSCode.pro — Become a VSCode Power User.
+
+  body
+    h1 Visual Studio Power Developers Save 30 mins to an hour daily.
diff --git a/demo/python.py b/demo/python.py
@@ -0,0 +1,17 @@
+#
+#  Swap two vars in Python
+#
+
+import numpy as np
+
+# Swaps
+data = np.random.random(2)
+print(data)
+data[0], data[1] = data[1], data[0]
+print(data)
+
+# Does not swap.
+data = np.random.random((2, 2))
+print(data)
+data[0], data[1] = data[1], data[0]
+print(data)
diff --git a/demo/react.js b/demo/react.js
@@ -0,0 +1,32 @@
+/**
+ * Demo of Shades of Purple VSCode theme.
+ *
+ * I'm 💜'ing it.
+ */
+import React from 'react';
+import ReactDOM from 'react-dom';
+import './index.css';
+
+/**
+ * VSCode Component.
+ *
+ * @class VSCode
+ * @extends {React.Component}
+ */
+class VSCode extends React.Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+			value: null
+		};
+	}
+
+	// Render.
+	render() {
+		return (
+			<button className="VSCode" onClick={() => alert('click')}>
+				{this.props.value}
+			</button>
+		);
+	}
+}
diff --git a/demo/typescript.ts b/demo/typescript.ts
@@ -0,0 +1,14 @@
+// @ts-ignore
+
+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/logo.png b/images/logo.png
diff --git a/images/shades-of-purple.gif b/images/shades-of-purple.gif
diff --git a/images/shades-of-purple.jpg b/images/shades-of-purple.jpg