Community Packages
├── Stylus@3.1.0
├── Zen@0.16.4
├── atom-eco@0.2.0
├── atom-material-syntax@0.4.6
├── atom-ternjs@0.15.0
├── bezier-curve-editor@0.7.2
├── caniuse@0.9.0
├── clipboard-plus@0.5.1
├── docblockr@0.8.7
├── duotone-dark-forest-syntax@2.0.0
├── duotone-dark-space-syntax@2.0.0
├── expose@0.12.1
├── figlet@0.5.4
├── highlight-selected@0.11.2
├── indent-tooltip@0.2.1
├── language-generic-config@1.2.0
├── language-haml@0.24.0
├── language-jade@0.7.2
├── language-sass@0.57.0
├── linter@1.11.18
├── linter-js-standard@3.4.1
├── minimap@4.26.1
├── minimap-bookmarks@0.4.2
├── minimap-codeglance@0.4.5
├── minimap-find-and-replace@4.5.1
├── minimap-git-diff@4.3.1
├── minimap-highlight-selected@4.4.0
├── minimap-linter@1.6.0
├── minimap-pigments@0.2.1
├── minimap-selection@4.4.0
├── php-twig@4.0.0
├── pigments@0.38.0
├── process-palette@0.9.1
├── project-palette-finder@2.4.17
├── red-wavy-underline@0.3.1
├── solarized-dark-ui@0.3.1
├── sort-lines@0.14.0
├── spacegray-dark-neue-syntax@1.3.0
├── spacegray-dark-neue-ui@1.6.0
├── spacegray-dark-syntax@0.2.0
├── spacegray-dark-ui@0.12.0
├── tablr@1.6.1
├── tabs-to-spaces@1.0.2
├── toggle-quotes@1.0.0
├── travis-ci-status@1.3.0
├── tree-view-breadcrumb@0.8.1
├── tree-view-open-files@0.3.0
├── typewriter@0.4.0
├── unfancy-file-icons@0.10.0
├── white-cursor@0.6.0
└── zentabs@0.8.7
Last active
April 10, 2019 21:13
-
-
Save abe33/6ebba00dede65ade3dc5 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Solarized colors | |
| // | |
| // @base05: rgb(0, 26, 27); | |
| // @base04a: lighten(rgb(0, 34, 41), 10%); | |
| // @base04: rgb(0, 34, 41); | |
| // @base03: rgb(0, 43, 54); | |
| // @base02: rgb(7, 54, 66); | |
| // @base01a: rgb(6, 74, 87); | |
| // @base01: rgb(88, 110, 117); | |
| // @base00: rgb(101, 123, 131); | |
| // @base0: rgb(131, 148, 150); | |
| // @base1: rgb(147, 161, 161); | |
| // @base2: rgb(238, 232, 213); | |
| // @base3: rgb(253, 246, 227); | |
| // @yellow: rgb(181, 137, 0); | |
| // @orange: rgb(203, 75, 22); | |
| // @red: rgb(220, 50, 47); | |
| // @magenta: rgb(211, 54, 130); | |
| // @violet: rgb(108, 113, 196); | |
| // @blue: rgb(38, 139, 210); | |
| // @cyan: rgb(42, 161, 152); | |
| // @green: rgb(133, 153, 0); | |
| @base05: #1c1f26; | |
| @base04a: #232830; | |
| @base04: #2B303B; | |
| @base03: #343D46; | |
| @base02: #4F5B66; | |
| @base01a: lighten(@base02, 10%); | |
| @base01: #65737E; | |
| @base00a: lighten(@base01, 10%); | |
| @base00: lighten(@base01, 20%); | |
| @base0: #A7ADBA; | |
| @base1: #C0C5CE; | |
| @base2: #DFE1E8; | |
| @base3: #EFF1F5; | |
| @yellow: #EBCB8B; | |
| @orange: #D08770; | |
| @red: #AB7967; | |
| @magenta: #BF616A; | |
| @violet: #B48EAD; | |
| @blue: #8FA1B3; | |
| @blue-strong: #4283F0; | |
| @cyan: #96B5B4; | |
| @green: #A3BE8C; | |
| // Dark UI Customized | |
| // ######## ### ######## ###### | |
| // ## ## ## ## ## ## ## | |
| // ## ## ## ## ## ## | |
| // ## ## ## ######## ###### | |
| // ## ######### ## ## ## | |
| // ## ## ## ## ## ## ## | |
| // ## ## ## ######## ###### | |
| .title-bar { | |
| background-color: transparent; | |
| border-color: transparent; | |
| margin: 0; | |
| margin-right: -70px; | |
| height: 10px; | |
| z-index: 10; | |
| left: 0px; | |
| right: 0px; | |
| .title { | |
| height: 10px; | |
| width: 100%; | |
| background: red; | |
| cursor: -webkit-grab; | |
| opacity: 0; | |
| } | |
| } | |
| atom-panel.left { | |
| padding-top: 22px; | |
| } | |
| atom-panel.header { | |
| border: none; | |
| } | |
| [theme-one-dark-ui-layoutmode="compact"] atom-pane-container atom-pane, .tab-bar .tab { | |
| border-image: linear-gradient(transparent, @base05 20px) 0 0 0 1 stretch; | |
| } | |
| [theme-one-dark-ui-layoutmode="compact"] atom-pane-container atom-pane { | |
| border-image-slice: 0 0 0 1; | |
| border-width: 0; | |
| border-left-width: 1px; | |
| } | |
| [theme-one-dark-ui-layoutmode="compact"] .tab-bar .tab::before { | |
| top: 1px; | |
| bottom: 1px; | |
| } | |
| .tab-bar { | |
| // display: block; | |
| li.tab.active .title, | |
| li.tab .title { | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| } | |
| li.tab.active::after { | |
| border-top: 1px solid @base05; | |
| } | |
| } | |
| // ###### ######## ## ## | |
| // ## ## ## ### ### | |
| // ## ## #### #### | |
| // ## #### ###### ## ### ## | |
| // ## ## ## ## ## | |
| // ## ## ## ## ## | |
| // ###### ## ## ## | |
| .markdown-preview:not([data-use-github-style]) { | |
| * { | |
| font-family: 'SF UI Text', 'Lucida Grande', 'Segoe UI', Ubuntu, Cantarell, sans-serif; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| font-size: 14px; | |
| line-height: 1.5em; | |
| font-weight: 100; | |
| color: @base00; | |
| } | |
| atom-text-editor { | |
| pointer-events: none; | |
| font-family: Monaco; | |
| font-weight: normal; | |
| font-size: 13px; | |
| height: auto; | |
| text-rendering: optimizeSpeed; | |
| -webkit-font-smoothing: subpixel-antialiased; | |
| } | |
| h1, h2 { | |
| color: @base0; | |
| font-weight: 100; | |
| } | |
| h1, h2 { | |
| border-bottom: 1px solid @base02; | |
| padding-bottom: 0.4em; | |
| } | |
| h3, h4 { | |
| color: @base1; | |
| font-weight: 500; | |
| } | |
| h5, h6 { | |
| color: @base0; | |
| font-weight: 500; | |
| } | |
| p, code, td, li, th, span, div { | |
| -webkit-font-smoothing: subpixel-antialiased; | |
| } | |
| .text-info { | |
| color: @blue-strong; | |
| } | |
| .text-success { | |
| color: @green; | |
| } | |
| .text-warning { | |
| color: @orange; | |
| } | |
| .text-danger { | |
| color: @magenta; | |
| } | |
| code { | |
| font-family: Monaco; | |
| font-size: 13px; | |
| text-rendering: optimizeSpeed; | |
| color: @base0; | |
| font-weight: normal; | |
| } | |
| th { | |
| color: @base1; | |
| } | |
| ul { | |
| margin: 20px 0; | |
| padding: 0; | |
| li { | |
| list-style: none; | |
| padding-left: 1em; | |
| border-left: 2px solid @blue-strong; | |
| } | |
| } | |
| ol { | |
| margin: 20px 0; | |
| padding: 0; | |
| li { | |
| counter-increment: lis; | |
| list-style: none; | |
| position: relative; | |
| padding-left: 2em; | |
| &:before { | |
| content: counter(lis); | |
| border-right: 1px solid @base03; | |
| position: absolute; | |
| font-size: 1.4em; | |
| width: 1em; | |
| padding-top: 0.2em; | |
| font-weight: 400; | |
| left: 0; | |
| top: 0; | |
| bottom: 0; | |
| color: @blue-strong; | |
| } | |
| } | |
| } | |
| li + li { | |
| margin-top: 0.5em; | |
| } | |
| a, a code { | |
| color: @blue-strong; | |
| font-weight: normal; | |
| } | |
| } | |
| // ######## ######## ######## ######## ## ## #### ######## ## ## | |
| // ## ## ## ## ## ## ## ## ## ## ## ## | |
| // ## ## ## ## ## ## ## ## ## ## ## ## | |
| // ## ######## ###### ###### ## ## ## ###### ## ## ## | |
| // ## ## ## ## ## ## ## ## ## ## ## ## | |
| // ## ## ## ## ## ## ## ## ## ## ## ## | |
| // ## ## ## ######## ######## ### #### ######## ### ### | |
| .list-tree li.list-nested-item.status-ignored > .list-item, .list-group li:not(.list-nested-item).status-ignored, .list-tree li:not(.list-nested-item).status-ignored, .list-group li.list-nested-item.status-ignored > .list-item, .list-tree li.list-nested-item.status-ignored > .list-item { | |
| color: @base02; | |
| } | |
| .list-group li:not(.list-nested-item), .list-tree li:not(.list-nested-item), .list-group li.list-nested-item > .list-item, .list-tree li.list-nested-item > .list-item { | |
| color: @base00a; | |
| } | |
| .list-tree li.list-nested-item.status-modified > .list-item, .list-group li:not(.list-nested-item).status-modified, .list-tree li:not(.list-nested-item).status-modified, .list-group li.list-nested-item.status-modified > .list-item, .list-tree li.list-nested-item.status-modified > .list-item { | |
| color: @yellow; | |
| } | |
| .list-tree li.list-nested-item.status-added > .list-item, .list-group li:not(.list-nested-item).status-added, .list-tree li:not(.list-nested-item).status-added, .list-group li.list-nested-item.status-added > .list-item, .list-tree li.list-nested-item.status-added > .list-item, .list-tree li:not(.list-nested-item).selected.status-added { | |
| color: @green; | |
| } | |
| .tree-view:focus { | |
| border-left: 2px solid @blue-strong; | |
| } | |
| .tree-view { | |
| border-left: 2px solid transparent; | |
| } | |
| .tree-view-open-files { | |
| order: -2; | |
| } | |
| .list-group .icon::before, .list-tree .icon::before { | |
| height: 16px; | |
| } | |
| // atom-text-editor::shadow .highlight.pigments-highlight .region { | |
| // color: transparent !important; | |
| // z-index: -1; | |
| // } | |
| // ###### ## ## ######## ###### ####### ######## | |
| // ## ## ## ## ## ## ## ## ## ## ## ## | |
| // ## ## ## ## ## ## ## ## ## ## | |
| // ## ## ## ######## ###### ## ## ######## | |
| // ## ## ## ## ## ## ## ## ## ## | |
| // ## ## ## ## ## ## ## ## ## ## ## ## | |
| // ###### ####### ## ## ###### ####### ## ## | |
| .line.cursor-line, .line-number.cursor-line-no-selection { | |
| background: rgba(255, 255, 255, 0.1); | |
| } | |
| atom-text-editor { | |
| .highlight-selected .region { | |
| border: 1px solid @blue; | |
| border-radius: 2px; | |
| } | |
| &.is-focused .line.cursor-line { | |
| background: rgba(255, 255, 255, 0.1); | |
| } | |
| } | |
| // ## ## #### ## ## #### ## ## ### ######## | |
| // ### ### ## ### ## ## ### ### ## ## ## ## | |
| // #### #### ## #### ## ## #### #### ## ## ## ## | |
| // ## ### ## ## ## ## ## ## ## ### ## ## ## ######## | |
| // ## ## ## ## #### ## ## ## ######### ## | |
| // ## ## ## ## ### ## ## ## ## ## ## | |
| // ## ## #### ## ## #### ## ## ## ## ## | |
| atom-text-editor atom-text-editor-minimap { | |
| .minimap-scroll-indicator { | |
| background: @blue; | |
| } | |
| // .minimap-visible-area { | |
| // background-color: #7c7c7c; | |
| // // Color of Visible area. | |
| // opacity: 0.1; | |
| // // Default 0 when you not working with minimap | |
| // cursor: default; | |
| // // Change cursor style to pointer. | |
| // transition: 0.5s opacity; | |
| // // Better UI. | |
| // &:hover { | |
| // opacity: 0.2; | |
| // } // Only display Minimap visible area when working. | |
| // &:active { | |
| // cursor: default; | |
| // } // Change cursor when dragging. | |
| // } | |
| // &:hover::shadow { | |
| // .minimap-visible-area { | |
| // opacity: 0.2; | |
| // transition: opacity 1s; | |
| // } // When Hover to all minimap area, visible area will display. | |
| // } | |
| // | |
| // &:active::shadow { | |
| // .minimap-visible-area { | |
| // opacity: 0.2; | |
| // transition: opacity 0.5s; | |
| // } // Display Minimap visible area when dragging. | |
| // } | |
| } | |
| // atom-text-editor::shadow, atom-text-editor { | |
| // atom-text-editor-minimap:not([stand-alone]) { | |
| // flex-basis: 200px; | |
| // } | |
| // } | |
| // ######## ######## ######## ## ## #### ## ## ### ## | |
| // ## ## ## ## ### ### ## ### ## ## ## ## | |
| // ## ## ## ## #### #### ## #### ## ## ## ## | |
| // ## ###### ######## ## ### ## ## ## ## ## ## ## ## | |
| // ## ## ## ## ## ## ## ## #### ######### ## | |
| // ## ## ## ## ## ## ## ## ### ## ## ## | |
| // ## ######## ## ## ## ## #### ## ## ## ## ######## | |
| .term { | |
| border: none; | |
| } | |
| .terminal { | |
| background: @base03 !important; | |
| border-color: @base03; | |
| font-size: 12px; | |
| line-height: 18px; | |
| -webkit-font-smoothing: auto; | |
| font-family: Menlo; | |
| } | |
| // ######## ######## #### ######## ####### ######## | |
| // ## ## ## ## ## ## ## ## ## | |
| // ## ## ## ## ## ## ## ## ## | |
| // ###### ## ## ## ## ## ## ######## | |
| // ## ## ## ## ## ## ## ## ## | |
| // ## ## ## ## ## ## ## ## ## | |
| // ######## ######## #### ## ####### ## ## | |
| .minimap .search-result { | |
| background: @green; | |
| } | |
| * { | |
| // -webkit-font-smoothing: antialiased; | |
| -webkit-font-feature-settings: "liga" on, "calt" on; | |
| } | |
| autocomplete-suggestion-list .character-match { | |
| font-weight: normal; | |
| text-decoration: underline; | |
| } | |
| atom-text-editor { | |
| // .cursor-line { | |
| // -webkit-font-feature-settings: "liga" off, "calt" off; | |
| // } | |
| .syntax--string.syntax--regexp { | |
| -webkit-font-feature-settings: "liga" off, "calt" off; | |
| } | |
| .fold-marker { | |
| &::before { | |
| content: ""; | |
| display: block; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| border-bottom: 1px dashed @text-color-subtle; | |
| } | |
| } | |
| // .entity.name.function { | |
| // color: @base1; | |
| // } | |
| // | |
| // .function.coffee .entity.name.function { | |
| // color: @magenta; | |
| // } | |
| .search-results .region, .find-result .region { | |
| border-color: @green; | |
| } | |
| .syntax--gfm { | |
| .syntax--raw { | |
| color: @magenta; | |
| } | |
| .syntax--link { | |
| color: @cyan; | |
| } | |
| } | |
| .line { | |
| .fold-marker::after { | |
| position: absolute; | |
| font-size: 1.6em; | |
| line-height: 0.5em; | |
| color: @magenta; | |
| transform: translate(0, 5px); | |
| } | |
| } | |
| .invisible-character { | |
| color: fadeout(@base02, 50%) !important; | |
| } | |
| .syntax--punctuation.syntax--string.syntax--begin, .syntax--punctuation.syntax--string.syntax--end { | |
| color: @orange !important; | |
| } | |
| // Ruby & CoffeeScript string interpolation punctuation | |
| .syntax--punctuation.syntax--embedded, | |
| .syntax--punctuation.syntax--section.syntax--embedded, | |
| .syntax--source.syntax--ruby .syntax--meta.syntax--embedded .syntax--punctuation.syntax--section.syntax--embedded, | |
| .syntax--source.syntax--ruby .syntax--meta.syntax--embedded .syntax--punctuation.syntax--section.syntax--embedded .syntax--source.syntax--ruby { | |
| color: @orange; | |
| } | |
| // Content of interpolations use the base color | |
| .syntax--source.syntax--coffee.syntax--embedded, | |
| .syntax--meta.syntax--embedded.syntax--ruby, | |
| .syntax--variable.syntax--interpolation.syntax--sass, | |
| .syntax--property-value.syntax--sass { | |
| color: @base1; | |
| } | |
| .syntax--keyword.syntax--operator { | |
| color: @violet; | |
| } | |
| // Ruby do block arguments | |
| .syntax--meta.syntax--line.syntax--ruby.syntax--haml { | |
| color: @green; | |
| .syntax--source.syntax--ruby { | |
| color: @base1; | |
| &.syntax--embedded.syntax--html { | |
| color: @blue; | |
| } | |
| } | |
| } | |
| // Styles Ruby hash key: with the same style as :key | |
| // .symbol.hashkey { | |
| // color: @cyan; | |
| // | |
| // .punctuation { | |
| // color: @cyan; | |
| // } | |
| // } | |
| // Styles all Haml entities (%tag, #id, .class) in blue | |
| .syntax--entity.syntax--name.syntax--tag.syntax--haml { | |
| color: @blue; | |
| } | |
| // Styles Haml filters (:ruby, :coffee) in red | |
| *:not(.syntax--tag) > .syntax--entity.syntax--name.syntax--tag.syntax--haml:not(.syntax--class):not(.syntax--id) { | |
| color: @magenta; | |
| } | |
| // Styles regexp with an unused color, violet | |
| // .string.regexp { | |
| // color: @violet; | |
| // } | |
| // Styles Literate CoffeeScript comment using a low contrast color | |
| .syntax--source.syntax--litcoffee { | |
| color: @base01; | |
| .syntax--raw.syntax--block { | |
| color: @base1; | |
| } | |
| } | |
| // Styles numbers with magenta | |
| .syntax--numeric { | |
| color: @magenta; | |
| } | |
| .syntax--constant.syntax--other.syntax--symbol { | |
| color: @orange; | |
| } | |
| // Styles variables affectation and CoffeeScript/Ruby @properties | |
| .syntax--variable.syntax--sass, | |
| .syntax--variable-usage.syntax--sass, | |
| .syntax--storage.syntax--modifier, | |
| .syntax--punctuation.syntax--separator.syntax--variable.syntax--ruby, | |
| .syntax--variable.syntax--other.syntax--block.syntax--ruby, | |
| .syntax--definition.syntax--variable.syntax--ruby { | |
| color: #cc6666; | |
| } | |
| // Sass @import param | |
| .syntax--variable.syntax--url.syntax--sass { | |
| color: @cyan; | |
| } | |
| // CSS/Sass/less units (px, %, em, etc.) | |
| .syntax--unit { | |
| color: @green; | |
| } | |
| .syntax--operator.syntax--assignment { | |
| color: @green; | |
| } | |
| .syntax--punctuation.syntax--section, .syntax--meta.syntax--brace { | |
| color: saturate(@magenta, 20%); | |
| } | |
| // .coffee { | |
| // .variable.instance, .variable.assignment { | |
| // color: @blue; | |
| // } | |
| // } | |
| .syntax--markdown.syntax--heading { | |
| color: @base1; | |
| .syntax--name { | |
| color: @magenta; | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment