Skip to content

Commit 6df509a

Browse files
committed
feat(theme): add default palenight theme
1 parent 84f5780 commit 6df509a

16 files changed

+8708
-0
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
root = true
2+
3+
[*]
4+
indent_style = space
5+
indent_size = 2
6+
end_of_line = crlf
7+
charset = utf-8
8+
trim_trailing_whitespace = true
9+
insert_final_newline = true
10+
11+
[*.md]
12+
trim_trailing_whitespace = false
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
*.json linguist-language=JavaScript
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
npm-debug.log
2+
yarn-error.log
3+
node_modules
4+
debug.log
5+
*.vsix
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
package-lock.json
2+
.gitattributes
3+
demos/**
4+
**/*.map
5+
.gitignore
6+
node_modules
7+
.editorconfig
8+
.babelrc
9+
.eslintrc
10+
yarn.lock
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<div align="center">
2+
3+
# Palenight Theme
4+
5+
An elegant and juicy material-inspired theme for Visual Studio Code.
6+
7+
[![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)
8+
9+
![theme preview](https://i.imgur.com/G3KSdGo.png)
10+
11+
</div>
12+
13+
# Installation
14+
15+
1. Open the **Extensions** sidebar in VS Code. `View → Extensions`
16+
1. Search for `Palenight`, choose "Palenight Theme" by **Olaolu Olawuyi**
17+
1. Click **Install** to install it
18+
1. Navigate to File > Preferences > Color Theme > **Palenight Theme** (or any of the variants listed)
19+
20+
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.
21+
22+
_There's also an [Atom version](https://atom.io/themes/material-palenight-syntax) of this theme created by me._
23+
24+
## Mild Contrast
25+
26+
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:
27+
28+
![mild contrast preview](https://i.imgur.com/kxR49j3.png)
29+
30+
## Contributing
31+
32+
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).
33+
34+
## License
35+
36+
This theme is released under the [MIT License](https://github.com/whizkydee/vscode-palenight-theme/blob/master/license.md).
37+
38+
✨ 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)**
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,278 @@
1+
# 2.0.1 (22.09.2020)
2+
3+
- Updated theme preview image
4+
- Added support for other markup languages (thanks [@gcollic](https://github.com/gcollic))
5+
- Extensive polishing for markup languages (thanks [@gcollic](https://github.com/gcollic))
6+
- Reworded theme variants content in the README
7+
8+
## 2.0.0 (08.08.2020)
9+
10+
- 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))
11+
- Repolished window title bar on macOS
12+
- Removed diff editor text border color to comply with VSCode theme authoring recommendation (thanks [@aaronbushnell](https://github.com/aaronbushnell))
13+
- Improved contrast of focused and hovered items in lists across all variants (fixes [#38](https://github.com/whizkydee/vscode-palenight-theme/issues/38))
14+
15+
![mild contrast preview](https://i.imgur.com/kxR49j3.png)
16+
17+
## 1.9.7 (06.10.2019)
18+
19+
- Colored more tokens & punctuations in styled components
20+
- Colored GraphQL Variables
21+
22+
## 1.9.6 (19.09.2019)
23+
24+
- Fixed coloring of punctuations in styled components
25+
26+
## 1.9.5 (12.04.2019)
27+
28+
- a bunch of improvements
29+
- updated preview image
30+
31+
## 1.9.4 (02.10.2018)
32+
33+
- fixes [#30](https://github.com/whizkydee/vscode-palenight-theme/issues/30)
34+
- normalize curly brackets in react jsx
35+
- italicsify units in css
36+
37+
## 1.9.1...1.9.3
38+
39+
- version bump and marketplace fixes
40+
41+
## 1.9.0 (16.08.2018)
42+
43+
- added support for relatively new workbench tokens
44+
- added support for breadcrumbs
45+
- trying out some renames
46+
- cleaned up theme files
47+
- changed preview image
48+
- re-worded readme file
49+
50+
## 1.8.0 (25.05.2018)
51+
52+
- fixes [#24](https://github.com/whizkydee/vscode-palenight-theme/issues/24)
53+
- fixes [#18](https://github.com/whizkydee/vscode-palenight-theme/issues/18)
54+
- updated community section in readme
55+
- corrected typos
56+
57+
## 1.7.3 (30.04.2018)
58+
59+
- update preview image
60+
- adds community section to readme
61+
62+
## 1.7.2 (01.04.2018)
63+
64+
- sets color for active line number
65+
- updated notifications UI
66+
67+
## 1.7.1 (03.03.2018)
68+
69+
- fixes [#19](https://github.com/whizkydee/vscode-palenight-theme/issues/19)
70+
71+
## 1.7.0 (06.01.2018)
72+
73+
- Updated `gitDecoration` coloring
74+
- Updated tokens in the italic style array
75+
- Renamed variants
76+
- Other minor changes
77+
78+
## 1.6.0 (13.11.2017)
79+
80+
- Added support for `gitDecoration` in the **explorer**
81+
- Blended `activityBar` background with **sidebar**
82+
- Sorted versions in **CHANGELOG** in new-to-old format
83+
- Updated coloring of lists in the workbench
84+
- Blended `sideBar` background with main editor
85+
- Selection Background is now super-visible. Fixes [#2](https://github.com/whizkydee/vscode-palenight-theme/issues/2)
86+
- Made `lineHighlight` background darker and more visible
87+
- Removed some tokens from the italics variant
88+
- Updated preview image
89+
90+
## 1.5.4 (25.10.2017)
91+
92+
- Lightened `insertedTextBackground` and `insertedTextBorder` in **diffEditor**
93+
- Made `selectionBackground` even easier to spot
94+
- Improved support a lot for JavaScript modules
95+
- Made curly braces `{}` normal in **JSX**
96+
- Added more tokens to italics array
97+
- Updated `diffEditor` colors
98+
99+
## 1.5.3 (24.10.2017)
100+
101+
- Version Bump
102+
103+
## 1.5.2 (12.10.2017)
104+
105+
- Removed **irrelevant tokens** from italic style array
106+
- Made `selectionBackground` clearer to spot
107+
- Fixed `vscode` version shield in **README**
108+
109+
## 1.5.1 (06.10.2017)
110+
111+
- Update display name
112+
- Fixed error in CHANGELOG
113+
114+
## 1.5.0 (06.10.2017)
115+
116+
- Made **macOS active titleBar** background easier on the eyes as pointed by [@NeoIghodaro](https://twitter.com/NeoIghodaro) and [@FezVrasta](https://twitter.com/FezVrasta)
117+
- Changed `focusBorder` color as noted by [@NeoIghodaro](https://twitter.com/NeoIghodaro)
118+
- Made background of `editorGutter` for **VCS** info solid
119+
- Lightened background of `diffEditor` to enable easier spotting
120+
- Changed the color **punctuations** in PHP function calls
121+
- Changed the color of **support classes** in **PHP**
122+
- Changed color of **Markdown** list punctuations
123+
- Normalized font style of `|` symbol in `RegExp`
124+
- Lightened red color for keywords like `this`
125+
- Added **donate link** to **README**
126+
- Improved **terminal** coloring
127+
- Updated some info in **README**
128+
- Updated theme **preview image**
129+
- Updated **Contributing guide**
130+
- Renamed theme files
131+
132+
## 1.4.0 (03.10.2017)
133+
134+
- Updated **README** and removed irrelevant stuff
135+
- Changed color of **Markdown list Punctuations**
136+
- Removed irrelevant shields in **README**
137+
- Added dates to versions in **CHANGELOG**
138+
- Italicize all text in **Markdown files**
139+
- Removed irrelevant **devDependencies**
140+
- Added source of inspiration to changelog
141+
- Updated **installation instructions**
142+
- Updated theme **preview image**
143+
- Added **contributing guide**
144+
- Removed **unwanted files**
145+
- Added **build script**
146+
147+
## 1.3.0 (13.09.2017)
148+
149+
- [Hot] Fixed **macOS titleBar** foreground color as noted in [#4](https://github.com/whizkydee/vscode-palenight-theme/issues/4)
150+
- [Hot] Fixed **editorWidget** border color as noted in [#4](https://github.com/whizkydee/vscode-palenight-theme/issues/4)
151+
- Added color for **wildcard** selector in **stylesheets**
152+
- Added more support for **tag names** in **JS frameworks**
153+
- Added more support for **custom tag names** in **JS frameworks**
154+
- Improved syntax support for **JSON** in **JavaScript**
155+
- Added **Object Literal Keys** to italics style array
156+
- Added more token selectors to **Punctuation Tweaks**
157+
- Added more **token selectors** for **tag names**
158+
- Improved **workbench** theming massively
159+
- Ignored irrelevant files for user download
160+
- Improved syntax support for **Python**
161+
- Removed redundant **token selectors**
162+
- Little Code cleanup
163+
- Updated demo files
164+
165+
## 1.2.0 (18.08.2017)
166+
167+
- Added more tokens to the **italic style array**
168+
- Added lots of support for **TypeScript React**
169+
- Added lots of support for **TypeScript**
170+
- Added lots of support for **React**
171+
- Changed the color of **Sass Variables**
172+
- Changed the color of **ES6 module imports**
173+
- Improved consistency in **syntax higlighting**
174+
- Improved support for certain **ES6 tokens**
175+
- Changed the default color of **strings**
176+
- Updated **README**
177+
- Other minor changes
178+
179+
## 1.1.1 (08.08.2017)
180+
181+
- Made **Italic variant** separate from **Operator Mono variant**
182+
- Added status shields to **README**
183+
- Added more info to **README**
184+
185+
## 1.1.0 (03.08.2017)
186+
187+
- Made the **theme variant** less specific to Operator Mono users -- Italic
188+
- Added more **font styling** for **Operator Mono** users
189+
- Re-arranged **token selectors** in a modular format
190+
- Improved **workbench** theming a lot
191+
- Harmonized **coloring** for specific components
192+
- Added more **syntax support** for languages
193+
- Made **sideBar** background more visible
194+
- Changed colors of **statusBar and activityBar**
195+
- Fixed some **broken selectors**
196+
- Updated **theme preview** image
197+
- Updated **README**
198+
- Other minor changes
199+
200+
## 1.0.12 (26.07.2017)
201+
202+
- Changed coloring for language constants in **PHP** to previous one
203+
- Updated link to my name in **README**
204+
- Other **minor changes**
205+
206+
## 1.0.11 (21.07.2017)
207+
208+
- Made **HTML tag matches** background more visible as noted in [#1](https://github.com/whizkydee/vscode-palenight-theme/issues/1)
209+
- Added coloring for language constants in **PHP**
210+
- Added more scopes to **Punctuation Tweaks** for coloring
211+
- Updated theme **description** globally
212+
- Fixed **premature** release
213+
214+
## 1.0.10 (11.07.2017)
215+
216+
- Added coloring for **Ruby** hashkeys
217+
- Added coloring for **Ruby** variables
218+
- Fixed some deprecated selectors caused by `vscode@v1.14.0`
219+
- Updated my **Twitter** URL
220+
- Updated **README**
221+
222+
## 1.0.9 (07.07.2017)
223+
224+
- Version Bump
225+
226+
## 1.0.8 (06.07.2017)
227+
228+
- Changed URLs in **README.md** to **HTTPS**
229+
- Converted **Marketplace Preview Icon** to PNG
230+
231+
## 1.0.7 (27.06.2017)
232+
233+
- Added coloring for **template strings** globally as noted by [@codebeast](https://twitter.com/codebeast)
234+
- Updated **scrollbar** colors
235+
236+
## 1.0.6 (13.06.2017)
237+
238+
- Added coloring for custom tags in **stylesheets**
239+
- Added coloring for **C#** storage types
240+
- Updated `galleryBanner` entry in **package.json**
241+
- Changed `publisher` entry in **package.json**
242+
- Updated **scrollbar** colors
243+
- Updated **CHANGELOG.md**
244+
245+
## 1.0.5 (13.06.2017)
246+
247+
- `vsce` error
248+
249+
## 1.0.4 (13.06.2017)
250+
251+
- Colored **ES6** template literal punctuation as noted by [@fmalsalamah](https://twitter.com/fmalsalamah/status/874048282875637760)
252+
- Colored **ES6** template literal backtics
253+
- Ignored **demos** folder for download by users
254+
- Updated keywords in **package.json**
255+
- Updated **icon.svg** file
256+
257+
## 1.0.3 (11.06.2017)
258+
259+
- Fixed some bugs caused by `vscode@v1.13.0`
260+
- Updated lists UI colors
261+
- Updated emojis in **README.md**
262+
- Moved **.vscodeignore** to main directory
263+
- Changes to **package.json** file
264+
- Added specificity for `entity.name.tag` in **stylesheets**
265+
266+
## 1.0.2 (10.06.2017)
267+
268+
- Updated **package.json**
269+
- Added **icon.svg** file
270+
271+
## 1.0.1 (10.06.2017)
272+
273+
- Pushed Commits
274+
275+
## 1.0.0 - Juicy . First Release (10.06.2017)
276+
277+
- Every feature added
278+
- Every bug fixed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
# Contribute to this Project
2+
3+
_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._
4+
5+
### Follow these steps...
6+
7+
1. Fork this repo
8+
1. Open the forked repo in your terminal and run `npm install`
9+
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.
10+
1. Open the repo in **VS Code**
11+
1. Launch your command palette <kbd>Ctrl/Cmd+Shift+P</kbd> and type **VSIX**. Select the one that says **Extensions: Install from VSIX...**
12+
1. Load the **VSIX** file you created a few steps back
13+
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.
14+
1. Go to the debug sidebar `View → Debug`
15+
1. Hit the green arrow beside "Launch Extension" - opens a new window
16+
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.
17+
1. Wait a sec, your changes should now be reflected!
18+
1. Duplicate your changes in the other **variants**
19+
1. Commit your changes to your **fork** of this repo
20+
1. Send a **PR** that contains detailed information about your change
21+
1. I'll review it, and decide whether it should be merged :book:.
22+
23+
## Things You might want to help with
24+
25+
- [ ] 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_.
26+
- [ ] 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.
27+
- [ ] Create a high contrast variant.
28+
- [ ] Help update the [Atom version](https://github.com/whizkydee/atom-material-palenight-syntax).
29+
30+
If you get stuck somewhere, feel free to reach out to me on [Twitter](https://twitter.com/mrolaolu) :smile:.
4.04 KB
Loading
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import { IColorTheme } from 'mo/model/colorTheme';
2+
import { IExtension } from 'mo/model/extension';
3+
4+
const paleNightColorThemeExtension: IExtension = require('./package.json');
5+
6+
// Default
7+
const themeItalicColors: IColorTheme = require('./themes/palenight-italic.json');
8+
9+
const themes = paleNightColorThemeExtension.contributes?.themes || [];
10+
11+
const themeOne = themes[1];
12+
13+
themes[1] = Object.assign({}, themeOne, themeItalicColors);
14+
15+
export { paleNightColorThemeExtension };

0 commit comments

Comments
 (0)