From faa3b98de60803d98825603e4cc1995a1b7be557 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Mon, 15 Jul 2019 13:20:41 +0200 Subject: [PATCH] switch to gatsby-remark-vscode --- .../posts/2015-09-13-css-app-store-badges.md | 4 +- gatsby-config.js | 24 +- package.json | 65 +- src/pages/styleguide/index.md | 2 +- src/styles/_code.scss | 41 +- src/styles/_syntax.scss | 975 ------------------ 6 files changed, 73 insertions(+), 1038 deletions(-) delete mode 100644 src/styles/_syntax.scss diff --git a/content/posts/2015-09-13-css-app-store-badges.md b/content/posts/2015-09-13-css-app-store-badges.md index 7b7daed0..01338bc9 100644 --- a/content/posts/2015-09-13-css-app-store-badges.md +++ b/content/posts/2015-09-13-css-app-store-badges.md @@ -42,13 +42,13 @@ Because of varying copy resulting in different badge widths, the only way to mak Install with npm: -```shell +```bash npm i appstorebadges --save ``` Or install with Bower: -```shell +```bash bower install appstorebadges --save ``` diff --git a/gatsby-config.js b/gatsby-config.js index 0ffc1ad2..8481c99a 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -47,16 +47,28 @@ module.exports = { destinationDir: 'media' } }, + 'gatsby-remark-smartypants', { - resolve: 'gatsby-remark-highlights', + resolve: 'gatsby-remark-autolink-headers', options: { - codeWrap: { - className: 'nord' - } + maintainCase: true } }, - 'gatsby-remark-smartypants', - 'gatsby-remark-autolink-headers' + { + // https://github.com/andrewbranch/gatsby-remark-vscode + resolve: 'gatsby-remark-vscode', + options: { + colorTheme: 'Nord', + injectStyles: false, + extensions: [ + { + identifier: 'arcticicestudio.nord-visual-studio-code', + version: '0.10.0' + } + ], + languageAliases: {} + } + } ] } }, diff --git a/package.json b/package.json index 69445b94..e5c1ad64 100644 --- a/package.json +++ b/package.json @@ -32,36 +32,35 @@ "dms2dec": "^1.1.0", "fast-exif": "^1.0.1", "fraction.js": "^4.0.12", - "gatsby": "^2.10.4", - "gatsby-image": "^2.2.3", - "gatsby-plugin-catch-links": "^2.1.0", - "gatsby-plugin-feed": "^2.3.1", + "gatsby": "^2.13.21", + "gatsby-image": "^2.2.6", + "gatsby-plugin-catch-links": "^2.1.2", + "gatsby-plugin-feed": "^2.3.4", "gatsby-plugin-lunr": "^1.5.1", - "gatsby-plugin-manifest": "^2.2.0", + "gatsby-plugin-manifest": "^2.2.3", "gatsby-plugin-matomo": "^0.7.2", "gatsby-plugin-meta-redirect": "^1.1.1", - "gatsby-plugin-offline": "^2.2.0", - "gatsby-plugin-react-helmet": "^3.1.0", - "gatsby-plugin-sass": "^2.1.0", - "gatsby-plugin-sharp": "^2.2.1", - "gatsby-plugin-sitemap": "^2.2.0", + "gatsby-plugin-offline": "^2.2.4", + "gatsby-plugin-react-helmet": "^3.1.2", + "gatsby-plugin-sass": "^2.1.3", + "gatsby-plugin-sharp": "^2.2.7", + "gatsby-plugin-sitemap": "^2.2.3", "gatsby-plugin-svgr": "^2.0.2", "gatsby-plugin-webpack-size": "^1.0.0", "gatsby-redirect-from": "^0.2.1", - "gatsby-remark-autolink-headers": "^2.1.0", - "gatsby-remark-copy-linked-files": "^2.1.0", - "gatsby-remark-highlights": "^1.3.4", - "gatsby-remark-images": "^3.1.0", - "gatsby-remark-smartypants": "^2.1.0", - "gatsby-source-filesystem": "^2.1.0", - "gatsby-source-graphql": "^2.1.0", - "gatsby-transformer-remark": "^2.5.0", - "gatsby-transformer-sharp": "^2.2.0", - "graphql": "^14.3.1", + "gatsby-remark-autolink-headers": "^2.1.3", + "gatsby-remark-copy-linked-files": "^2.1.3", + "gatsby-remark-images": "^3.1.6", + "gatsby-remark-smartypants": "^2.1.2", + "gatsby-remark-vscode": "^1.0.6", + "gatsby-source-filesystem": "^2.1.5", + "gatsby-source-graphql": "^2.1.2", + "gatsby-transformer-remark": "^2.6.5", + "gatsby-transformer-sharp": "^2.2.3", + "graphql": "^14.4.2", "intersection-observer": "^0.7.0", "js-scrypt": "^0.2.0", "load-script": "^1.0.0", - "nord": "^0.2.1", "pigeon-maps": "^0.13.0", "pigeon-marker": "^0.3.4", "react": "^16.8.6", @@ -69,32 +68,32 @@ "react-clipboard.js": "^2.0.13", "react-dom": "^16.8.6", "react-helmet": "^5.2.1", - "react-modal": "^3.8.1", + "react-modal": "^3.8.2", "react-pose": "^4.0.8", "react-qr-svg": "^2.2.1", "react-time": "^4.3.0", - "react-transition-group": "^4.1.1", + "react-transition-group": "^4.2.1", "remark": "^10.0.1", "remark-react": "^5.0.1", "slugify": "^1.3.4", "web3": "^1.0.0-beta.55" }, "devDependencies": { - "@babel/node": "^7.4.5", - "@babel/preset-env": "^7.4.5", - "@svgr/webpack": "^4.3.0", + "@babel/node": "^7.5.0", + "@babel/preset-env": "^7.5.4", + "@svgr/webpack": "^4.3.1", "@testing-library/jest-dom": "^4.0.0", - "@testing-library/react": "^8.0.2", + "@testing-library/react": "^8.0.5", "babel-eslint": "^10.0.2", "babel-jest": "^24.8.0", - "eslint": "^6.0.0", + "eslint": "^6.0.1", "eslint-config-prettier": "^6.0.0", - "eslint-loader": "^2.1.2", + "eslint-loader": "^2.2.1", "eslint-plugin-graphql": "^3.0.3", - "eslint-plugin-jsx-a11y": "^6.2.1", + "eslint-plugin-jsx-a11y": "^6.2.3", "eslint-plugin-prettier": "^3.1.0", - "eslint-plugin-react": "^7.14.1", - "fs-extra": "^8.0.0", + "eslint-plugin-react": "^7.14.2", + "fs-extra": "^8.1.0", "identity-obj-proxy": "^3.0.0", "jest": "^24.8.0", "markdownlint-cli": "^0.17.0", @@ -107,7 +106,7 @@ "stylelint": "^10.1.0", "stylelint-config-css-modules": "^1.4.0", "stylelint-config-standard": "^18.3.0", - "stylelint-scss": "^3.8.0", + "stylelint-scss": "^3.9.1", "why-did-you-update": "^1.0.6" }, "engines": { diff --git a/src/pages/styleguide/index.md b/src/pages/styleguide/index.md index be83db4f..ab02438b 100644 --- a/src/pages/styleguide/index.md +++ b/src/pages/styleguide/index.md @@ -473,7 +473,7 @@ console.log('Hello, world!') #### Shell -```shell +```bash echo 'Hello, world!' ``` diff --git a/src/styles/_code.scss b/src/styles/_code.scss index 16a0408f..01ac7baf 100644 --- a/src/styles/_code.scss +++ b/src/styles/_code.scss @@ -1,5 +1,4 @@ @import 'variables'; -@import 'nord/src/sass/nord'; code, kbd, @@ -17,7 +16,7 @@ kbd { code, samp { white-space: normal; - background: $nord4; + background: #444; color: inherit; background-color: rgba($code-bg, .05); border-radius: $border-radius; @@ -34,7 +33,7 @@ kbd { pre { display: block; - padding: $spacer / 1.5 $spacer; + padding: 0; margin-bottom: $spacer; line-height: $line-height; color: $code-color; @@ -47,17 +46,14 @@ pre { max-height: 300px; @media (min-width: $screen-sm) { - max-height: 500px; + max-height: 80vh; margin-left: -($spacer); margin-right: -($spacer); } - @media (min-width: $screen-md) { - border-radius: $border-radius; - } - code { - padding: 0; + font-size: .8rem; + padding: 0 $spacer / 2; white-space: pre; display: block; color: inherit; @@ -65,28 +61,31 @@ pre { word-wrap: normal; word-break: normal; overflow: auto; - } - .line { - white-space: pre; - overflow-wrap: normal; - word-wrap: normal; - word-break: normal; + @media (min-width: $screen-sm) { + padding-left: $spacer; + padding-right: $spacer; + + &:first-child { + padding-top: $spacer; + } + + &:last-child { + padding-bottom: $spacer; + } + } } } -pre .line:only-child .source.shell, -pre .line:only-child .source.bash { - padding-left: $spacer / 2; +pre[data-language='bash'] .vscode-highlight-line:only-child { + padding-left: .5rem; display: block; &::before { content: '$'; - opacity: .4; + opacity: .5; display: inline-block; margin-left: -.5rem; margin-right: .5rem; } } - -@import 'syntax'; diff --git a/src/styles/_syntax.scss b/src/styles/_syntax.scss deleted file mode 100644 index 65afc869..00000000 --- a/src/styles/_syntax.scss +++ /dev/null @@ -1,975 +0,0 @@ -/* stylelint-disable */ -@import 'variables'; - -/* -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -title Editor + -project nord-atom-syntax + -repository https://github.com/arcticicestudio/nord-atom-syntax + -author Arctic Ice Studio + -email development@arcticicestudio.com + -copyright Copyright (C) 2017 + -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -*/ -.nord { - @media (min-width: $screen-sm) { - max-height: 500px; - margin-left: -($spacer); - margin-right: -($spacer); - } - - > pre { - margin-left: 0; - margin-right: 0; - } -} - -.editor { - background-color: #2e3440; - color: #d8dee9; -} - -.editor .bracket-matcher .region { - border: 1px solid #88c0d0; - box-sizing: border-box; -} - -.editor .cursor { - border-left: 2px solid #d8dee9; -} - -.editor .indent-guide { - box-shadow: inset 1px 0 #434c5e; -} - -.editor .invisible { - color: #4c566a; -} - -.editor .invisible-character { - color: #4c566a; -} - -.editor .line.cursor-line { - background-color: rgba(67, 76, 94, .32); -} - -.editor .selection .region { - background-color: rgba(67, 76, 94, .8); -} - -.editor .wrap-guide { - background-color: #4c566a; -} - -.editor .find-result .region.region.region, -.editor .current-result .region.region.region { - background-color: rgba(136, 192, 208, .3); - transition: border-color 400ms; -} - -.editor .current-result .region.region.region { - background-color: rgba(136, 192, 208, .38); - border: 2px solid #88c0d0; - transition-duration: 400ms; -} - -.editor .find-result .region.region.region { - border: 2px solid transparent; -} - -.editor .gutter { - font-weight: 300; - -webkit-font-smoothing: antialiased; - background-color: #2e3440; - margin-right: 0; - border-right: 0; - padding-right: 0; -} - -.editor .gutter .line-numbers { - background: transparent !important; -} - -.editor .gutter .line-number { - background: transparent; - color: rgba(216, 222, 233, .4); - padding-right: 0; -} - -.editor .gutter .line-number.git-line-added { - color: #a3be8c; - border-left-color: #a3be8c; -} - -.editor .gutter .line-number.git-line-added.cursor-line, -.editor .gutter .line-number.git-line-added.cursor-line-no-selection { - color: #a3be8c; - border-left-color: #a3be8c; -} - -.editor .gutter .line-number.git-line-modified { - color: #ebcb8b; - border-left-color: #ebcb8b; -} - -.editor .gutter .line-number.git-line-modified.cursor-line, -.editor .gutter .line-number.git-line-modified.cursor-line-no-selection { - color: #ebcb8b; - border-left-color: #ebcb8b; -} - -.editor .gutter .line-number.git-line-removed { - color: #bf616a; - border-left-color: #bf616a; -} - -.editor .gutter .line-number.git-line-removed.cursor-line, -.editor .gutter .line-number.git-line-removed.cursor-line-no-selection { - color: #bf616a; - border-left-color: #bf616a; -} - -.editor .gutter .line-number.cursor-line, -.editor .gutter .line-number.cursor-line-no-selection { - color: #eceff4; - font-weight: 600; -} - -.editor .gutter .line-number .icon-right { - opacity: 1; - color: rgba(216, 222, 233, .4); - transition: all 400ms ease; -} - -.editor .gutter .line-number .icon-right:hover { - color: #eceff4; -} - -.editor .gutter .line-number.folded, -.editor .gutter .line-number::after, -.editor .fold-marker::after { - color: #eceff4; -} - -.editor .gutter .line-number.folded .icon-right, -.editor .gutter .line-number::after .icon-right, -.editor .fold-marker::after .icon-right { - opacity: .5; - color: #88c0d0; - transition: all 400ms ease; -} - -.editor .gutter .line-number.folded .icon-right:hover, -.editor .gutter .line-number::after .icon-right:hover, -.editor .fold-marker::after .icon-right:hover { - opacity: 1; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Syntax + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - */ - -/* +------+ - + Base + - +------+ */ -.source { - -webkit-font-smoothing: auto; - color: #d8dee9; -} - -.none { - color: #d8dee9; -} - -/* +----------+ - + Entities + - +----------+ */ -.comment { - color: #69758f; -} - -.comment .markup.link { - color: #69758f; - text-decoration: none; -} - -.comment .markup.link:hover { - text-decoration: underline; -} - -.constant { - color: #8fbcbb; -} - -.constant.character.escape { - color: #d08770; -} - -.constant.numeric, -.constant.other.color { - color: #b48ead; -} - -.constant.language { - color: #81a1c1; -} - -.constant.other.symbol { - color: #8fbcbb; -} - -.constant.other.placeholder { - color: #d08770; -} - -.constant.variable { - color: #d8dee9; -} - -.entity.name.function { - color: #88c0d0; -} - -.entity.name.class, -.entity.name.type.class { - color: #8fbcbb; -} - -.entity.name.section { - color: #81a1c1; -} - -.entity.name.tag { - color: #81a1c1; -} - -.entity.name.type { - color: #8fbcbb; -} - -.entity.other.inherited-class { - color: #8fbcbb; - font-weight: bold; -} - -.entity.other.attribute-name { - color: #8fbcbb; -} - -.entity.other.attribute-name.id { - color: #8fbcbb; - text-decoration: underline; -} - -.invalid.deprecated { - color: #ebcb8b !important; - text-decoration: line-through !important; -} - -.invalid.illegal { - color: #d8dee9 !important; - background-color: #bf616a !important; -} - -.keyword { - color: #81a1c1; -} - -.keyword.control { - color: #81a1c1; -} - -.keyword.operator { - color: #81a1c1; -} - -.keyword.other.special-method { - color: #88c0d0; - font-style: italic; -} - -.keyword.other.unit { - color: #81a1c1; -} - -.markup.bold { - font-weight: bold; -} - -.markup.changed { - color: #ebcb8b; -} - -.markup.deleted { - color: #bf616a; -} - -.markup.italic { - font-style: italic; -} - -.markup.heading { - color: #88c0d0; -} - -.markup.heading .marker { - color: #81a1c1; -} - -.markup.heading .punctuation.definition.heading { - color: #88c0d0; -} - -.markup.link { - text-decoration: none; -} - -.markup.link:hover { - text-decoration: underline; -} - -.markup.quote { - color: #eceff4; -} - -.markup.raw { - color: #8fbcbb; -} - -.meta { - color: #d8dee9; -} - -.meta.brace { - color: #d8dee9; -} - -.meta.class { - color: #8fbcbb; -} - -.meta.class.body { - color: #d8dee9; -} - -.meta.definition.variable { - color: #d8dee9; -} - -.meta.link { - color: #d8dee9; -} - -.meta.method { - color: #88c0d0; -} - -.meta.method.body { - color: #d8dee9; -} - -.meta.method-call { - color: #d8dee9; -} - -.meta.require { - color: #5e81ac; -} - -.meta.selector { - color: #8fbcbb; -} - -.meta.separator { - color: #d8dee9; -} - -.meta.tag { - color: #81a1c1; -} - -.punctuation { - color: #d8dee9; -} - -.punctuation.definition.array, -.punctuation.definition.function-parameters, -.punctuation.definition.method-parameters, -.punctuation.definition.parameters, -.punctuation.definition.separator, -.punctuation.definition.seperator { - color: #d8dee9; -} - -.punctuation.definition.bold { - font-weight: bold; -} - -.punctuation.definition.comment { - color: #4c566a; -} - -.punctuation.definition.heading, -.punctuation.definition.identity { - color: #88c0d0; -} - -.punctuation.definition.italic { - font-style: italic; -} - -.punctuation.definition.tag { - color: #81a1c1; -} - -.punctuation.section.embedded { - color: #81a1c1; -} - -.punctuation.section.class, -.punctuation.section.inner-class, -.punctuation.section.method { - color: #8fbcbb; -} - -.storage { - color: #81a1c1; -} - -.storage.modifier.import, -.storage.modifier.package { - color: #8fbcbb; -} - -.storage.type.annotation, -.storage.type.primitive { - color: #81a1c1; -} - -.string { - color: #a3be8c; -} - -.string.other.link { - color: #a3be8c; - text-decoration: none; -} - -.string.other.link:hover { - text-decoration: underline; -} - -.string > .punctuation.definition.string { - color: #d8dee9; -} - -.string.regexp { - color: #ebcb8b; -} - -.string.regexp .source.ruby.embedded { - color: #ebcb8b; -} - -.string.unquoted { - color: #d8dee9; -} - -.support.class { - color: #8fbcbb; -} - -.support.function { - color: #88c0d0; -} - -.support.function.any-method { - color: #88c0d0; -} - -.support.type { - color: #8fbcbb; -} - -.underline { - text-decoration: underline; -} - -.variable { - color: #d8dee9; -} - -.variable.interpolation { - color: #d8dee9; - font-style: italic; -} - -.variable.language { - color: #81a1c1; -} - -.variable.parameter { - color: #d8dee9; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language CSS + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - Supports LESSCSS and Sass. - - [Language Packages] - > language-css (https://atom.io/packages/language-css) - - [References] - LESSCSS - (http://lesscss.org) - Sass - (http://sass-lang.com) - W3C - (https://www.w3.org/TR/css3-roadmap) - */ -.source.css .meta.at-rule .punctuation.definition.keyword, -.source.css.less .meta.at-rule .punctuation.definition.keyword, -.source.css.scss .meta.at-rule .punctuation.definition.keyword, -.source.css.sass .meta.at-rule .punctuation.definition.keyword { - color: #81a1c1; -} - -.source.css .meta.at-rule > .string.quoted, -.source.css.less .meta.at-rule > .string.quoted, -.source.css.scss .meta.at-rule > .string.quoted, -.source.css.sass .meta.at-rule > .string.quoted { - color: #8fbcbb; -} - -.source.css .meta.property-value .punctuation.definition.constant, -.source.css.less .meta.property-value .punctuation.definition.constant, -.source.css.scss .meta.property-value .punctuation.definition.constant, -.source.css.sass .meta.property-value .punctuation.definition.constant { - color: #81a1c1; -} - -.source.css .support.constant.property-value, -.source.css.less .support.constant.property-value, -.source.css.scss .support.constant.property-value, -.source.css.sass .support.constant.property-value { - color: #81a1c1; -} - -.source.css .support.type.property-name, -.source.css.less .support.type.property-name, -.source.css.scss .support.type.property-name, -.source.css.sass .support.type.property-name { - color: #8fbcbb; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language diff + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - [Language Packages] - > language-diff (https://atom.io/packages/language-diff) - */ -.source.diff .meta.range.context, -.source.diff .meta.header.from-file { - color: #8fbcbb; -} - -.source.diff .punctuation.definition.separator { - color: #81a1c1; -} - -.source.diff .punctuation.definition.from-file, -.source.diff .punctuation.definition.range { - color: #8fbcbb; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language GitHub Flavored Markdown + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - [Language Packages] - > language-gfm (https://atom.io/packages/language-gfm) - - [References] - GitHub - (https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) - */ -.source.gfm .comment.hr { - color: #81a1c1; -} - -.source.gfm .link .entity { - color: #88c0d0; -} - -.source.gfm .punctuation.definition { - color: #81a1c1; -} - -.source.gfm .variable.unordered.list { - color: #81a1c1; -} - -.source.gfm .support { - color: #8fbcbb; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language HTML + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - [Language Packages] - > language-html (https://atom.io/packages/language-html) - - [References] - W3C - (https://www.w3.org/html/) - */ -.text.html.basic .constant.other.inline-data { - color: #d8dee9; - font-style: italic; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language JavaScript + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - Support for - - ES15/16 - - ESNext - - Atom's Etch - - Facebook's React, Flow and GraphQL - - [Language Packages] - > language-babel (https://atom.io/packages/language-babel) - > language-javascript (https://atom.io/packages/language-javascript) - - [References] - Babel - (https://babeljs.io) - ESNext - (https://github.com/esnext/esnext) - Atom - (https://github.com/atom/etch) - Facebook - (https://facebook.github.io/react) - (https://flowtype.org) - (http://graphql.org) - */ -.source.js.jsx .variable.other.class { - color: #8fbcbb; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language JSON + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - [Language Packages] - > language-json (https://atom.io/packages/language-json) - - [References] - JSON - (http://www.json.org) - */ -.source.json .meta.structure.dictionary.json > .string.quoted.json { - color: #8fbcbb; -} - -.source.json .meta.structure.dictionary.json > .string.quoted.json > .punctuation.string { - color: #d8dee9; -} - -.source.json .meta.structure.dictionary.json > .constant.language.json, -.source.json .meta.structure.array.json > .constant.language.json { - color: #81a1c1; -} - -.source.json .meta.structure.dictionary.json > .value.json > .string.quoted.json, -.source.json .meta.structure.array.json > .value.json > .string.quoted.json { - color: #a3be8c; -} - -.source.json .meta.structure.dictionary.json > .value.json > .string.quoted.json > .punctuation, -.source.json .meta.structure.array.json > .value.json > .string.quoted.json > .punctuation { - color: #d8dee9; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language LESSCSS + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - [Language Packages] - > language-less (https://atom.io/packages/language-less) - - [References] - LESSCSS - (http://lesscss.org) - */ -.source.css.less .mixin { - color: #88c0d0; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language PHP + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - [Language Packages] - > language-php (https://atom.io/packages/language-php) - - [References] - PHP - (https://secure.php.net) - Laravel - https://laravel.com/docs/blade - */ -.source.php .meta.function-call { - color: #88c0d0; -} - -.source.php .meta.function-call.static { - font-style: italic; -} - -.source.php .meta.string-contents { - color: #a3be8c; -} - -.source.php .punctuation.definition.variable { - color: #81a1c1; -} - -.source.php .support.other.namespace.use { - color: #8fbcbb; -} - -.text.html.php.blade .keyword { - color: #d08770; -} - -.text.html.php.blade .keyword.operator { - color: #81a1c1; -} - -.text.html.php.blade .support.function.construct { - color: #5e81ac; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language Python + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - [Language Packages] - > language-python (https://atom.io/packages/language-python) - - [References] - Ruby - (https://www.python.org) - */ -.source.python .variable.parameter { - color: #d8dee9; -} - -.source.python .meta.function-call { - color: #88c0d0; -} - -.source.python .meta.function-call.arguments { - color: #d8dee9; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language Ruby + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - [Language Packages] - > language-ruby (https://atom.io/packages/language-ruby) - - [References] - Ruby - (https://www.ruby-lang.org) - */ -.source.ruby .constant.other.symbol > .punctuation { - color: #81a1c1; -} - -.source.ruby .variable.other.constant { - color: #8fbcbb; -} - -.source.ruby .punctuation.definition.variable { - color: #81a1c1; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language ShellScript + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - [Language Packages] - > language-shellscript (https://atom.io/packages/language-shellscript) - */ -.source.shell .punctuation.definition.variable { - color: #81a1c1; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language YAML + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - [Language Packages] - > language-yaml (https://atom.io/packages/language-yaml) - - [References] - YAML - (http://yaml.org) - */ -.source.yaml .entity.name.tag { - color: #8fbcbb; -} - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Language XML + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - - [Language Packages] - > language-xml (https://atom.io/packages/language-xml) - - [References] - W3C - (https://www.w3.org/TR/xml) - */ -.text.xml .constant.character.entity, -.text.xml .constant.character .punctuation.definition { - color: #d08770; -} - -.text.xml .entity.name.tag.namespace { - color: #8fbcbb; -} - -.text.xml .string.unquoted.cdata { - color: #4c566a; -} - -.text.xml .string.unquoted.cdata .punctuation.definition { - color: #4c566a; - font-weight: bold; -} - -/* +----------------+ - + Theme Settings + - +----------------+ */ - -/* - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - title Syntax Theme Settings + - project nord-atom-syntax + - repository https://github.com/arcticicestudio/nord-atom-syntax + - author Arctic Ice Studio + - email development@arcticicestudio.com + - copyright Copyright (C) 2017 + - ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ - */ - -/* +-------------+ - + Accessibility + - +---------------+ */ - -/* +--- Custom Comment Contrast ---+ */ -.theme-nord-atom-syntax-accessibility-custom-comment-contrast .comment { - color: #4c566a; -} - -.theme-nord-atom-syntax-accessibility-custom-comment-contrast .comment .markup.link { - color: #4c566a; -} - -.theme-nord-atom-syntax-accessibility-custom-comment-contrast .punctuation.comment { - color: #4c566a; -}