Skip to content

Commit

Permalink
feat(theme): add default palenight theme
Browse files Browse the repository at this point in the history
  • Loading branch information
wewoor committed Dec 23, 2020
1 parent ff55f06 commit d5382f8
Show file tree
Hide file tree
Showing 16 changed files with 8,708 additions and 0 deletions.
12 changes: 12 additions & 0 deletions src/extensions/vscode-palenight-theme/.editorconfig
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = crlf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false
1 change: 1 addition & 0 deletions src/extensions/vscode-palenight-theme/.gitattributes
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
*.json linguist-language=JavaScript
5 changes: 5 additions & 0 deletions src/extensions/vscode-palenight-theme/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
npm-debug.log
yarn-error.log
node_modules
debug.log
*.vsix
10 changes: 10 additions & 0 deletions src/extensions/vscode-palenight-theme/.vscodeignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
package-lock.json
.gitattributes
demos/**
**/*.map
.gitignore
node_modules
.editorconfig
.babelrc
.eslintrc
yarn.lock
38 changes: 38 additions & 0 deletions src/extensions/vscode-palenight-theme/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<div align="center">

# Palenight Theme

An elegant and juicy material-inspired theme for Visual Studio Code.

[![vscode](https://img.shields.io/badge/vscode-v1.12+-373277.svg?style=for-the-badge)](https://code.visualstudio.com/updates/v1_12) [![made in nigeria](https://img.shields.io/badge/made%20in-nigeria-008751.svg?style=for-the-badge)](https://github.com/acekyd/made-in-nigeria)

![theme preview](https://i.imgur.com/G3KSdGo.png)

</div>

# Installation

1. Open the **Extensions** sidebar in VS Code. `View → Extensions`
1. Search for `Palenight`, choose "Palenight Theme" by **Olaolu Olawuyi**
1. Click **Install** to install it
1. Navigate to File > Preferences > Color Theme > **Palenight Theme** (or any of the variants listed)

Psst! If you have the [Operator Mono](https://www.typography.com/fonts/operator) font installed, you might be interested in the **Palenight Operator** variant. Also, if you like some good ol' italics on certain keywords, try out the **Palenight Italic** variant.

_There's also an [Atom version](https://atom.io/themes/material-palenight-syntax) of this theme created by me._

## Mild Contrast

This theme uses minimal contrast across the first three variants, but if you feel like the workbench could use a bit more, there's an experimental mild contrast variant under the name **Palenight (Mild Contrast)**, and it looks somewhat like this:

![mild contrast preview](https://i.imgur.com/kxR49j3.png)

## Contributing

See something strange? Please report [here](https://github.com/whizkydee/vscode-palenight-theme/issues). A screenshot would be great for clarification purposes. Also, you might want to check out the [contributing guide](https://github.com/whizkydee/vscode-palenight-theme/blob/master/contributing.md).

## License

This theme is released under the [MIT License](https://github.com/whizkydee/vscode-palenight-theme/blob/master/license.md).

✨ Designed by **[Olaolu Olawuyi](https://olaolu.dev?utm_source=palenight)** in **[Lagos, Nigeria](https://www.google.com/maps/place/Lagos)**. Find me on **[Twitter](https://twitter.com/mrolaolu)**
278 changes: 278 additions & 0 deletions src/extensions/vscode-palenight-theme/changelog.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,278 @@
# 2.0.1 (22.09.2020)

- Updated theme preview image
- Added support for other markup languages (thanks [@gcollic](https://github.com/gcollic))
- Extensive polishing for markup languages (thanks [@gcollic](https://github.com/gcollic))
- Reworded theme variants content in the README

## 2.0.0 (08.08.2020)

- Added a mild contrast variant (fixes [#32](https://github.com/whizkydee/vscode-palenight-theme/issues/32), [#33](https://github.com/whizkydee/vscode-palenight-theme/issues/33), [#38](https://github.com/whizkydee/vscode-palenight-theme/issues/38) and [#42](https://github.com/whizkydee/vscode-palenight-theme/issues/42))
- Repolished window title bar on macOS
- Removed diff editor text border color to comply with VSCode theme authoring recommendation (thanks [@aaronbushnell](https://github.com/aaronbushnell))
- Improved contrast of focused and hovered items in lists across all variants (fixes [#38](https://github.com/whizkydee/vscode-palenight-theme/issues/38))

![mild contrast preview](https://i.imgur.com/kxR49j3.png)

## 1.9.7 (06.10.2019)

- Colored more tokens & punctuations in styled components
- Colored GraphQL Variables

## 1.9.6 (19.09.2019)

- Fixed coloring of punctuations in styled components

## 1.9.5 (12.04.2019)

- a bunch of improvements
- updated preview image

## 1.9.4 (02.10.2018)

- fixes [#30](https://github.com/whizkydee/vscode-palenight-theme/issues/30)
- normalize curly brackets in react jsx
- italicsify units in css

## 1.9.1...1.9.3

- version bump and marketplace fixes

## 1.9.0 (16.08.2018)

- added support for relatively new workbench tokens
- added support for breadcrumbs
- trying out some renames
- cleaned up theme files
- changed preview image
- re-worded readme file

## 1.8.0 (25.05.2018)

- fixes [#24](https://github.com/whizkydee/vscode-palenight-theme/issues/24)
- fixes [#18](https://github.com/whizkydee/vscode-palenight-theme/issues/18)
- updated community section in readme
- corrected typos

## 1.7.3 (30.04.2018)

- update preview image
- adds community section to readme

## 1.7.2 (01.04.2018)

- sets color for active line number
- updated notifications UI

## 1.7.1 (03.03.2018)

- fixes [#19](https://github.com/whizkydee/vscode-palenight-theme/issues/19)

## 1.7.0 (06.01.2018)

- Updated `gitDecoration` coloring
- Updated tokens in the italic style array
- Renamed variants
- Other minor changes

## 1.6.0 (13.11.2017)

- Added support for `gitDecoration` in the **explorer**
- Blended `activityBar` background with **sidebar**
- Sorted versions in **CHANGELOG** in new-to-old format
- Updated coloring of lists in the workbench
- Blended `sideBar` background with main editor
- Selection Background is now super-visible. Fixes [#2](https://github.com/whizkydee/vscode-palenight-theme/issues/2)
- Made `lineHighlight` background darker and more visible
- Removed some tokens from the italics variant
- Updated preview image

## 1.5.4 (25.10.2017)

- Lightened `insertedTextBackground` and `insertedTextBorder` in **diffEditor**
- Made `selectionBackground` even easier to spot
- Improved support a lot for JavaScript modules
- Made curly braces `{}` normal in **JSX**
- Added more tokens to italics array
- Updated `diffEditor` colors

## 1.5.3 (24.10.2017)

- Version Bump

## 1.5.2 (12.10.2017)

- Removed **irrelevant tokens** from italic style array
- Made `selectionBackground` clearer to spot
- Fixed `vscode` version shield in **README**

## 1.5.1 (06.10.2017)

- Update display name
- Fixed error in CHANGELOG

## 1.5.0 (06.10.2017)

- Made **macOS active titleBar** background easier on the eyes as pointed by [@NeoIghodaro](https://twitter.com/NeoIghodaro) and [@FezVrasta](https://twitter.com/FezVrasta)
- Changed `focusBorder` color as noted by [@NeoIghodaro](https://twitter.com/NeoIghodaro)
- Made background of `editorGutter` for **VCS** info solid
- Lightened background of `diffEditor` to enable easier spotting
- Changed the color **punctuations** in PHP function calls
- Changed the color of **support classes** in **PHP**
- Changed color of **Markdown** list punctuations
- Normalized font style of `|` symbol in `RegExp`
- Lightened red color for keywords like `this`
- Added **donate link** to **README**
- Improved **terminal** coloring
- Updated some info in **README**
- Updated theme **preview image**
- Updated **Contributing guide**
- Renamed theme files

## 1.4.0 (03.10.2017)

- Updated **README** and removed irrelevant stuff
- Changed color of **Markdown list Punctuations**
- Removed irrelevant shields in **README**
- Added dates to versions in **CHANGELOG**
- Italicize all text in **Markdown files**
- Removed irrelevant **devDependencies**
- Added source of inspiration to changelog
- Updated **installation instructions**
- Updated theme **preview image**
- Added **contributing guide**
- Removed **unwanted files**
- Added **build script**

## 1.3.0 (13.09.2017)

- [Hot] Fixed **macOS titleBar** foreground color as noted in [#4](https://github.com/whizkydee/vscode-palenight-theme/issues/4)
- [Hot] Fixed **editorWidget** border color as noted in [#4](https://github.com/whizkydee/vscode-palenight-theme/issues/4)
- Added color for **wildcard** selector in **stylesheets**
- Added more support for **tag names** in **JS frameworks**
- Added more support for **custom tag names** in **JS frameworks**
- Improved syntax support for **JSON** in **JavaScript**
- Added **Object Literal Keys** to italics style array
- Added more token selectors to **Punctuation Tweaks**
- Added more **token selectors** for **tag names**
- Improved **workbench** theming massively
- Ignored irrelevant files for user download
- Improved syntax support for **Python**
- Removed redundant **token selectors**
- Little Code cleanup
- Updated demo files

## 1.2.0 (18.08.2017)

- Added more tokens to the **italic style array**
- Added lots of support for **TypeScript React**
- Added lots of support for **TypeScript**
- Added lots of support for **React**
- Changed the color of **Sass Variables**
- Changed the color of **ES6 module imports**
- Improved consistency in **syntax higlighting**
- Improved support for certain **ES6 tokens**
- Changed the default color of **strings**
- Updated **README**
- Other minor changes

## 1.1.1 (08.08.2017)

- Made **Italic variant** separate from **Operator Mono variant**
- Added status shields to **README**
- Added more info to **README**

## 1.1.0 (03.08.2017)

- Made the **theme variant** less specific to Operator Mono users -- Italic
- Added more **font styling** for **Operator Mono** users
- Re-arranged **token selectors** in a modular format
- Improved **workbench** theming a lot
- Harmonized **coloring** for specific components
- Added more **syntax support** for languages
- Made **sideBar** background more visible
- Changed colors of **statusBar and activityBar**
- Fixed some **broken selectors**
- Updated **theme preview** image
- Updated **README**
- Other minor changes

## 1.0.12 (26.07.2017)

- Changed coloring for language constants in **PHP** to previous one
- Updated link to my name in **README**
- Other **minor changes**

## 1.0.11 (21.07.2017)

- Made **HTML tag matches** background more visible as noted in [#1](https://github.com/whizkydee/vscode-palenight-theme/issues/1)
- Added coloring for language constants in **PHP**
- Added more scopes to **Punctuation Tweaks** for coloring
- Updated theme **description** globally
- Fixed **premature** release

## 1.0.10 (11.07.2017)

- Added coloring for **Ruby** hashkeys
- Added coloring for **Ruby** variables
- Fixed some deprecated selectors caused by `[email protected]`
- Updated my **Twitter** URL
- Updated **README**

## 1.0.9 (07.07.2017)

- Version Bump

## 1.0.8 (06.07.2017)

- Changed URLs in **README.md** to **HTTPS**
- Converted **Marketplace Preview Icon** to PNG

## 1.0.7 (27.06.2017)

- Added coloring for **template strings** globally as noted by [@codebeast](https://twitter.com/codebeast)
- Updated **scrollbar** colors

## 1.0.6 (13.06.2017)

- Added coloring for custom tags in **stylesheets**
- Added coloring for **C#** storage types
- Updated `galleryBanner` entry in **package.json**
- Changed `publisher` entry in **package.json**
- Updated **scrollbar** colors
- Updated **CHANGELOG.md**

## 1.0.5 (13.06.2017)

- `vsce` error

## 1.0.4 (13.06.2017)

- Colored **ES6** template literal punctuation as noted by [@fmalsalamah](https://twitter.com/fmalsalamah/status/874048282875637760)
- Colored **ES6** template literal backtics
- Ignored **demos** folder for download by users
- Updated keywords in **package.json**
- Updated **icon.svg** file

## 1.0.3 (11.06.2017)

- Fixed some bugs caused by `[email protected]`
- Updated lists UI colors
- Updated emojis in **README.md**
- Moved **.vscodeignore** to main directory
- Changes to **package.json** file
- Added specificity for `entity.name.tag` in **stylesheets**

## 1.0.2 (10.06.2017)

- Updated **package.json**
- Added **icon.svg** file

## 1.0.1 (10.06.2017)

- Pushed Commits

## 1.0.0 - Juicy . First Release (10.06.2017)

- Every feature added
- Every bug fixed
30 changes: 30 additions & 0 deletions src/extensions/vscode-palenight-theme/contributing.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
# Contribute to this Project

_Before jumping in, I'd say that the **VS Code** [theme color reference](https://code.visualstudio.com/docs/getstarted/theme-color-reference) is a really great resource to get started with._

### Follow these steps...

1. Fork this repo
1. Open the forked repo in your terminal and run `npm install`
1. Start to watch for changes with `npm start` - this runs a nodemon task that creates a `.vsix` file in the root directory and will automatically recompile any changes you make - it might take a while to create.
1. Open the repo in **VS Code**
1. Launch your command palette <kbd>Ctrl/Cmd+Shift+P</kbd> and type **VSIX**. Select the one that says **Extensions: Install from VSIX...**
1. Load the **VSIX** file you created a few steps back
1. Set your editor to use this theme - change the name in `package.json` to something like "Palenight Dev" so you can differentiate from the initial theme you installed from the Marketplace.
1. Go to the debug sidebar `View → Debug`
1. Hit the green arrow beside "Launch Extension" - opens a new window
1. Make a change, and then hit the refresh button on your debug toolbar - this is in your first editor - not the one that popped open.
1. Wait a sec, your changes should now be reflected!
1. Duplicate your changes in the other **variants**
1. Commit your changes to your **fork** of this repo
1. Send a **PR** that contains detailed information about your change
1. I'll review it, and decide whether it should be merged :book:.

## Things You might want to help with

- [ ] Automate copying every change in a JSON file into the **variants**. Say, you edit _palenight.json_, your changes should get duplicated in _palenight-italic.json_ and _palenight-operator.json_.
- [ ] Create a functionality that'll group the code for each language in separate files. Say, _javascript.json_, _css.json_ and would automtically be merged into one file on build.
- [ ] Create a high contrast variant.
- [ ] Help update the [Atom version](https://github.com/whizkydee/atom-material-palenight-syntax).

If you get stuck somewhere, feel free to reach out to me on [Twitter](https://twitter.com/mrolaolu) :smile:.
Binary file added src/extensions/vscode-palenight-theme/icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 15 additions & 0 deletions src/extensions/vscode-palenight-theme/index.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { IColorTheme } from 'mo/model/colorTheme';
import { IExtension } from 'mo/model/extension';

const paleNightColorThemeExtension: IExtension = require('./package.json');

// Default
const themeItalicColors: IColorTheme = require('./themes/palenight-italic.json');

const themes = paleNightColorThemeExtension.contributes?.themes || [];

const themeOne = themes[1];

themes[1] = Object.assign({}, themeOne, themeItalicColors);

export { paleNightColorThemeExtension };
Loading

0 comments on commit d5382f8

Please sign in to comment.