abby/vscode-theme-onelight
1
0
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity

feat: project deprecated

Browse Source
This commit is contained in:
laggardkernel 2021-09-24 22:01:44 +08:00
parent f02ba0c258
commit 55fcc4ade9
5 changed files with 306 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
CHANGELOG.md
View File

@ -6,6 +6,12 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
## Unreleased
## [0.2.1]
### Changed
- Project unmaintained
## [0.2.0]
### Changed
@ -17,6 +23,7 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
- Initial release
[Unreleased]: https://github.com/laggardkernel/vscode-theme-onelight/compare/v0.2.0..master
[Unreleased]: https://github.com/laggardkernel/vscode-theme-onelight/compare/v0.2.1..master
[0.2.1]: https://github.com/laggardkernel/vscode-theme-onelight/compare/v0.2.0..v0.2.1
[0.2.0]: https://github.com/laggardkernel/vscode-theme-onelight/compare/v0.1.0..v0.2.0
[0.1.0]: https://github.com/laggardkernel/vscode-theme-onelight/releases/tag/v0.1.0

19
LICENSE Normal file
View File

@ -0,0 +1,19 @@
Copyright 2021 laggardkernel
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

190
README.md
View File

@ -1,10 +1,196 @@
# One Light Italic
**Project unmaintained**.
I recommend the [Yi Theme][yi-theme] for you. It is the only true port of
Atom's One theme I've known. Most all of the other Atom one light themes
use the `.tmTheme` color format or a direct json conversion of this format.
(`.tmTheme` stands for TextMate theme, some editors like Sublime and VSCode
have support for this legacy format.)
It looks like the [Yi Theme][yi-theme] stands out from all the other Atom themes
(not only the light ones) cause
- It's a true port from Atom's One theme based on the source code of Atom
- It includes both light and dark themes
- It covers not only the text syntax color, but also colors for the other part
of the VSCode UI, like workbench.
It's a pity that Yi Theme doesn't include "Atom One" in its name and doesn't
appear in the search result of keyword like "atom one theme" in the marketplace.
For anyone like the italic syntax in this color theme, use following
*token color customization* settings.
<details>
<summary>editor.tokenColorCustomizations</summary>
```jsonc
"editor.tokenColorCustomizations": {
"textMateRules": [
{ // from Atom One Dark
"name": "js/ts italic",
"scope":[
// Why not attribute-name, .html, .pseudo-class.css
"entity.other.attribute-name.js",
"entity.other.attribute-name.ts",
"entity.other.attribute-name.jsx",
"entity.other.attribute-name.tsx",
// "variable.parameter", // TODO: too generic
"variable.language.super",
],
"settings": {
"fontStyle": "italic"
}
},
{ // from ejeldes.one-dark-italic-theme
"name": "js ts this",
"scope": [
"var.this",
"variable.language.this.js",
"variable.language.this.ts",
"variable.language.this.jsx",
"variable.language.this.tsx",
],
"settings": {
"fontStyle": "italic"
}
},
// {
// "name": "comment",
// "scope": "comment.line.double-slash,comment.block.documentation",
// "settings": {
// "fontStyle": "italic"
// }
// },
// },
{ // from laggardkernel.vscode-theme-onelight
"name": "Italic",
"scope": [
"comment",
"comment.block variable.parameter",
"comment.block",
"comment.block.documentation entity.name.type",
"comment.block.documentation punctuation.definition",
"comment.block.documentation variable",
"comment.block.documentation",
"constant.language",
"entity.name.class",
"entity.other.attribute-name",
"keyword",
"keyword.operator.expression",
"keyword.operator.new",
"keyword.other.documentation",
"keyword.other.phpdoc",
"markup.changed",
"markup.deleted",
"markup.inserted",
"markup.italic",
"markup.quote",
"punctuation.definition.comment",
"punctuation.definition.italic",
"storage",
"storage.type.class.jsdoc",
"string.comment",
"variable.language",
//
// "variable.parameter",
],
"settings": {
"fontStyle": "italic"
}
},
{ // From laggardkernel.vscode-theme-onelight
"name": "No Italic",
"scope": [
"entity.name.tag",
"keyword.operator",
"keyword.other.unit",
"keyword.other.special-method",
"support.type.property-name",
],
"settings": {
"fontStyle": "" // empty for normal
}
}
]
}
```
</details>
Besides, here's also my custom terminal color definition. A modified version of
base16 "One Light" and "Onedark". Just put it here in case anyone wanna have
a try.
<details>
<summary>terminal color customization</summary>
```jsonc
"terminal.integrated.drawBoldTextInBrightColors": false,
// One Half Light modified, based on https://glitchbone.github.io/vscode-base16-term/
"workbench.colorCustomizations": {
"[Yi Light]": {
"terminal.foreground": "#383a42",
"terminal.background": "#fafafa",
// "terminal.selectionForeground": "#383a42",
"terminal.selectionBackground": "#bfceff",
"terminalCursor.foreground": "#cc00be",
"terminal.border": "#657b83",
"terminal.ansiBlack": "#383a42",
"terminal.ansiRed": "#e45649",
"terminal.ansiGreen": "#50a14f",
"terminal.ansiYellow": "#c18401",
"terminal.ansiBlue": "#2f5af3",
"terminal.ansiMagenta": "#a626a4",
"terminal.ansiCyan": "#00b7eb",
"terminal.ansiWhite": "#fafafa",
"terminal.ansiBrightBlack": "#797979",
"terminal.ansiBrightRed": "#e06c75",
"terminal.ansiBrightGreen": "#98c379",
"terminal.ansiBrightYellow": "#e5c07b",
"terminal.ansiBrightBlue": "#4b72ff",
"terminal.ansiBrightMagenta": "#c678dd",
"terminal.ansiBrightCyan": "#00b7eb",
"terminal.ansiBrightWhite": "#fafafa",
},
"[Yi Dark]": {
"terminal.foreground": "#dcdfe4",
"terminal.background": "#282c34",
// "terminal.selectionForeground": "#dcdfe4",
"terminal.selectionBackground": "#454D95",
"terminalCursor.foreground": "#cc00be",
"terminal.border": "#555555",
"terminal.ansiBlack": "#282c34",
"terminal.ansiRed": "#e06c75",
"terminal.ansiGreen": "#98c379",
"terminal.ansiYellow": "#e5c07b",
"terminal.ansiBlue": "#61afef",
"terminal.ansiMagenta": "#c678dd",
"terminal.ansiCyan": "#56b6c2",
"terminal.ansiWhite": "#dcdfe4",
"terminal.ansiBrightBlack": "#5d677a",
"terminal.ansiBrightRed": "#e06c75",
"terminal.ansiBrightGreen": "#98c379",
"terminal.ansiBrightYellow": "#e5c07b",
"terminal.ansiBrightBlue": "#61afef",
"terminal.ansiBrightMagenta": "#c678dd",
"terminal.ansiBrightCyan": "#56b6c2",
"terminal.ansiBrightWhite": "#dcdfe4",
},
},
```
</details>
---
Atom one light theme with italic support for VSCode.
[Github Repo](https://github.com/laggardkernel/vscode-theme-onelight)
Althought this them defines light ansi colors for terminal, it's designed to be used by TUI apps but not the shell itself.
Althought this them defines light ansi colors for terminal, it's designed to
be used by TUI apps but not the shell itself.
```json
"terminal.integrated.drawBoldTextInBrightColors": false,
@ -20,3 +206,5 @@ Althought this them defines light ansi colors for terminal, it's designed to be
- [One Half Light tmTheme](https://tmtheme-editor.herokuapp.com/#!/editor/theme/One%20Half%20Light)
- [GitHub's VS Code themes](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme)
- [atom one-light-syntax](https://github.com/atom/atom/tree/master/packages/one-light-syntax)
[yi-theme]: https://marketplace.visualstudio.com/items?itemName=wangweixuan.yithemes

5
package.json
View File

@ -2,7 +2,7 @@
"name": "vscode-theme-onelight",
"displayName": "One Light Italic",
"description": "One light theme with italic support for VSCode",
"version": "0.2.0",
"version": "0.2.1",
"publisher": "laggardkernel",
"engines": {
"vscode": "^1.12.0"
@ -44,5 +44,6 @@
"id": "0c29914e-b847-45ea-a032-6ce3ae71e4a9",
"publisherDisplayName": "laggardkernel",
"publisherId": "df70ce67-198f-4322-843a-96da0feb9b55"
}
},
"license": "MIT"
}

43
samples/jsx.jsx Normal file
View File

@ -0,0 +1,43 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { ThemeProvider } from 'emotion-theming';
import HintOfLace from './components/HintOfLace';
import theme from './theme';
class Fashion extends Component {
constructor(props) {
super(props);
this.state = {
knowFashion: false,
fashionIsFriend: false,
posing: 'like a swan',
};
}
static propTypes = {
data: PropTypes.shape({
jazzercise: PropTypes.string.isRequired,
lipgloss: PropTypes.number.isRequired,
}).isRequired,
};
render() {
const { jazzercise, lipgloss } = this.props;
const { knowFashion, posing } = this.state;
return (
<ThemeProvider theme={theme}>
<h1>Hey! He-hey-hey! Hey!</h1>
<HintOfLace
lipgloss={lipgloss}
posing={posing}
knowFashion={knowFashion}
jazzercise={jazzercise}
/>
</ThemeProvider>
);
}
}
export default Fashion;