Fixed background colors and Transparent Jill

va11halla-syntax/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.

va11halla-syntax/README.md

@@ -0,0 +1,2 @@
+# va11halla-syntax
+Atom theme for va11halla

va11halla-syntax/index.less

@@ -0,0 +1 @@
+@import "./styles/base.less";

va11halla-syntax/package.json

@@ -0,0 +1,46 @@
+{
+  "_from": "https://www.atom.io/api/packages/va11halla-syntax/versions/0.1.0/tarball",
+  "_id": "va11halla-syntax@0.1.0",
+  "_inBundle": false,
+  "_integrity": "sha512-iAE3irc5TsOxTc9g4p5RUR90P9krjpo5OpqPNFzIEVHMZjWlPPR1vwEy5PF2oBu+SRWHdIWtkhPDTDOkx1Vx+A==",
+  "_location": "/va11halla-syntax",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "remote",
+    "raw": "https://www.atom.io/api/packages/va11halla-syntax/versions/0.1.0/tarball",
+    "rawSpec": "https://www.atom.io/api/packages/va11halla-syntax/versions/0.1.0/tarball",
+    "saveSpec": "https://www.atom.io/api/packages/va11halla-syntax/versions/0.1.0/tarball",
+    "fetchSpec": "https://www.atom.io/api/packages/va11halla-syntax/versions/0.1.0/tarball"
+  },
+  "_requiredBy": [
+    "#USER",
+    "/"
+  ],
+  "_resolved": "https://www.atom.io/api/packages/va11halla-syntax/versions/0.1.0/tarball",
+  "_shasum": "5c8fdef5cc863533e02f7311c1042f457bf460b7",
+  "_spec": "https://www.atom.io/api/packages/va11halla-syntax/versions/0.1.0/tarball",
+  "_where": "C:\\Users\\kevro\\AppData\\Local\\Temp\\apm-install-dir-20201123-10068-1hw26db.b6v7",
+  "bugs": {
+    "url": "https://github.com/kevroded/va11halla-syntax/issues"
+  },
+  "bundleDependencies": false,
+  "deprecated": false,
+  "description": "Syntax and UI theme for va11halla",
+  "engines": {
+    "atom": ">=1.0.0 <2.0.0"
+  },
+  "homepage": "https://github.com/kevroded/va11halla-syntax#readme",
+  "keywords": [
+    "syntax",
+    "ui",
+    "theme"
+  ],
+  "license": "MIT",
+  "name": "va11halla-syntax",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kevroded/va11halla-syntax.git"
+  },
+  "theme": "syntax",
+  "version": "0.1.0"
+}

va11halla-syntax/styles/base.less

@@ -0,0 +1,322 @@
+@import "syntax-variables";
+@import "guides";
+
+
+atom-text-editor {
+  color: @syntax-text-color;
+  background-color: @kira;
+
+  .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: @kira;
+    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;
+}
+.editor {
+    background: url("atom://va11halla-syntax/styles/JillTransparent.png");
+    background-position: right;
+    background-repeat: no-repeat;
+    background-size: auto 100%;
+    
+}

va11halla-syntax/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: #170057;

va11halla-syntax/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);
+}

va11halla-syntax/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;