diff --git a/content/media/tor-browser.png b/content/media/tor-browser.png deleted file mode 100644 index 3862d9ed..00000000 Binary files a/content/media/tor-browser.png and /dev/null differ diff --git a/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x.md b/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x/index.md similarity index 88% rename from content/posts/2015-08-02-simple-tor-setup-on-mac-os-x.md rename to content/posts/2015-08-02-simple-tor-setup-on-mac-os-x/index.md index 8b1ac4cb..813ba4ac 100644 --- a/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x.md +++ b/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x/index.md @@ -2,10 +2,10 @@ type: post title: Simple Tor setup on macOS -image: ../media/teaser-tor.png +image: teaser-tor.png author: Matthias Kretschmann date: 2015-08-02 21:57:30.912218000 +02:00 -updated: 2018-07-11 00:52:46+02:00 +updated: 2019-07-15 00:52:46+02:00 featured: true @@ -18,23 +18,25 @@ tags: There are many reasons you might want to browse anonymously which can be accomplished by using [Tor](https://www.torproject.org). The setup instructions on Tor's website are quite scattered and outdated so here are some steps to setup Tor on macOS with a simple automated script at the end. -I'm using macOS High Sierra (10.13) for the following instructions but it should work on almost any macOS version. +I'm using macOS Mojave (10.14) for the following instructions but it should work on almost any macOS version. -- [Tor Browser](#tor-browser) -- [Install Tor](#install-tor) -- [Set network proxy settings via System Preferences](#set-network-proxy-settings-via-system-preferences) -- [All in one go: start Tor & set network proxy settings automatically](#all-in-one-go-start-tor--set-network-proxy-settings-automatically) -- [Non-standard apps](#non-standard-apps) +--- + +- [Tor Browser](#Tor-Browser) +- [Install Tor](#Install-Tor) +- [Set network proxy settings via System Preferences](#Set-network-proxy-settings-via-System-Preferences) +- [All in one go: start Tor & set network proxy settings automatically](#All-in-one-go-start-Tor--set-network-proxy-settings-automatically) +- [Non-standard apps](#Non-standard-apps) --- ## Tor Browser -![Tor Browser](../media/tor-browser.png) +![Tor Browser](tor-browser.png) The most simple way to surf anonymously with Tor is to just grab [Tor Browser](https://www.torproject.org/projects/torbrowser.html.en). It's a modified version of [Firefox Extended Support Release (ESR)](https://www.mozilla.org/en-US/firefox/organizations/) with Tor and some extensions (Torbutton, TorLauncher, NoScript, and HTTPS-Everywhere) built right in. Upon start, Tor Browser automatically starts the required Tor background processes and routes traffic through the Tor network. That's the way to go if you want the highest level of protection without much further configuration. -But it's based on an old version of Firefox and there might be more you want to do anonymously on your machine than just browsing the web, like accessing resources via the Terminal or any other app. Or just use the browser you're used to. +But it's based on an older version of Firefox and there might be more you want to do anonymously on your machine than just browsing the web, like accessing resources via the Terminal or any other app. Or just use the browser you're used to. For this you need to have Tor installed on your system and additionally set specific proxy values in your network preferences after you've started Tor. @@ -73,7 +75,7 @@ You can do this under _System Preferences > Network_ by creating a specific Tor - _SOCKS proxy server_: `localhost` - _Port_: `9050` -![Network Settings](../media/tor-osx-proxy.png) +![Network Settings](tor-osx-proxy.png) After hitting _OK_ & _Apply_ at the initial network screen, you can easily switch to this newly created location from your menu bar under _ > Location_ whenever you start up Tor. @@ -129,7 +131,7 @@ tor.sh and Tor should run smoothly on your system without additional configuration: -![Tor running in Terminal](../media/tor-osx-terminal.png) +![Tor running in Terminal](tor-osx-terminal.png) Verify you're indeed browsing over the Tor network by going to [check.torproject.org](https://check.torproject.org). diff --git a/content/media/teaser-tor.png b/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x/teaser-tor.png similarity index 100% rename from content/media/teaser-tor.png rename to content/posts/2015-08-02-simple-tor-setup-on-mac-os-x/teaser-tor.png diff --git a/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x/tor-browser.png b/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x/tor-browser.png new file mode 100644 index 00000000..282db1e9 Binary files /dev/null and b/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x/tor-browser.png differ diff --git a/content/media/tor-osx-proxy.png b/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x/tor-osx-proxy.png similarity index 100% rename from content/media/tor-osx-proxy.png rename to content/posts/2015-08-02-simple-tor-setup-on-mac-os-x/tor-osx-proxy.png diff --git a/content/media/tor-osx-terminal.png b/content/posts/2015-08-02-simple-tor-setup-on-mac-os-x/tor-osx-terminal.png similarity index 100% rename from content/media/tor-osx-terminal.png rename to content/posts/2015-08-02-simple-tor-setup-on-mac-os-x/tor-osx-terminal.png 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..b77688ad 100644 --- a/gatsby-config.js +++ b/gatsby-config.js @@ -47,16 +47,29 @@ module.exports = { destinationDir: 'media' } }, + 'gatsby-remark-smartypants', { - resolve: 'gatsby-remark-highlights', + resolve: 'gatsby-remark-autolink-headers', options: { - codeWrap: { - className: 'nord' - } + maintainCase: true, + icon: '#' } }, - '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..a5a168b7 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,6 @@ kbd { code, samp { white-space: normal; - background: $nord4; color: inherit; background-color: rgba($code-bg, .05); border-radius: $border-radius; @@ -33,8 +31,9 @@ kbd { } pre { + position: relative; display: block; - padding: $spacer / 1.5 $spacer; + padding: 0; margin-bottom: $spacer; line-height: $line-height; color: $code-color; @@ -44,49 +43,91 @@ pre { // make 'em scrollable overflow: auto; -webkit-overflow-scrolling: touch; - max-height: 300px; + max-height: 800px; @media (min-width: $screen-sm) { - max-height: 500px; margin-left: -($spacer); margin-right: -($spacer); } - @media (min-width: $screen-md) { - border-radius: $border-radius; - } - code { - padding: 0; + font-size: .8rem; + padding: $spacer / 2; white-space: pre; display: block; color: inherit; overflow-wrap: normal; word-wrap: normal; word-break: normal; - overflow: auto; + float: left; + + @media (min-width: $screen-sm) { + padding: $spacer; + } } - .line { - white-space: pre; - overflow-wrap: normal; - word-wrap: normal; - word-break: normal; + &::-webkit-scrollbar { + width: .35rem; + height: .35rem; + } + + &::-webkit-scrollbar-thumb { + background: rgba($brand-main, .8); + border-radius: $border-radius; + } + + &::-webkit-scrollbar-track { + background: rgba($brand-main, .2); + border-bottom-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; } } -pre .line:only-child .source.shell, -pre .line:only-child .source.bash { - padding-left: $spacer / 2; - display: block; +pre[data-language]::before { + background: $brand-grey; + border-radius: 0 0 $border-radius $border-radius; + color: $brand-grey-dimmed; + font-size: $font-size-mini; + font-family: $font-family-base; + letter-spacing: .05em; + line-height: 1; + padding: .25rem .5rem; + position: absolute; + right: $spacer / 2; + top: 0; +} +pre[data-language='js']::before { + content: 'js'; +} + +pre[data-language='bash'] { &::before { - content: '$'; - opacity: .4; - display: inline-block; - margin-left: -.5rem; - margin-right: .5rem; + content: 'bash'; + } + + .vscode-highlight-line:only-child { + padding-left: .5rem; + display: block; + + &::before { + content: '$'; + opacity: .5; + display: inline-block; + margin-left: -.5rem; + margin-right: .5rem; + } } } -@import 'syntax'; +pre[data-language='html']::before { + content: 'html'; +} + +pre[data-language='css']::before { + content: 'css'; +} + +pre[data-language='php']::before { + content: 'php'; +} diff --git a/src/styles/_content.scss b/src/styles/_content.scss index ad0c6cd8..0e95de7a 100644 --- a/src/styles/_content.scss +++ b/src/styles/_content.scss @@ -5,4 +5,28 @@ .anchor { margin-top: $spacer / 3; + font-size: $font-size-large; + color: $brand-grey-light; + font-weight: 700; + + span { + transition: opacity .2s ease-out; + } +} + +h1, +h2, +h3, +h4, +h5, +h6 { + .anchor span { + opacity: 0; + } + + &:hover { + .anchor span { + opacity: 1; + } + } } 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; -}