From e00936f49cbb0531d72f253312ed674a47f356d5 Mon Sep 17 00:00:00 2001 From: Matt Colyer Date: Thu, 12 Sep 2013 15:28:24 -0700 Subject: [PATCH] Remove themes directory --- themes/atom-dark-syntax.less | 314 ------------------------- themes/atom-dark-ui/atom.less | 6 - themes/atom-dark-ui/buttons.less | 53 ----- themes/atom-dark-ui/dropdowns.less | 19 -- themes/atom-dark-ui/editor.less | 35 --- themes/atom-dark-ui/git.less | 9 - themes/atom-dark-ui/lists.less | 125 ---------- themes/atom-dark-ui/loading.less | 20 -- themes/atom-dark-ui/overlays.less | 36 --- themes/atom-dark-ui/package.cson | 16 -- themes/atom-dark-ui/panels.less | 85 ------- themes/atom-dark-ui/panes.less | 16 -- themes/atom-dark-ui/sites.less | 14 -- themes/atom-dark-ui/tabs.less | 65 ----- themes/atom-dark-ui/text.less | 72 ------ themes/atom-dark-ui/ui-mixins.less | 39 --- themes/atom-dark-ui/ui-variables.less | 76 ------ themes/atom-dark-ui/utilities.less | 19 -- themes/atom-light-syntax.less | 248 ------------------- themes/atom-light-ui/atom.less | 7 - themes/atom-light-ui/buttons.less | 63 ----- themes/atom-light-ui/editor.less | 34 --- themes/atom-light-ui/git.less | 9 - themes/atom-light-ui/lists.less | 133 ----------- themes/atom-light-ui/loading.less | 20 -- themes/atom-light-ui/overlays.less | 43 ---- themes/atom-light-ui/package.cson | 16 -- themes/atom-light-ui/panels.less | 78 ------ themes/atom-light-ui/panes.less | 10 - themes/atom-light-ui/sites.less | 14 -- themes/atom-light-ui/tabs.less | 44 ---- themes/atom-light-ui/text.less | 72 ------ themes/atom-light-ui/tree-view.less | 5 - themes/atom-light-ui/ui-mixins.less | 40 ---- themes/atom-light-ui/ui-variables.less | 76 ------ themes/atom-light-ui/utilities.less | 19 -- 36 files changed, 1950 deletions(-) delete mode 100644 themes/atom-dark-syntax.less delete mode 100644 themes/atom-dark-ui/atom.less delete mode 100644 themes/atom-dark-ui/buttons.less delete mode 100644 themes/atom-dark-ui/dropdowns.less delete mode 100644 themes/atom-dark-ui/editor.less delete mode 100644 themes/atom-dark-ui/git.less delete mode 100644 themes/atom-dark-ui/lists.less delete mode 100644 themes/atom-dark-ui/loading.less delete mode 100644 themes/atom-dark-ui/overlays.less delete mode 100644 themes/atom-dark-ui/package.cson delete mode 100644 themes/atom-dark-ui/panels.less delete mode 100644 themes/atom-dark-ui/panes.less delete mode 100644 themes/atom-dark-ui/sites.less delete mode 100644 themes/atom-dark-ui/tabs.less delete mode 100644 themes/atom-dark-ui/text.less delete mode 100644 themes/atom-dark-ui/ui-mixins.less delete mode 100644 themes/atom-dark-ui/ui-variables.less delete mode 100644 themes/atom-dark-ui/utilities.less delete mode 100644 themes/atom-light-syntax.less delete mode 100644 themes/atom-light-ui/atom.less delete mode 100644 themes/atom-light-ui/buttons.less delete mode 100644 themes/atom-light-ui/editor.less delete mode 100644 themes/atom-light-ui/git.less delete mode 100644 themes/atom-light-ui/lists.less delete mode 100644 themes/atom-light-ui/loading.less delete mode 100644 themes/atom-light-ui/overlays.less delete mode 100644 themes/atom-light-ui/package.cson delete mode 100644 themes/atom-light-ui/panels.less delete mode 100644 themes/atom-light-ui/panes.less delete mode 100644 themes/atom-light-ui/sites.less delete mode 100644 themes/atom-light-ui/tabs.less delete mode 100644 themes/atom-light-ui/text.less delete mode 100644 themes/atom-light-ui/tree-view.less delete mode 100644 themes/atom-light-ui/ui-mixins.less delete mode 100644 themes/atom-light-ui/ui-variables.less delete mode 100644 themes/atom-light-ui/utilities.less diff --git a/themes/atom-dark-syntax.less b/themes/atom-dark-syntax.less deleted file mode 100644 index 9940205b5..000000000 --- a/themes/atom-dark-syntax.less +++ /dev/null @@ -1,314 +0,0 @@ -.editor-colors { - background-color: #1d1f21; - color: #c5c8c6; -} - -.editor { - .invisible-character, - .indent-guide { - color: rgba(197, 200, 198, .2); - } - - .gutter .line-number.fold, - .gutter .line-number:after, - .fold-marker:after { - color: #fba0e3; - } - - .invisible { - color: #c5c8c6; - } - - .cursor { - border-color: #FFFFFF; - } - - .selection .region { - background-color: #444444; - } - - .line-number.cursor-line-no-selection { - background-color: rgba(255, 255, 255, 0.14); - } - - // Markdown Styles - - .source.gfm { - color: #999; - } - - .gfm { - .markup.heading { - color: #eee; - } - - .link { - color: #555; - } - - .variable.list, - .support.quote { - color: #555; - } - - .link .entity { - color: #ddd; - } - - .raw { - color: #aaa; - } - } - - .markdown { - .paragraph { - color: #999; - } - - .heading { - color: #eee; - } - - .raw { - color: #aaa; - } - - .link { - color: #555; - - .string { - color: #555; - - &.title { - color: #ddd; - } - } - } - } -} - -.bracket-matcher { - border-bottom: 1px solid #f8de7e; - margin-top: -1px; - opacity: .7; -} - -.comment { - color: #7C7C7C; -} - -.entity { - color: #FFD2A7; - - &.name.type { - text-decoration: underline; - color: #FFFFB6; - } - - &.other.inherited-class { - color: #9B5C2E; - } -} - -.keyword { - color: #96CBFE; - - &.control { - color: #96CBFE; - } - - &.operator { - color: #EDEDED; - } -} - -.storage { - color: #CFCB90; - - &.modifier { - color: #96CBFE; - } -} - -.constant { - color: #99CC99; - - &.numeric { - color: #FF73FD; - } -} - -.variable { - color: #C6C5FE; -} - -.invalid.deprecated { - text-decoration: underline; - color: #FD5FF1; -} - -.invalid.illegal { - color: #FD5FF1; - background-color: rgba(86, 45, 86, 0.75); -} - -// String interpolation in Ruby, CoffeeScript, and others -.source .string { - .source, - .meta.embedded.line { - color: #EDEDED; - } - - .punctuation.section.embedded { - color: #00A0A0; - - .source { - color: #00A0A0; // Required for the end of embedded strings in Ruby #716 - } - } -} - -.string { - color: #A8FF60; - - .constant { - color: #00A0A0; - } - - &.regexp { - color: #E9C062; - - .constant.character.escape, - .source.ruby.embedded, - .string.regexp.arbitrary-repitition { - color: #FF8000; - } - - &.group { - color: #C6A24F; - background-color: rgba(255, 255, 255, 0.06); - } - - &.character-class { - color: #B18A3D; - } - } - - .variable { - color: #8A9A95; - } -} - -.support { - color: #FFFFB6; - - &.function { - color: #DAD085; - } - - &.constant { - color: #FFD2A7; - } - - &.type.property-name.css { - color: #EDEDED; - } -} - -.source .entity.name.tag, .source .entity.other.attribute-name, .meta.tag.inline, .meta.tag.inline .entity { - color: #96CBFE; -} - -.entity { - &.other.attribute-name { - color: #FFD7B1; - } - - &.name.tag.namespace, - &.other.attribute-name.namespace { - color: #E18964; - } -} - -.meta { - &.preprocessor.c { - color: #8996A8; - } - - &.preprocessor.c .keyword { - color: #AFC4DB; - } - - &.cast { - color: #676767; - } - - &.sgml.html .meta.doctype, - &.sgml.html .meta.doctype .entity, - &.sgml.html .meta.doctype .string, - &.xml-processing, - &.xml-processing .entity, - &.xml-processing .string { - color: #494949; - } - - &.tag, - &.tag .entity { - color: #96CBFE; - } - - &.selector.css .entity.name.tag { - text-decoration: underline; - color: #96CBFE; - } - - &.selector.css .entity.other.attribute-name.tag.pseudo-class { - color: #8F9D6A; - } - - &.selector.css .entity.other.attribute-name.id { - color: #8B98AB; - } - - &.selector.css .entity.other.attribute-name.class { - color: #62B1FE; - } - - &.property-group .support.constant.property-value.css, - &.property-value .support.constant.property-value.css { - color: #F9EE98; - } - - &.preprocessor.at-rule .keyword.control.at-rule { - color: #8693A5; - } - - &.property-value .support.constant.named-color.css, - &.property-value .constant { - color: #87C38A; - } - - &.constructor.argument.css { - color: #8F9D6A; - } - - &.diff, - &.diff.header { - color: #F8F8F8; - background-color: #0E2231; - } - - &.separator { - color: #60A633; - background-color: #242424; - } - - &.line.entry.logfile, - &.line.exit.logfile { - background-color: rgba(238, 238, 238, 0.16); - } - - &.line.error.logfile { - background-color: #751012; - } -} diff --git a/themes/atom-dark-ui/atom.less b/themes/atom-dark-ui/atom.less deleted file mode 100644 index f868642a8..000000000 --- a/themes/atom-dark-ui/atom.less +++ /dev/null @@ -1,6 +0,0 @@ -@import "ui-variables"; - -#root-view { - font: caption; - background-color: @app-background-color; -} diff --git a/themes/atom-dark-ui/buttons.less b/themes/atom-dark-ui/buttons.less deleted file mode 100644 index 7fd046ccb..000000000 --- a/themes/atom-dark-ui/buttons.less +++ /dev/null @@ -1,53 +0,0 @@ -@import "ui-variables"; -@import "ui-mixins"; - -.btn-background (@color, @hover-color, @selected-color, @text-color) { - color: @text-color; - background-color: transparent; - background-image: -webkit-linear-gradient(@color, darken(@color, 5%)); - - &:hover { - color: @text-color-highlight; - background-image: -webkit-linear-gradient(@hover-color, darken(@hover-color, 5%)); - } - &.selected, - &.selected:hover { - color: @text-color-highlight; - background-image: -webkit-linear-gradient(darken(@selected-color, 5%), @selected-color); - &:hover { - background-image: -webkit-linear-gradient(@selected-color, darken(@selected-color, 5%)); - } - } -} - -.btn-variant (@color) { - @bg: darken(@color, 10%); - @hover: @color; - @selected: @color; - .btn-background(@bg, @hover, @selected, @text-color-highlight); -} - -.btn { - .btn-background(@button-background-color, @button-background-color-hover, @button-background-color-selected, @text-color); -} - -.btn.btn-primary { - .btn-variant(@background-color-info); -} -.btn.btn-info { - .btn-variant(@background-color-info); -} -.btn.btn-success { - .btn-variant(@background-color-success); -} -.btn.btn-warning { - .btn-variant(@background-color-warning); -} -.btn.btn-error { - .btn-variant(@background-color-error); -} - -.caret { - border-top: 5px solid #fff; - margin-top: -1px; -} diff --git a/themes/atom-dark-ui/dropdowns.less b/themes/atom-dark-ui/dropdowns.less deleted file mode 100644 index 270a1fff7..000000000 --- a/themes/atom-dark-ui/dropdowns.less +++ /dev/null @@ -1,19 +0,0 @@ -@import "ui-variables"; -@import "ui-mixins"; -@import "octicon-mixins"; - -.dropdown-menu { - background-color: @overlay-background-color; - border-radius: @component-border-radius; - border: 1px solid @base-border-color; - padding: 0; - - > li > a { - .text(normal); - } - - > li > a:hover { - .text(highlight); - background-color: @background-color-highlight; - } -} diff --git a/themes/atom-dark-ui/editor.less b/themes/atom-dark-ui/editor.less deleted file mode 100644 index 1b6ee5011..000000000 --- a/themes/atom-dark-ui/editor.less +++ /dev/null @@ -1,35 +0,0 @@ -@import "ui-variables"; -@import "ui-mixins"; - -.editor.mini { - color: @text-color-highlight; - background-color: @input-background-color; - border: 1px solid @input-border-color; - box-shadow: - inset 0 1px 1px rgba(0, 0, 0, .075); - border-radius: @component-border-radius; - padding-left: @component-padding/2; - - .cursor { border-color: #fff; } - .selection .region { background-color: #444; } -} - -.editor.editor-colors.mini.is-focused { - background-color: lighten(@input-background-color, 5%); -} - -// FIXME: these should go in syntax themes? -.editor .gutter.drop-shadow { - -webkit-box-shadow: -2px 0 10px 2px #222; -} - -@-webkit-keyframes highlight { - from { background-color: rgba(100, 255, 100, 0.7); } - to { background-color: null; } -} - -.editor .highlighted.selection .region { - -webkit-animation-name: highlight; - -webkit-animation-duration: 1s; - -webkit-animation-iteration-count: 1; -} diff --git a/themes/atom-dark-ui/git.less b/themes/atom-dark-ui/git.less deleted file mode 100644 index cfdc73c06..000000000 --- a/themes/atom-dark-ui/git.less +++ /dev/null @@ -1,9 +0,0 @@ -@import "ui-mixins"; -@import "ui-variables"; - -.status { .text(normal); } -.status-added { .text(info); } -.status-ignored { .text(subtle); } -.status-modified { .text(warning); } -.status-removed { .text(error); } -.status-renamed { .text(success); } diff --git a/themes/atom-dark-ui/lists.less b/themes/atom-dark-ui/lists.less deleted file mode 100644 index a4f84b69b..000000000 --- a/themes/atom-dark-ui/lists.less +++ /dev/null @@ -1,125 +0,0 @@ -@import "ui-variables"; -@import "ui-mixins"; -@import "octicon-mixins"; - -.list-group, .list-tree { - li:not(.list-nested-item), - li.list-nested-item > .list-item { - .text(normal); - } - - .generate-list-item-text-color(@class) { - li:not(.list-nested-item).text-@{class}, - li.list-nested-item.text-@{class} > .list-item { - .text(@class); - } - } - .generate-list-item-text-color(subtle); - .generate-list-item-text-color(info); - .generate-list-item-text-color(success); - .generate-list-item-text-color(warning); - .generate-list-item-text-color(error); - .generate-list-item-text-color(selected); - - .generate-list-item-status-color(@textClass, @status) { - li:not(.list-nested-item).status-@{status}, - li.list-nested-item.status-@{status} > .list-item { - .text(@textClass); - } - } - .generate-list-item-status-color(subtle, ignored); - .generate-list-item-status-color(info, added); - .generate-list-item-status-color(success, renamed); - .generate-list-item-status-color(warning, modified); - .generate-list-item-status-color(error, removed); - - li:not(.list-nested-item):hover, - li.list-nested-item:hover > .list-item, // i.e. highlight directory when hover child file - li.list-nested-item .list-item:hover, - li.list-nested-item .list-item:hover .disclosure-arrow, - .selected > .list-nested-item > .list-item .disclosure-arrow, - .selected > .list-nested-item > .list-item:hover .disclosure-arrow { - .text(highlight); - } -} - -.select-list ol.list-group, -&.select-list ol.list-group { - li.two-lines { - .secondary-line { color: @text-color-subtle; } - &.selected .secondary-line { color: lighten(@text-color-subtle, 10%); } - } - - // We want to highlight the background of the list items because we dont - // know their size. - li.selected { - background-color: @background-color-highlight; - &:before{ display: none; } - } - - &.mark-active{ - @active-icon-size: 14px; - - // pad in front of the text where the icon would be We'll pad the non- - // active items with a 'fake' icon so other classes can pad the item - // without worrying about the icon padding. - li:before { - content: ''; - background-color: transparent; - position: static; - display: inline-block; - left: auto; right: auto; - height: @active-icon-size; - width: @active-icon-size; - } - > li:not(.active):before { - margin-right: @component-icon-padding; - } - li.active { - .octicon(check, @active-icon-size); - &:before { - margin-right: @component-icon-padding; - color: @text-color-success; - } - } - } -} - -.select-list.popover-list { - background-color: @overlay-background-color; - -webkit-box-shadow: 0 0 3px 3px @base-border-color; - padding: @component-padding/2; - border-radius: @component-border-radius; - border: 1px solid @overlay-border-color; - - .editor { - margin-bottom: @component-padding/2; - } - - .list-group li { - padding-left: @component-padding/2; - } -} - -.ui-sortable { - li { - line-height: 2.5; - } - - // For sortable lists in the settings view - li.ui-sortable-placeholder { - visibility: visible !important; - background-color: darken(@pane-item-background-color, 3%); - } -} - -li.ui-draggable-dragging, li.ui-sortable-helper { - line-height: @component-line-height; - height: @component-line-height; - border: 0; - border-radius: 0; - list-style: none; - padding: 0 @component-padding; - background: @background-color-highlight; - box-shadow: 0 0 1px @base-border-color; -} diff --git a/themes/atom-dark-ui/loading.less b/themes/atom-dark-ui/loading.less deleted file mode 100644 index 591945bf3..000000000 --- a/themes/atom-dark-ui/loading.less +++ /dev/null @@ -1,20 +0,0 @@ -@import "ui-variables"; -@import "ui-mixins"; - -.loading-spinner(@size) { - width: @size; - height: @size; - display: block; - - background-image: url(images/octocat-spinner-128.gif); - background-repeat: no-repeat; - background-size: cover; -} - -.loading-spinner-medium { - .loading-spinner(64px); -} - -.loading-spinner-small { - .loading-spinner(32px); -} diff --git a/themes/atom-dark-ui/overlays.less b/themes/atom-dark-ui/overlays.less deleted file mode 100644 index 182499a05..000000000 --- a/themes/atom-dark-ui/overlays.less +++ /dev/null @@ -1,36 +0,0 @@ -@import "ui-variables"; - -.overlay { - color: @text-color; - background-color: @overlay-background-color; - padding: @component-padding; - border: 1px solid @overlay-border-color; - box-shadow: 0 0 10px @base-border-color; - border-radius: @component-border-radius; - - .editor.mini { - margin-bottom: @component-padding; - } - - .select-list ol.list-group, - &.select-list ol.list-group { - - background-color: lighten(@overlay-background-color, 3%); - - li { - padding: @component-padding; - border-bottom: 1px solid @overlay-background-color; - - &.two-lines { padding: @component-padding/2 @component-padding; } - - .status.icon { - float: right; - margin-left: @component-icon-padding; - &:before { - margin-right: 0; - } - } - } - - } -} diff --git a/themes/atom-dark-ui/package.cson b/themes/atom-dark-ui/package.cson deleted file mode 100644 index 6a4d360b6..000000000 --- a/themes/atom-dark-ui/package.cson +++ /dev/null @@ -1,16 +0,0 @@ -'stylesheets': [ - 'atom' - 'utilities' - 'text' - 'git' - 'sites' - 'loading' - 'buttons' - 'panels' - 'panes' - 'lists' - 'editor' - 'tabs' - 'overlays' - 'dropdowns' -] diff --git a/themes/atom-dark-ui/panels.less b/themes/atom-dark-ui/panels.less deleted file mode 100644 index c8e2b947b..000000000 --- a/themes/atom-dark-ui/panels.less +++ /dev/null @@ -1,85 +0,0 @@ -@import "ui-mixins"; -@import "ui-variables"; -@import "buttons"; - -.panel { - &.bordered { - border: 1px solid @base-border-color; - border-radius: @component-border-radius; - - .panel-heading { - border-radius: @component-border-radius @component-border-radius 0 0; - } - } -} - -.tool-panel { - .text(normal); - position: relative; - - opacity: 0.8; - background-color: @tool-panel-background-color; - - &:focus { - opacity: 1; - } - - &.panel-bottom { - border-top: 1px solid @tool-panel-border-color; - box-shadow: inset 0 1px 0 @background-color-highlight; - } - - &.panel-left { - border-right: 1px solid @tool-panel-border-color; - } -} - -.inset-panel { - position: relative; - background-color: @inset-panel-background-color; - border-radius: @component-border-radius; - - border: 1px solid @inset-panel-border-color; - box-shadow: - inset 0 1px 3px fadeout(@inset-panel-border-color, 40%), - inset 0 -1px 3px fadeout(@background-color-highlight, 3%); - - .panel-heading { - border-radius: @component-border-radius @component-border-radius 0 0; - } -} - -.is-blurred { - .tool-panel, - .inset-panel { - opacity: 0.6; - } -} - -.panel-heading { - .text(normal); - - margin: 0; - border-bottom: 1px solid @panel-heading-border-color; - border-top: 1px solid fadein(@background-color-highlight, 10%); - padding: @component-padding - 2px @component-padding; - - font-size: @font-size; - line-height: 1; - - background-color: transparent; - background-image: -webkit-linear-gradient(@panel-heading-background-color, darken(@panel-heading-background-color, 10%)); - - .btn { - padding: 1px 5px; - font-size: 10px; - position: relative; - top: -3px; - - @bg: lighten(@button-background-color, 10%); - @hover: lighten(@button-background-color-hover, 10%); - @selected: lighten(@button-background-color-selected, 10%); - @text: lighten(@text-color, 10%); - .btn-background(@bg, @hover, @selected, @text); - } -} diff --git a/themes/atom-dark-ui/panes.less b/themes/atom-dark-ui/panes.less deleted file mode 100644 index 0d041404d..000000000 --- a/themes/atom-dark-ui/panes.less +++ /dev/null @@ -1,16 +0,0 @@ -@import "ui-mixins"; -@import "ui-variables"; -@import "buttons"; - -.pane-item { - .panel { - border-color: fadeout(@inset-panel-border-color, 30%); - } -} - -#panes { - .row .pane { - border-right: 1px solid @pane-item-border-color; - &:last-child { border-right: none; } - } -} diff --git a/themes/atom-dark-ui/sites.less b/themes/atom-dark-ui/sites.less deleted file mode 100644 index fa79d92e3..000000000 --- a/themes/atom-dark-ui/sites.less +++ /dev/null @@ -1,14 +0,0 @@ -@import "ui-mixins"; -@import "ui-variables"; - -.ui-site(@num, @color) { - .ui-site-@{num} { - background-color: @color; - } -} - -.ui-site(1, @ui-site-color-1); -.ui-site(2, @ui-site-color-2); -.ui-site(3, @ui-site-color-3); -.ui-site(4, @ui-site-color-4); -.ui-site(5, @ui-site-color-5); diff --git a/themes/atom-dark-ui/tabs.less b/themes/atom-dark-ui/tabs.less deleted file mode 100644 index e2f9e166d..000000000 --- a/themes/atom-dark-ui/tabs.less +++ /dev/null @@ -1,65 +0,0 @@ -@import "ui-variables"; -@import "ui-mixins"; - -.tab-bar { - height: @tab-height + 6px; - border-bottom: 4px solid @tab-bar-border-color; - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(0, 0, 0, 0.5); - margin-bottom: 1px; - background-color: @tab-bar-background-color; -} - -.tab { - height: @tab-height; - line-height: @tab-height; - color: @text-color; - margin: 0; - background-image: -webkit-linear-gradient(@tab-background-color, darken(@tab-background-color, 10%)); - box-shadow: - inset 0 2px 0 rgba(255, 255, 255, 0.1), - inset 0 1px 0 rgba(0, 0, 0, 1), - inset 1px 0 0 @background-color-highlight, - inset -1px 0 0 @background-color-highlight; -} - -.tab:hover { - color: @text-color-highlight; -} - -.tab.active { - height: @tab-height + 1px; - background-image: -webkit-linear-gradient(@tab-background-color-active, @tab-bar-border-color); - color: @text-color-highlight; - text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); - z-index: 2; - box-shadow: - inset 0 1px 0 rgba(0, 0, 0, 0.5), - inset 0 2px 0 rgba(255, 255, 255, 0.1), - inset 1px 0 0 rgba(255, 255, 255, 0.1), - inset -1px 0 0 rgba(255, 255, 255, 0.1) -} - -.tab.active:hover .close-icon { - color: @text-color-highlight; -} - -// Bootstrap nav tabs. -.nav.nav-tabs { - border-bottom-color: @tab-background-color-active; - - > li { - margin-bottom: 0; - } - - > li > a { - border: none; - } - - > li.active > a { - .text(highlight); - border: none; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: @background-color-highlight; - } -} diff --git a/themes/atom-dark-ui/text.less b/themes/atom-dark-ui/text.less deleted file mode 100644 index 8f9c9fc71..000000000 --- a/themes/atom-dark-ui/text.less +++ /dev/null @@ -1,72 +0,0 @@ -@import "ui-mixins"; -@import "ui-variables"; - -h1, -h2, -h3 { - line-height: 1em; - margin-bottom: 15px -} -h1 { font-size: 2em; } -h2 { font-size: 1.5em; } -h3 { font-size: 1.2em; } - -p { - line-height: 1.6; - margin-bottom: 15px; -} - -label { - font-weight: normal; -} - -pre { - box-shadow: none; - color: @text-color; - background: @inset-panel-background-color; - border-radius: @component-border-radius; - border: none; - margin: 0; -} - -code { - .text(highlight); - background: @background-color-highlight; - border-radius: @component-border-radius; -} - -.selected { .text(highlight); } - -.text-smaller { font-size: 0.9em; } - -.text-subtle { .text(subtle); } -.text-highlight { .text(highlight); } - -.text-info { .text(info); } -.text-warning { .text(warning); } -.text-success { .text(success); } -.text-error { .text(error); } - -.highlight { - color: @text-color-highlight; - font-weight: bold; - text-shadow: none; - background-color: @background-color-highlight; - border-radius: @component-border-radius; - padding: 1px 3px; -} - -.highlight-color(@name, @color) { - .highlight-@{name} { - color: @text-color-highlight; - font-weight: bold; - text-shadow: none; - background-color: @color; - border-radius: @component-border-radius; - padding: 1px 3px; - } -} -.highlight-color(info, @background-color-info); -.highlight-color(warning, @background-color-warning); -.highlight-color(error, @background-color-error); -.highlight-color(success, @background-color-success); diff --git a/themes/atom-dark-ui/ui-mixins.less b/themes/atom-dark-ui/ui-mixins.less deleted file mode 100644 index 04b74f75b..000000000 --- a/themes/atom-dark-ui/ui-mixins.less +++ /dev/null @@ -1,39 +0,0 @@ -@import "ui-variables"; - -// Pattern matching; ish is cray. -// http://lesscss.org/#-pattern-matching-and-guard-expressions -.text(normal) { - font-weight: normal; - color: @text-color; - text-shadow: 0 -1px 0 #333; -} -.text(subtle) { - font-weight: normal; - color: @text-color-subtle; - text-shadow: none; -} -.text(highlight) { - font-weight: normal; - color: @text-color-highlight; - text-shadow: 0 -1px 0 #333; -} -.text(selected) { - .text(highlight) -} - -.text(info) { - color: @text-color-info; - text-shadow: none; -} -.text(success) { - color: @text-color-success; - text-shadow: none; -} -.text(warning) { - color: @text-color-warning; - text-shadow: none; -} -.text(error) { - color: @text-color-error; - text-shadow: none; -} diff --git a/themes/atom-dark-ui/ui-variables.less b/themes/atom-dark-ui/ui-variables.less deleted file mode 100644 index dcdfd486d..000000000 --- a/themes/atom-dark-ui/ui-variables.less +++ /dev/null @@ -1,76 +0,0 @@ -// Colors - -@text-color: #aaa; -@text-color-subtle: #555; -@text-color-highlight: #fff; -@text-color-selected: @text-color-highlight; - -@text-color-info: #5293d8; -@text-color-success: #1fe977; -@text-color-warning: #f78a46; -@text-color-error: #c00; - -@background-color-info: #0098ff; -@background-color-success: #17ca65; -@background-color-warning: #ff4800; -@background-color-error: #c00; -@background-color-highlight: rgba(255, 255, 255, 0.07); -@background-color-selected: @background-color-highlight; - -@app-background-color: #333; - -@base-background-color: lighten(@tool-panel-background-color, 5%); -@base-border-color: rgba(0, 0, 0, 0.5); - -@pane-item-background-color: @base-background-color; -@pane-item-border-color: rgba(0, 0, 0, 0.5); - -@input-background-color: #212224; -@input-border-color: @base-border-color; - -@tool-panel-background-color: #1d1f21; -@tool-panel-border-color: @base-border-color; - -@inset-panel-background-color: #161719; -@inset-panel-border-color: @base-border-color; - -@panel-heading-background-color: #43484d; -@panel-heading-border-color: fadein(@base-border-color, 10%); - -@overlay-background-color: #202123; -@overlay-border-color: @background-color-highlight; - -@button-background-color: #43484d; -@button-background-color-hover: lighten(@button-background-color, 5%); -@button-background-color-selected: #5c6064; -@button-border-color: @base-border-color; - -@tab-bar-background-color: @inset-panel-background-color; -@tab-bar-border-color: darken(@tab-background-color-active, 10%); -@tab-background-color: #292c2f; -@tab-background-color-active: @panel-heading-background-color; -@tab-border-color: transparent; - -@tree-view-background-color: @tool-panel-background-color; -@tree-view-border-color: @tool-panel-border-color; - -@ui-site-color-1: @background-color-success; // green -@ui-site-color-2: @background-color-info; // blue -@ui-site-color-3: @background-color-warning; // orange -@ui-site-color-4: #db2ff4; // purple -@ui-site-color-5: #f5e11d; // yellow - - -// Sizes - -@font-size: 12px; - -@disclosure-arrow-size: 12px; - -@component-padding: 10px; -@component-icon-padding: 5px; -@component-icon-size: 16px; -@component-line-height: 25px; -@component-border-radius: 2px; - -@tab-height: 30px; diff --git a/themes/atom-dark-ui/utilities.less b/themes/atom-dark-ui/utilities.less deleted file mode 100644 index feb882fbf..000000000 --- a/themes/atom-dark-ui/utilities.less +++ /dev/null @@ -1,19 +0,0 @@ -@import "ui-mixins"; -@import "ui-variables"; - -.key-binding { - background: -webkit-linear-gradient( - rgba(100, 100, 100, 0.5), - rgba(70,70,70, 0.5)); - -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1); - display: inline-block; - line-height: 100%; - padding: 1px 3px; - border-radius: @component-border-radius; - margin-left: @component-icon-padding; -} - -.badge { - .text(highlight); - background: @background-color-highlight; -} diff --git a/themes/atom-light-syntax.less b/themes/atom-light-syntax.less deleted file mode 100644 index 72884e01a..000000000 --- a/themes/atom-light-syntax.less +++ /dev/null @@ -1,248 +0,0 @@ -.editor { - &, - .gutter { - background-color: #FFFFFF; - color: #555; - } - - .invisible-character, - .indent-guide { - color: rgba(85, 85, 85, .2); - } - - .gutter .line-number.fold, - .gutter .line-number:after, - .fold-marker:after { - color: #e87b00; - } - - .invisible { - color: #555; - } - - .selection .region { - background-color: #e1e1e1; - } - - &.is-focused { - .cursor { - border-color: #000; - } - - .selection .region { - background-color: #afc4da; - } - - .line-number.cursor-line-no-selection, - .line.cursor-line { - background-color: rgba(255, 255, 134, 0.34); - } - } - - .comment { - color: #999988; - font-style: italic; - } - - .string { - color: #D14; - } - - // String interpolation in Ruby, CoffeeScript, and others - .source .string { - .source, - .meta.embedded.line { - color: #5A5A5A; - } - - .punctuation.section.embedded { - color: #920B2D; - - .source { - color: #920B2D; // Required for the end of embedded strings in Ruby #716 - } - } - } - - - .constant { - &.numeric { - color: #D14; - } - - &.language { - color: #606aa1; - } - - &.character, - &.other { - color: #606aa1; - } - - &.symbol { - color: #990073; - } - - &.numeric.line-number.find-in-files .match { - color: rgba(143, 190, 0, 0.63); - } - } - - .variable { - color: #008080; - - &.parameter { - color: #606aa1; - } - } - - // Keywords - .keyword { - color: #222; - font-weight: bold; - - &.unit { - color: #445588; - } - - &.special-method { - color: #0086B3; - } - } - - .storage { - color: #222; - - &.type { - color: #222; - } - } - - .entity { - &.name.class { - text-decoration: underline; - color: #606aa1; - } - - &.other.inherited-class { - text-decoration: underline; - color: #606aa1; - } - - &.name.function { - color: #900; - } - - &.name.tag { - color: #008080; - } - - &.other.attribute-name { - color: #458; - font-weight: bold; - } - - &.name.filename.find-in-files { - color: #E6DB74; - } - } - - .support { - &.constant, - &.function, - &.type { - color: #458; - } - - &.class { - color: #008080; - } - } - - .invalid { - color: #F8F8F0; - background-color: #00A8C6; - - &.deprecated { - color: #F8F8F0; - background-color: #8FBE00; - } - } - - - .meta { - &.structure.dictionary.json > .string.quoted.double.json, - &.structure.dictionary.json > .string.quoted.double.json .punctuation.string { - color: #000080; - } - - &.structure.dictionary.value.json > .string.quoted.double.json { - color: #d14; - } - - &.diff, - &.diff.header { - color: #75715E; - } - - &.function span { - color: #990000; - font-weight: bold; - } - } - - // CSS Styles - .css { - &.support.property-name { - font-weight: bold; - color: #333; - } - - &.constant { - color: #099; - } - } - - // Markdown - .source.gfm { - color: #444; - } - - .gfm { - .markup.heading { - color: #111; - } - - & .link { - color: #888; - } - - .variable.list { - color: #888; - } - } - - .markdown { - .paragraph { - color: #444; - } - - .heading { - color: #111; - } - - .link { - color: #888; - - .string { - color: #888; - } - } - } -} - -.bracket-matcher { - background-color: #C9C9C9; - opacity: .7; - border-bottom: 0 none; -} diff --git a/themes/atom-light-ui/atom.less b/themes/atom-light-ui/atom.less deleted file mode 100644 index 70d78bbb0..000000000 --- a/themes/atom-light-ui/atom.less +++ /dev/null @@ -1,7 +0,0 @@ -@import "ui-variables"; - -#root-view { - font: caption; - background-color: @app-background-color; - border-top: 1px solid rgba(0, 0, 0, .4); -} diff --git a/themes/atom-light-ui/buttons.less b/themes/atom-light-ui/buttons.less deleted file mode 100644 index a28e14408..000000000 --- a/themes/atom-light-ui/buttons.less +++ /dev/null @@ -1,63 +0,0 @@ -@import "ui-variables"; -@import "ui-mixins"; - -.btn-background (@color, @hover-color, @selected-color, @border-color, @text-color, @text-color-hover) { - @border-shadow: inset 0 0 0 1px @border-color; - @active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); - color: @text-color; - background-color: transparent; - background-image: -webkit-linear-gradient(@color, darken(@color, 8%)); - box-shadow: @border-shadow; - - &:hover { - color: @text-color-hover; - background-image: -webkit-linear-gradient(@hover-color, darken(@hover-color, 8%)); - } - &:active, - &.selected:hover:active { - box-shadow: @active-shadow, @border-shadow; - } - &.selected, - &.selected:hover { - color: @text-color-selected; - box-shadow: inset 0 2px 5px rgba(0, 0, 0,.3), @border-shadow; - text-shadow: 0 0 2px rgba(0, 0, 0, 0.3); - background-image: -webkit-linear-gradient(darken(@selected-color, 8%), @selected-color); - } - &.selected:hover { - box-shadow: @border-shadow; - background-image: -webkit-linear-gradient(@selected-color, darken(@selected-color, 8%)); - } -} - -.btn-variant (@color) { - @bg: darken(@color, 10%); - @hover: @color; - @selected: @color; - @border: fadeout(darken(@color, 20%), 50%); - .btn-background(@bg, @hover, @selected, @border, @text-color-selected, @text-color-selected); -} - -.btn { - .btn-background(@button-background-color, @button-background-color-hover, @button-background-color-selected, @button-border-color, @text-color, @text-color-highlight); -} - -.btn.btn-primary { - .btn-variant(@background-color-info); -} -.btn.btn-info { - .btn-variant(@background-color-info); -} -.btn.btn-success { - .btn-variant(@background-color-success); -} -.btn.btn-warning { - .btn-variant(@background-color-warning); -} -.btn.btn-error { - .btn-variant(@background-color-error); -} - -.btn-group > .btn { - border: none; -} diff --git a/themes/atom-light-ui/editor.less b/themes/atom-light-ui/editor.less deleted file mode 100644 index c0d9252bc..000000000 --- a/themes/atom-light-ui/editor.less +++ /dev/null @@ -1,34 +0,0 @@ -@import "ui-variables"; -@import "ui-mixins"; - -.editor.mini { - color: @text-color; - background-color: @input-background-color; - border: 1px solid @input-border-color; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - border-radius: @component-border-radius; - padding-left: @component-padding/2; - - .cursor { border-color: #000; } - .selection .region { background-color: #afc4da; } -} - -.editor.editor-colors.mini.is-focused { - background-color: lighten(@input-background-color, 5%); -} - -// FIXME: these should go in syntax themes? -.editor .gutter.drop-shadow { - -webkit-box-shadow: -2px 0 10px 2px #222; -} - -@-webkit-keyframes highlight { - from { background-color: rgba(100, 255, 100, 0.7); } - to { background-color: null; } -} - -.editor .highlighted.selection .region { - -webkit-animation-name: highlight; - -webkit-animation-duration: 1s; - -webkit-animation-iteration-count: 1; -} diff --git a/themes/atom-light-ui/git.less b/themes/atom-light-ui/git.less deleted file mode 100644 index cfdc73c06..000000000 --- a/themes/atom-light-ui/git.less +++ /dev/null @@ -1,9 +0,0 @@ -@import "ui-mixins"; -@import "ui-variables"; - -.status { .text(normal); } -.status-added { .text(info); } -.status-ignored { .text(subtle); } -.status-modified { .text(warning); } -.status-removed { .text(error); } -.status-renamed { .text(success); } diff --git a/themes/atom-light-ui/lists.less b/themes/atom-light-ui/lists.less deleted file mode 100644 index 86a2a37e9..000000000 --- a/themes/atom-light-ui/lists.less +++ /dev/null @@ -1,133 +0,0 @@ -@import "ui-variables"; -@import "ui-mixins"; -@import "octicon-mixins"; - -.list-group, .list-tree { - li:not(.list-nested-item), - li.list-nested-item > .list-item { - .text(normal); - } - - .generate-list-item-text-color(@class) { - li:not(.list-nested-item).text-@{class}, - li.list-nested-item.text-@{class} > .list-item { - .text(@class); - } - } - .generate-list-item-text-color(subtle); - .generate-list-item-text-color(info); - .generate-list-item-text-color(success); - .generate-list-item-text-color(warning); - .generate-list-item-text-color(error); - .generate-list-item-text-color(selected); - - .generate-list-item-status-color(@textClass, @status) { - li:not(.list-nested-item).status-@{status}, - li.list-nested-item.status-@{status} > .list-item { - .text(@textClass); - } - } - .generate-list-item-status-color(subtle, ignored); - .generate-list-item-status-color(info, added); - .generate-list-item-status-color(success, renamed); - .generate-list-item-status-color(warning, modified); - .generate-list-item-status-color(error, removed); - - li:not(.list-nested-item).selected, - li.list-nested-item.selected > .list-item { - .text(selected); - } - - li:not(.list-nested-item):hover, - li.list-nested-item:hover > .list-item, // i.e. highlight directory when hover child file - li.list-nested-item .list-item:hover, - li.list-nested-item .list-item:hover .disclosure-arrow, - .selected > .list-nested-item > .list-item .disclosure-arrow, - .selected > .list-nested-item > .list-item:hover .disclosure-arrow { - .text(highlight); - } -} - -.select-list ol.list-group, -&.select-list ol.list-group { - li.two-lines { - .secondary-line { color: @text-color-subtle; } - &.selected .secondary-line { - color: lighten(@text-color-subtle, 10%); - text-shadow: none; - } - } - - // We want to highlight the background of the list items because we dont - // know their size. - li.selected { - background-color: @background-color-selected; - &:before{ display: none; } - } - - &.mark-active{ - @active-icon-size: 14px; - - // pad in front of the text where the icon would be We'll pad the non- - // active items with a 'fake' icon so other classes can pad the item - // without worrying about the icon padding. - li:before { - content: ''; - background-color: transparent; - position: static; - display: inline-block; - left: auto; right: auto; - height: @active-icon-size; - width: @active-icon-size; - } - > li:not(.active):before { - margin-right: @component-icon-padding; - } - li.active { - .octicon(check, @active-icon-size); - &:before { - margin-right: @component-icon-padding; - color: @text-color-success; - } - } - } -} - -.select-list.popover-list { - background-color: @overlay-background-color; - box-shadow: 0 0 10px @base-border-color; - padding: @component-padding/2; - border-radius: @component-border-radius; - border: 1px solid @overlay-border-color; - - .editor { - margin-bottom: @component-padding/2; - } - - .list-group li { - padding-left: @component-padding/2; - } -} - -.ui-sortable { - li { - line-height: 2.5; - } - - // For sortable lists in the settings view - li.ui-sortable-placeholder { - visibility: visible !important; - background-color: darken(@pane-item-background-color, 10%); - } -} - -li.ui-draggable-dragging, li.ui-sortable-helper { - line-height: @component-line-height; - height: @component-line-height; - border: 0; - border-radius: 0; - list-style: none; - padding: 0 @component-padding; - background: @background-color-highlight; - box-shadow: 0 0 1px @base-border-color; -} diff --git a/themes/atom-light-ui/loading.less b/themes/atom-light-ui/loading.less deleted file mode 100644 index 591945bf3..000000000 --- a/themes/atom-light-ui/loading.less +++ /dev/null @@ -1,20 +0,0 @@ -@import "ui-variables"; -@import "ui-mixins"; - -.loading-spinner(@size) { - width: @size; - height: @size; - display: block; - - background-image: url(images/octocat-spinner-128.gif); - background-repeat: no-repeat; - background-size: cover; -} - -.loading-spinner-medium { - .loading-spinner(64px); -} - -.loading-spinner-small { - .loading-spinner(32px); -} diff --git a/themes/atom-light-ui/overlays.less b/themes/atom-light-ui/overlays.less deleted file mode 100644 index 4c837488d..000000000 --- a/themes/atom-light-ui/overlays.less +++ /dev/null @@ -1,43 +0,0 @@ -@import "ui-variables"; - -.overlay { - color: @text-color; - background-color: @overlay-background-color; - padding: @component-padding; - border: 1px solid @overlay-border-color; - box-shadow: 0 0 10px @base-border-color; - border-radius: @component-border-radius; - - .editor.mini { - margin-bottom: @component-padding; - } - - .select-list ol.list-group, - &.select-list ol.list-group { - - background-color: @inset-panel-background-color; - - li { - padding: @component-padding; - border-top: 1px solid @inset-panel-border-color; - border-left: 1px solid @inset-panel-border-color; - border-right: 1px solid @inset-panel-border-color; - &:last-child { border-bottom: 1px solid @inset-panel-border-color; } - - &.two-lines { padding: @component-padding/2 @component-padding; } - &.selected { - color: @text-color; - background-color: @background-color-highlight; - } - - .status.icon { - float: right; - margin-left: @component-icon-padding; - &:before { - margin-right: 0; - } - } - } - - } -} diff --git a/themes/atom-light-ui/package.cson b/themes/atom-light-ui/package.cson deleted file mode 100644 index b1a123bdd..000000000 --- a/themes/atom-light-ui/package.cson +++ /dev/null @@ -1,16 +0,0 @@ -'stylesheets': [ - 'atom' - 'utilities' - 'text' - 'git' - 'sites' - 'loading' - 'buttons' - 'panels' - 'panes' - 'lists' - 'overlays' - 'editor' - 'tabs' - 'tree-view' -] diff --git a/themes/atom-light-ui/panels.less b/themes/atom-light-ui/panels.less deleted file mode 100644 index 101975141..000000000 --- a/themes/atom-light-ui/panels.less +++ /dev/null @@ -1,78 +0,0 @@ -@import "ui-mixins"; -@import "ui-variables"; -@import "buttons"; - -.panel { - &.bordered { - border: 1px solid @base-border-color; - border-radius: @component-border-radius; - - .panel-heading { - border-radius: @component-border-radius @component-border-radius 0 0; - } - } -} - -.tool-panel { - .text(normal); - position: relative; - - opacity: 0.8; - background-color: @tool-panel-background-color; - - &:focus { - opacity: 1; - } - - &.panel-bottom { - border-top: 1px solid @tool-panel-border-color; - } - - &.panel-left { - border-right: 1px solid @tool-panel-border-color; - } - - .inset-panel { - border-radius: @component-border-radius; - - border: 1px solid @tool-panel-border-color; - } -} - -.inset-panel { - position: relative; - background-color: @inset-panel-background-color; -} - -.is-blurred { - .tool-panel, - .inset-panel { - opacity: 0.6; - } -} - -.panel-heading { - margin: 0; - border-bottom: none; - padding: @component-padding - 2px @component-padding; - - font-size: @font-size; - line-height: 1; - - background-color: transparent; - background-image: -webkit-linear-gradient(@panel-heading-background-color, darken(@panel-heading-background-color, 10%)); - - border-radius: @component-border-radius @component-border-radius 0 0; - - .btn { - padding: 1px 5px; - font-size: 10px; - position: relative; top: -1px; - - @bg: lighten(@button-background-color, 10%); - @hover: lighten(@button-background-color-hover, 10%); - @selected: lighten(@button-background-color-selected, 10%); - @text: lighten(@text-color, 10%); - .btn-background(@bg, @hover, @selected, @button-border-color, @text, @text); - } -} diff --git a/themes/atom-light-ui/panes.less b/themes/atom-light-ui/panes.less deleted file mode 100644 index 90ac14d38..000000000 --- a/themes/atom-light-ui/panes.less +++ /dev/null @@ -1,10 +0,0 @@ -@import "ui-mixins"; -@import "ui-variables"; -@import "buttons"; - -#panes { - .row .pane { - border-right: 1px solid @pane-item-border-color; - &:last-child { border-right: none; } - } -} diff --git a/themes/atom-light-ui/sites.less b/themes/atom-light-ui/sites.less deleted file mode 100644 index fa79d92e3..000000000 --- a/themes/atom-light-ui/sites.less +++ /dev/null @@ -1,14 +0,0 @@ -@import "ui-mixins"; -@import "ui-variables"; - -.ui-site(@num, @color) { - .ui-site-@{num} { - background-color: @color; - } -} - -.ui-site(1, @ui-site-color-1); -.ui-site(2, @ui-site-color-2); -.ui-site(3, @ui-site-color-3); -.ui-site(4, @ui-site-color-4); -.ui-site(5, @ui-site-color-5); diff --git a/themes/atom-light-ui/tabs.less b/themes/atom-light-ui/tabs.less deleted file mode 100644 index 8eb839a24..000000000 --- a/themes/atom-light-ui/tabs.less +++ /dev/null @@ -1,44 +0,0 @@ -@import "ui-variables"; - -.tab-bar { - height: @tab-height + 5px; - box-shadow: - inset 0 5px 3px -4px fadeout(@base-border-color, 10%), - inset 0 -5px 3px -4px fadeout(@base-border-color, 10%), - inset 0 -1px 0 0 @base-border-color, - 0 1px 0 rgba(0, 0, 0, 0.15); - margin-bottom: 1px; - background-color: @tab-bar-background-color; - - border-bottom: 4px solid @tab-bar-border-color; -} - -.tab { - height: @tab-height; - line-height: @tab-height; - color: @text-color; - margin: 0; - background-image: -webkit-linear-gradient(@tab-background-color, darken(@tab-background-color, 10%)); - box-shadow: - inset 0 5px 3px -4px fadeout(@base-border-color, 10%), - inset 0 -5px 3px -4px fadeout(@base-border-color, 10%); - border-right: 1px solid @tab-border-color; -} - -.tab:hover { - color: @text-color-highlight; -} - -.tab.active { - height: @tab-height + 1px; - background-image: -webkit-linear-gradient(@tab-background-color-active, @tab-bar-border-color); - color: @text-color-highlight; - z-index: 2; - box-shadow: - inset 0 1px 2px 0 #ffffff, - 0 -2px 2px 0 @base-border-color; -} - -.tab.active:hover .close-icon { - color: @text-color-highlight; -} diff --git a/themes/atom-light-ui/text.less b/themes/atom-light-ui/text.less deleted file mode 100644 index 8f9c9fc71..000000000 --- a/themes/atom-light-ui/text.less +++ /dev/null @@ -1,72 +0,0 @@ -@import "ui-mixins"; -@import "ui-variables"; - -h1, -h2, -h3 { - line-height: 1em; - margin-bottom: 15px -} -h1 { font-size: 2em; } -h2 { font-size: 1.5em; } -h3 { font-size: 1.2em; } - -p { - line-height: 1.6; - margin-bottom: 15px; -} - -label { - font-weight: normal; -} - -pre { - box-shadow: none; - color: @text-color; - background: @inset-panel-background-color; - border-radius: @component-border-radius; - border: none; - margin: 0; -} - -code { - .text(highlight); - background: @background-color-highlight; - border-radius: @component-border-radius; -} - -.selected { .text(highlight); } - -.text-smaller { font-size: 0.9em; } - -.text-subtle { .text(subtle); } -.text-highlight { .text(highlight); } - -.text-info { .text(info); } -.text-warning { .text(warning); } -.text-success { .text(success); } -.text-error { .text(error); } - -.highlight { - color: @text-color-highlight; - font-weight: bold; - text-shadow: none; - background-color: @background-color-highlight; - border-radius: @component-border-radius; - padding: 1px 3px; -} - -.highlight-color(@name, @color) { - .highlight-@{name} { - color: @text-color-highlight; - font-weight: bold; - text-shadow: none; - background-color: @color; - border-radius: @component-border-radius; - padding: 1px 3px; - } -} -.highlight-color(info, @background-color-info); -.highlight-color(warning, @background-color-warning); -.highlight-color(error, @background-color-error); -.highlight-color(success, @background-color-success); diff --git a/themes/atom-light-ui/tree-view.less b/themes/atom-light-ui/tree-view.less deleted file mode 100644 index 58e9fd198..000000000 --- a/themes/atom-light-ui/tree-view.less +++ /dev/null @@ -1,5 +0,0 @@ -@import "ui-variables"; - -.tree-view { - background-image: -webkit-linear-gradient(@tree-view-background-color, darken(@tree-view-background-color, 3%)); -} diff --git a/themes/atom-light-ui/ui-mixins.less b/themes/atom-light-ui/ui-mixins.less deleted file mode 100644 index 31e595dec..000000000 --- a/themes/atom-light-ui/ui-mixins.less +++ /dev/null @@ -1,40 +0,0 @@ -@import "ui-variables"; - -// Pattern matching; ish is cray. -// http://lesscss.org/#-pattern-matching-and-guard-expressions -.text(normal) { - font-weight: normal; - color: @text-color; - text-shadow: 0 1px 0 rgba(255, 255, 255, .5); -} -.text(subtle) { - font-weight: normal; - color: @text-color-subtle; - text-shadow: none; -} -.text(highlight) { - font-weight: normal; - color: @text-color-highlight; - text-shadow: 0 1px 0 rgba(255, 255, 255, .5); -} -.text(selected) { - font-weight: normal; - color: @text-color-selected; -} - -.text(info) { - color: @text-color-info; - text-shadow: none; -} -.text(success) { - color: @text-color-success; - text-shadow: none; -} -.text(warning) { - color: @text-color-warning; - text-shadow: none; -} -.text(error) { - color: @text-color-error; - text-shadow: none; -} diff --git a/themes/atom-light-ui/ui-variables.less b/themes/atom-light-ui/ui-variables.less deleted file mode 100644 index 304eb01aa..000000000 --- a/themes/atom-light-ui/ui-variables.less +++ /dev/null @@ -1,76 +0,0 @@ -// Colors - -@text-color: #444; -@text-color-subtle: #999; -@text-color-highlight: #000; -@text-color-selected: #fff; - -@text-color-info: #5293d8; -@text-color-success: #1fe977; -@text-color-warning: #f78a46; -@text-color-error: #c00; - -@background-color-info: #0098ff; -@background-color-success: #17ca65; -@background-color-warning: #ff4800; -@background-color-error: #c00; -@background-color-highlight: rgba(0, 0, 0, .1); -@background-color-selected: #6aa5e9; - -@app-background-color: #ccc; - -@base-background-color: #f4f4f4; -@base-border-color: rgba(0, 0, 0, 0.25); - -@pane-item-background-color: @base-background-color; -@pane-item-border-color: @base-border-color; - -@input-background-color: #fff; -@input-border-color: fadeout(@base-border-color, 10%); - -@tool-panel-background-color: @base-background-color; -@tool-panel-border-color: @base-border-color; - -@inset-panel-background-color: #fff; -@inset-panel-border-color: fadeout(@base-border-color, 10%); - -@panel-heading-background-color: #c3c3c3; -@panel-heading-border-color: transparent; - -@overlay-background-color: #ececec; -@overlay-border-color: @base-border-color; - -@button-background-color: @base-background-color; -@button-background-color-hover: lighten(@button-background-color, 5%); -@button-background-color-selected: #888; -@button-border-color: rgba(0, 0, 0, 0.15); - -@tab-bar-background-color: darken(@base-background-color, 5%); -@tab-bar-border-color: darken(@tab-background-color-active, 15%); -@tab-background-color: darken(@tab-background-color-active, 8%); -@tab-background-color-active: @base-background-color; -@tab-border-color: @base-border-color; - -@tree-view-background-color: #e7eaf1; -@tree-view-border-color: @base-border-color; - -@ui-site-color-1: @background-color-success; // green -@ui-site-color-2: @background-color-info; // blue -@ui-site-color-3: @background-color-warning; // orange -@ui-site-color-4: #db2ff4; // purple -@ui-site-color-5: #f5e11d; // yellow - - -// Sizes - -@font-size: 12px; - -@disclosure-arrow-size: 12px; - -@component-padding: 10px; -@component-icon-padding: 5px; -@component-icon-size: 16px; -@component-line-height: 25px; -@component-border-radius: 2px; - -@tab-height: 30px; diff --git a/themes/atom-light-ui/utilities.less b/themes/atom-light-ui/utilities.less deleted file mode 100644 index feb882fbf..000000000 --- a/themes/atom-light-ui/utilities.less +++ /dev/null @@ -1,19 +0,0 @@ -@import "ui-mixins"; -@import "ui-variables"; - -.key-binding { - background: -webkit-linear-gradient( - rgba(100, 100, 100, 0.5), - rgba(70,70,70, 0.5)); - -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1); - display: inline-block; - line-height: 100%; - padding: 1px 3px; - border-radius: @component-border-radius; - margin-left: @component-icon-padding; -} - -.badge { - .text(highlight); - background: @background-color-highlight; -}