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