Community Packages
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]
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