mirror of
https://github.com/pulsar-edit/pulsar.git
synced 2024-09-20 23:48:05 +03:00
Remove themes directory
This commit is contained in:
Matt Colyer
parent
1361ec6ec1
commit
e00936f49c
@ -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;
|
||||
}
|
||||
}
|
||||
@ -1,6 +0,0 @@
|
||||
@import "ui-variables";
|
||||
|
||||
#root-view {
|
||||
font: caption;
|
||||
background-color: @app-background-color;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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); }
|
||||
@ -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;
|
||||
}
|
||||
@ -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);
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@ -1,16 +0,0 @@
|
||||
'stylesheets': [
|
||||
'atom'
|
||||
'utilities'
|
||||
'text'
|
||||
'git'
|
||||
'sites'
|
||||
'loading'
|
||||
'buttons'
|
||||
'panels'
|
||||
'panes'
|
||||
'lists'
|
||||
'editor'
|
||||
'tabs'
|
||||
'overlays'
|
||||
'dropdowns'
|
||||
]
|
||||
@ -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);
|
||||
}
|
||||
}
|
||||
@ -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; }
|
||||
}
|
||||
}
|
||||
@ -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);
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -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);
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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);
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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); }
|
||||
@ -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;
|
||||
}
|
||||
@ -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);
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@ -1,16 +0,0 @@
|
||||
'stylesheets': [
|
||||
'atom'
|
||||
'utilities'
|
||||
'text'
|
||||
'git'
|
||||
'sites'
|
||||
'loading'
|
||||
'buttons'
|
||||
'panels'
|
||||
'panes'
|
||||
'lists'
|
||||
'overlays'
|
||||
'editor'
|
||||
'tabs'
|
||||
'tree-view'
|
||||
]
|
||||
@ -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);
|
||||
}
|
||||
}
|
||||
@ -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; }
|
||||
}
|
||||
}
|
||||
@ -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);
|
||||
@ -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;
|
||||
}
|
||||
@ -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);
|
||||
@ -1,5 +0,0 @@
|
||||
@import "ui-variables";
|
||||
|
||||
.tree-view {
|
||||
background-image: -webkit-linear-gradient(@tree-view-background-color, darken(@tree-view-background-color, 3%));
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
@ -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;
|
||||
@ -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;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user