commit e856499d912ed5d3f9d9ae44ff211e78dd8c03d3 Author: Kevin Rode Date: Wed Jul 15 16:55:31 2020 -0400 initial commit diff --git a/.npmignore b/.npmignore new file mode 100644 index 0000000..ade14b9 --- /dev/null +++ b/.npmignore @@ -0,0 +1,3 @@ +.DS_Store +npm-debug.log +node_modules diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..b5c7e4a --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2018 ryo haduki + +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. diff --git a/README.md b/README.md new file mode 100644 index 0000000..60815b4 --- /dev/null +++ b/README.md @@ -0,0 +1,2 @@ +# va11halla-syntax +Atom theme for va11halla diff --git a/index.less b/index.less new file mode 100644 index 0000000..d076b67 --- /dev/null +++ b/index.less @@ -0,0 +1 @@ +@import "./styles/base.less"; diff --git a/package.json b/package.json new file mode 100644 index 0000000..15a3dba --- /dev/null +++ b/package.json @@ -0,0 +1,17 @@ +{ + "name": "va11halla-syntax", + "theme": "syntax", + "version": "0.0.0", + "description": "Syntax and UI theme for va11halla", + "repository":"https://github.com/kevroded/va11halla-syntax", + "keywords": [ + "syntax", + "ui", + "theme" + ], + "repository": "https://github.com/atom/test-syntax", + "license": "MIT", + "engines": { + "atom": ">=1.0.0 <2.0.0" + } +} diff --git a/styles/Jill_Transparent.png b/styles/Jill_Transparent.png new file mode 100644 index 0000000..88ea56b Binary files /dev/null and b/styles/Jill_Transparent.png differ diff --git a/styles/base.less b/styles/base.less new file mode 100644 index 0000000..ac0d044 --- /dev/null +++ b/styles/base.less @@ -0,0 +1,322 @@ +@import "syntax-variables"; +@import "guides"; + + +atom-text-editor { + color: @syntax-text-color; + background-color: fade(@syntax-background-color, 15%); + + .wrap-guide { + background-color: @syntax-wrap-guide-color; + } + + .indent-guide { + color: @syntax-indent-guide-color; + } + + .invisible-character { + color: @syntax-invisible-character-color; + } + + .gutter { + background-color: @miki-off; + color: @stella2; + + .line-number { + &.cursor-line { + background-color: @kira; + color: @jill-vibrant; + } + + &.cursor-line-no-selection { + color: @stella2; + } + } + } + + .gutter .line-number.folded, + .gutter .line-number:after, + .fold-marker:after { + color: @light-gray; + } + + .invisible { + color: @syntax-text-color; + } + + .cursor { + width: 30px !important; + color: @syntax-cursor-color; + background-position: right; + background-repeat: no-repeat; + } + + .selection .region { + background-color: @syntax-selection-color; + opacity: 0.8; + } +} + +.bracket-matcher .region { + border-bottom: 1px solid @syntax-cursor-color; + box-sizing: border-box; + background-color: fade(@syntax-text-color, 10%); + box-shadow: inset 0 -1px 0 @syntax-cursor-color; +} + +// Syntax styles + +.syntax--comment { + color: @stella2; +} + +.syntax--keyword { + color: @miki; + + &.syntax--control { + color: @miki; + } + + &.syntax--operator { + color: @syntax-text-color; + } + + &.syntax--other.syntax--special-method { + color: @dorothy; + } + + &.syntax--other.syntax--unit { + color: @sei; + } +} + +.syntax--storage { + color: @sei; + font-style: italic; +} + +.syntax--constant { + color: @stella; + + &.syntax--character.syntax--escape { + color: @alma; + } + + &.syntax--numeric { + color: @alma; + } + + &.syntax--other.syntax--color { + color: @sei-off; + } + + &.syntax--other.syntax--symbol { + color: @miki-off; + } +} + +.syntax--variable { + color: @miki; + + &.syntax--interpolation { + color: darken(@sei, 10%); + } + + &.syntax--parameter.syntax--function { + color: @syntax-text-color; + } +} + +.syntax--invalid.syntax--illegal { + background-color: @stella-vibrant; + color: @syntax-background-color; +} + +.syntax--string { + color: @alma; + + + &.syntax--regexp { + color: @dorothy; + + .syntax--source.syntax--ruby.syntax--embedded { + color: @stella; + } + } + + &.syntax--other.syntax--link { + color: @stella; + } +} + +.syntax--punctuation { + &.syntax--definition { + &.syntax--comment { + color: @light-gray; + } + + &.syntax--string, + &.syntax--variable, + &.syntax--parameters, + &.syntax--array { + color: @syntax-text-color; + } + + &.syntax--heading, + &.syntax--identity { + color: @sei; + } + + &.syntax--bold { + color: @alma; + font-weight: bold; + } + + &.syntax--italic { + color: @miki; + font-style: italic; + } + } + + &.syntax--section.syntax--embedded { + color: darken(@stella, 10%); + } + +} + +.syntax--support { + + &.syntax--class { + color: @sei; + } + + &.syntax--function { + color: @stella; + + &.syntax--any-method { + color: @sei; + } + } +} + +.syntax--entity { + &.syntax--name.syntax--function { + color: @dorothy; + } + &.syntax--name.syntax--type { + color: @miki; + text-decoration: underline; + } + + &.syntax--other.syntax--inherited-class { + color: @miki; + } + &.syntax--name.syntax--class, &.syntax--name.syntax--type.syntax--class { + color: @alma; + } + + &.syntax--name.syntax--section { + color: @sei; + } + + &.syntax--name.syntax--tag { + color: @stella; + text-decoration: underline; + } + + &.syntax--other.syntax--attribute-name { + color: @alma; + + &.syntax--id { + color: @sei; + } + } +} + +.syntax--meta { + &.syntax--class { + color: @alma; + } + + &.syntax--link { + color: @dorothy; + } + + &.syntax--require { + color: @sei; + } + + &.syntax--selector { + color: @dorothy; + } + + &.syntax--separator { + background-color: @gray; + color: @syntax-text-color; + } +} + +.syntax--none { + color: @syntax-text-color; +} + +.syntax--markup { + &.syntax--bold { + color: @dorothy; + font-weight: bold; + } + + &.syntax--changed { + color: @miki; + } + + &.syntax--deleted { + color: @stella; + } + + &.syntax--italic { + color: @dorothy-vibrant; + font-style: italic; + } + + &.syntax--heading .syntax--punctuation.syntax--definition.syntax--heading { + color: @sei-off; + } + + &.syntax--inserted { + color: @miki; + } + + &.syntax--list { + color: @stella; + } + + &.syntax--quote { + color: @alma; + } + + &.syntax--raw.syntax--inline { + color: @miki; + } +} + +.syntax--source.syntax--gfm .syntax--markup { + -webkit-font-smoothing: auto; + &.syntax--heading { + color: @miki; + } +} + + +// Mini editor + +atom-text-editor[mini] .scroll-view { + padding-left: 1px; +} +.item-views { + background-image: url("atom://mikutax-syntax/styles/Jill_Transparent.png"); + background-position: right; + background-repeat: no-repeat; + background-size: auto 100%; + background-color: @syntax-background-color; +} diff --git a/styles/colors.less b/styles/colors.less new file mode 100644 index 0000000..af374c4 --- /dev/null +++ b/styles/colors.less @@ -0,0 +1,24 @@ +// These colors are specific to the theme. Do not use in a package! + +@very-light-gray: #c5c8c6; +@light-gray: #969896; +@gray: #373b41; +@dark-gray: #282a2e; +@very-dark-gray: #1d1f21; + +@jill-vibrant: #f8137a; +@dorothy-vibrant: #c89697; +@sei-vibrant: #413a87; +@alma-vibrant: #FFC34C; +@stella-vibrant: #cb213c; + +@sei-off: @sei-vibrant; +@miki-off: #4f29b8; + +@miki: #137a7f ; +@dorothy: @dorothy-vibrant; +@sei: @sei-vibrant; +@alma: #db28aa; +@stella: #cb213c; +@stella2: #f8137a; +@kira: #4f29b8; diff --git a/styles/guides.less b/styles/guides.less new file mode 100644 index 0000000..a6f6443 --- /dev/null +++ b/styles/guides.less @@ -0,0 +1,23 @@ +//cursor line +.line-number{ + -webkit-transition: all 1.1s ease-in-out; + -moz-transition: all 0.1s ease-in-out; + -o-transition: all 0.1s ease-in-out; + transition: all 0.1s ease-in-out; + border-left:2px solid transparent; + &.cursor-line{ + color:@miki-off !important; + border-color: @miki-off; + } +} + +//highlights +.editor .selection .region{ + background:darken(@syntax-background-color,10%) !important; +} + +.bracket-matcher .region{ + background:darken(@syntax-background-color,8%); + position: absolute; + transform:scale(1.4); +} diff --git a/styles/syntax-variables.less b/styles/syntax-variables.less new file mode 100644 index 0000000..372a730 --- /dev/null +++ b/styles/syntax-variables.less @@ -0,0 +1,31 @@ +@import "colors"; + +// This defines all syntax variables that syntax themes must implement when they +// include a syntax-variables.less file. + +// General colors +@syntax-text-color: #ffffeb; +@syntax-cursor-color: white; +@syntax-selection-color: @kira; +@syntax-background-color: #25008c; + +// Guide colors +@syntax-wrap-guide-color: @dark-gray; +@syntax-indent-guide-color: @gray; +@syntax-invisible-character-color: @gray; + +// For find and replace markers +@syntax-result-marker-color: @light-gray; +@syntax-result-marker-color-selected: white; + +// Gutter colors +@syntax-gutter-text-color: @very-light-gray; +@syntax-gutter-text-color-selected: @syntax-gutter-text-color; +@syntax-gutter-background-color: @dark-gray; +@syntax-gutter-background-color-selected: @gray; + +// For git diff info. i.e. in the gutter +@syntax-color-renamed: @sei-vibrant; +@syntax-color-added: @jill-vibrant; +@syntax-color-modified: @alma-vibrant; +@syntax-color-removed: @stella-vibrant;