diff --git a/CHANGELOG.md b/CHANGELOG.md index e7e2d38..5d7586d 100755 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -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 diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..608db12 --- /dev/null +++ b/LICENSE @@ -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. \ No newline at end of file diff --git a/README.md b/README.md index 0342a46..fb5201b 100755 --- a/README.md +++ b/README.md @@ -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. + +
+editor.tokenColorCustomizations + +```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 + } + } + ] + } +``` + +
+ +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. + +
+terminal color customization + +```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", + }, + }, +``` + +
+ +--- + 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 diff --git a/package.json b/package.json index a8eb36a..64608d1 100755 --- a/package.json +++ b/package.json @@ -1,48 +1,49 @@ { - "name": "vscode-theme-onelight", - "displayName": "One Light Italic", - "description": "One light theme with italic support for VSCode", - "version": "0.2.0", - "publisher": "laggardkernel", - "engines": { - "vscode": "^1.12.0" - }, - "categories": [ - "Themes" - ], - "extensionKind": [ - "ui", - "workspace" - ], - "icon": "icon.png", - "keywords": [ - "one light", - "onelight", - "theme", - "atom" - ], - "contributes": { - "themes": [ - { - "label": "Atom One Light", - "uiTheme": "vs", - "path": "./themes/one-light.json" - }, - { - "label": "Atom One Half Light", - "uiTheme": "vs", - "path": "./themes/one-half-light.json" - } - ] - }, - "homepage": "https://github.com/laggardkernel/vscode-theme-onelight", - "repository": { - "type": "git", - "url": "https://github.com/laggardkernel/vscode-theme-onelight" - }, - "__metadata": { - "id": "0c29914e-b847-45ea-a032-6ce3ae71e4a9", - "publisherDisplayName": "laggardkernel", - "publisherId": "df70ce67-198f-4322-843a-96da0feb9b55" - } + "name": "vscode-theme-onelight", + "displayName": "One Light Italic", + "description": "One light theme with italic support for VSCode", + "version": "0.2.1", + "publisher": "laggardkernel", + "engines": { + "vscode": "^1.12.0" + }, + "categories": [ + "Themes" + ], + "extensionKind": [ + "ui", + "workspace" + ], + "icon": "icon.png", + "keywords": [ + "one light", + "onelight", + "theme", + "atom" + ], + "contributes": { + "themes": [ + { + "label": "Atom One Light", + "uiTheme": "vs", + "path": "./themes/one-light.json" + }, + { + "label": "Atom One Half Light", + "uiTheme": "vs", + "path": "./themes/one-half-light.json" + } + ] + }, + "homepage": "https://github.com/laggardkernel/vscode-theme-onelight", + "repository": { + "type": "git", + "url": "https://github.com/laggardkernel/vscode-theme-onelight" + }, + "__metadata": { + "id": "0c29914e-b847-45ea-a032-6ce3ae71e4a9", + "publisherDisplayName": "laggardkernel", + "publisherId": "df70ce67-198f-4322-843a-96da0feb9b55" + }, + "license": "MIT" } diff --git a/samples/jsx.jsx b/samples/jsx.jsx new file mode 100644 index 0000000..d4bb52b --- /dev/null +++ b/samples/jsx.jsx @@ -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 ( + +

Hey! He-hey-hey! Hey!

+ + + ); + } +} + +export default Fashion;