From 50fd78ff7bc405865167a8a9a72a47747e7c31b7 Mon Sep 17 00:00:00 2001 From: Ben Ogle Date: Wed, 4 Sep 2013 10:28:59 -0700 Subject: [PATCH] Remove old dark ui theme --- themes/atom-dark-ui/archive-view.less | 20 ----- themes/atom-dark-ui/atom.less | 28 ------ themes/atom-dark-ui/blurred.less | 11 --- themes/atom-dark-ui/buttons.less | 30 ------- themes/atom-dark-ui/command-logger.less | 39 -------- themes/atom-dark-ui/command-panel.less | 113 ------------------------ themes/atom-dark-ui/editor.less | 22 ----- themes/atom-dark-ui/image-view.less | 9 -- themes/atom-dark-ui/overlay.less | 7 -- themes/atom-dark-ui/package.cson | 15 ---- themes/atom-dark-ui/select-list.less | 68 -------------- themes/atom-dark-ui/status-bar.less | 29 ------ themes/atom-dark-ui/tabs.less | 39 -------- themes/atom-dark-ui/tree-view.less | 81 ----------------- themes/atom-dark-ui/ui-colors.less | 64 -------------- 15 files changed, 575 deletions(-) delete mode 100644 themes/atom-dark-ui/archive-view.less delete mode 100644 themes/atom-dark-ui/atom.less delete mode 100644 themes/atom-dark-ui/blurred.less delete mode 100644 themes/atom-dark-ui/buttons.less delete mode 100644 themes/atom-dark-ui/command-logger.less delete mode 100644 themes/atom-dark-ui/command-panel.less delete mode 100644 themes/atom-dark-ui/editor.less delete mode 100644 themes/atom-dark-ui/image-view.less delete mode 100644 themes/atom-dark-ui/overlay.less delete mode 100644 themes/atom-dark-ui/package.cson delete mode 100644 themes/atom-dark-ui/select-list.less delete mode 100644 themes/atom-dark-ui/status-bar.less delete mode 100644 themes/atom-dark-ui/tabs.less delete mode 100644 themes/atom-dark-ui/tree-view.less delete mode 100644 themes/atom-dark-ui/ui-colors.less diff --git a/themes/atom-dark-ui/archive-view.less b/themes/atom-dark-ui/archive-view.less deleted file mode 100644 index d25624227..000000000 --- a/themes/atom-dark-ui/archive-view.less +++ /dev/null @@ -1,20 +0,0 @@ -@import "ui-colors"; - -.archive-view { - background-color: @background-color-2; - color: @text-color-subtle-1; - - .selected { - background-color: #434343; - color: @text-color-3; - } - - .summary { - background-image: -webkit-linear-gradient(@background-color-highlight-2, @background-color-highlight-1); - border: 1px solid rgba(0, 0, 0, 0.5); - padding: 5px; - box-shadow: - inset 0 1px 0 @background-color-highlight-1, - inset 0 -1px 0 rgba(255, 255, 255, 0.02); - } -} diff --git a/themes/atom-dark-ui/atom.less b/themes/atom-dark-ui/atom.less deleted file mode 100644 index 368296ec6..000000000 --- a/themes/atom-dark-ui/atom.less +++ /dev/null @@ -1,28 +0,0 @@ -@import "ui-colors"; - -html, body, -#root-view { - font: caption; - background-color: @light-background-color-1; -} - -#root-view #panes .row > * + * { - -webkit-box-shadow: - -2px 0 rgba(0, 0, 0, 0.3), - -1px 0 rgba(255, 255, 255, 0.2); -} - -#root-view #panes .column > * + * { - -webkit-box-shadow: - 0 -2px rgba(0, 0, 0, 0.3), - 0 -1px rgba(255, 255, 255, 0.2); -} - -.error { - background: #991212 !important; - -webkit-transition: background 300ms ease-out; -} - -.wrap-guide { - background: rgba(150, 150, 150, 0.1); -} diff --git a/themes/atom-dark-ui/blurred.less b/themes/atom-dark-ui/blurred.less deleted file mode 100644 index 4d53e9bed..000000000 --- a/themes/atom-dark-ui/blurred.less +++ /dev/null @@ -1,11 +0,0 @@ -@import "ui-colors"; - -.is-blurred { - .tree-view { - background-color: @background-color-1; - } - - .tab { - opacity: 0.5; - } -} diff --git a/themes/atom-dark-ui/buttons.less b/themes/atom-dark-ui/buttons.less deleted file mode 100644 index da4c9e901..000000000 --- a/themes/atom-dark-ui/buttons.less +++ /dev/null @@ -1,30 +0,0 @@ -@import "ui-colors"; - -.btn-toggle.btn-group { - .btn { - font-weight: bold; - background: @button-color-1; - color: @text-color-3; - font-size: 12px; - padding: 3px; - - border: none; - border-left: 1px solid @border-color-2; - - &:hover{ background: @button-color-hover-1; } - &.enabled{ - color: @accent-color-info-1; - background: @button-color-active-1; - box-shadow: inset 1px 1px 1px @background-color-highlight-1; - } - } - .btn:first-child { - border-left: none; - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; - } - .btn:last-child { - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; - } -} \ No newline at end of file diff --git a/themes/atom-dark-ui/command-logger.less b/themes/atom-dark-ui/command-logger.less deleted file mode 100644 index 36851ab27..000000000 --- a/themes/atom-dark-ui/command-logger.less +++ /dev/null @@ -1,39 +0,0 @@ -@import "ui-colors"; - -.command-logger { - background: #1e1e1e; - color: @text-color-2; - padding-top: 10px; - padding-bottom: 10px; -} - -.command-logger .category-header { - text-align: center; -} - -.command-logger .category-summary { - text-align: center; -} - -.command-logger .tree-map { - margin: auto; - background-color: #eee; - border: 1px solid #999; -} - -body.command-logger-node-text { - background-color: transparent; -} - -.command-logger-node-text div { - display: table-cell; - vertical-align: middle; - text-align: center; - cursor: pointer; -} - -.command-logger-node-text span { - font-size: 10px; - color: #fff; - text-shadow: #000 1px 1px 4px; -} diff --git a/themes/atom-dark-ui/command-panel.less b/themes/atom-dark-ui/command-panel.less deleted file mode 100644 index 7e43a745e..000000000 --- a/themes/atom-dark-ui/command-panel.less +++ /dev/null @@ -1,113 +0,0 @@ -@import "ui-colors"; -@import "bootstrap/less/mixins.less"; - -.command-panel { - background-color: @background-color-2; - color: #dedede; - border-top: 1px solid rgba(0, 0, 0, 0.5); - box-shadow: inset 0 1px 0 @background-color-highlight-1; - padding: 10px; - - .btn { - .btn-pseudo-states(@dark-background-color-2, @background-color-2); - color: @text-color-4; - } -} - -.command-panel .header { - background-image: -webkit-linear-gradient(@background-color-highlight-2, @background-color-highlight-1); - border: 1px solid rgba(0, 0, 0, 0.5); - padding: 5px; - box-shadow: - inset 0 1px 0 @background-color-highlight-1, - inset 0 -1px 0 rgba(255, 255, 255, 0.02); - margin-bottom: 0; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} - -.command-panel .preview-list { - background-color: @dark-background-color-2; - color: #6d736f; - border: 1px solid rgba(0, 0, 0, 0.2); - border-bottom: 1px solid @border-color-1; - border-right: 1px solid @border-color-1; -} - -.command-panel .preview-count { - color: @text-color-4; - text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.05); -} - -.command-panel .expand-collapse { - color: @text-color-4; -} - -.command-panel .expand-collapse li { - background: -webkit-linear-gradient(@dark-background-color-2, @background-color-2); - box-shadow: - inset -1px -1px 0 rgba(255, 255, 255, 0.1), - inset 1px 1px rgba(0, 0, 0, 0.1); -} - -.command-panel .expand-collapse li:hover { - color: #fff; -} - -.command-panel .preview-list .path.selected .path-details, -.command-panel .preview-list li.operation.selected { - background-color: @background-color-highlight-1; -} - -.command-panel .preview-list:focus .path.selected .path-details, -.command-panel .preview-list:focus li.operation.selected { - background-color: @background-color-highlight-1; -} - -.command-panel .preview-list .path { - color: @text-color-2; - border-top: 1px solid rgba(255, 255, 255, 0.02); -} - -.command-panel .preview-list .path:hover .path-name { - color: @text-color-1; -} - -.command-panel .preview-list .path:before { - color: @text-color-subtle-2; -} - -.command-panel .preview-list .path:hover:before { - color: @text-color-1; -} - -.command-panel .preview-list .path:first-child { - border-top: none; -} - -.command-panel .preview-list .line-number { - color: rgba(255, 255, 255, 0.3); - font-family: monospace; -} - -.command-panel .preview-list .path-match-number { - color: rgba(255, 255, 255, 0.3); -} - -.command-panel .preview-list .preview { - word-break: break-all; -} - -.command-panel .preview-list .preview .match { - background-color: rgba(255, 255, 255, 0.1); - color: #cca300; -} - -.command-panel .preview-list li.operation { - color: @text-color-subtle-1; -} - -.command-panel .preview-list li.operation:hover, -.command-panel li.operation.selected .preview { - color: @text-color-1; -} diff --git a/themes/atom-dark-ui/editor.less b/themes/atom-dark-ui/editor.less deleted file mode 100644 index e26363d7d..000000000 --- a/themes/atom-dark-ui/editor.less +++ /dev/null @@ -1,22 +0,0 @@ -@import "ui-colors"; - -.editor.mini { - border: 1px solid rgba(0, 0, 0, 0.5); - border-bottom: 1px solid @border-color-1; - border-right: 1px solid @border-color-1; -} - -.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/image-view.less b/themes/atom-dark-ui/image-view.less deleted file mode 100644 index 120630574..000000000 --- a/themes/atom-dark-ui/image-view.less +++ /dev/null @@ -1,9 +0,0 @@ -@import "ui-colors"; - -.image-view { - background-color: @background-color-2; - - img { - border-color: #c5c8c6; - } -} diff --git a/themes/atom-dark-ui/overlay.less b/themes/atom-dark-ui/overlay.less deleted file mode 100644 index cedb7ba37..000000000 --- a/themes/atom-dark-ui/overlay.less +++ /dev/null @@ -1,7 +0,0 @@ -@import "ui-colors"; - -.overlay { - background: @background-color-1; - color: @text-color-2; - border: 1px solid @border-color-1; -} diff --git a/themes/atom-dark-ui/package.cson b/themes/atom-dark-ui/package.cson deleted file mode 100644 index 4fcb72b5d..000000000 --- a/themes/atom-dark-ui/package.cson +++ /dev/null @@ -1,15 +0,0 @@ -'stylesheets': [ - 'atom' - 'editor' - 'select-list' - 'tree-view' - 'tabs' - 'status-bar' - 'command-panel' - 'command-logger' - 'blurred' - 'image-view' - 'archive-view' - 'overlay' - 'buttons' -] diff --git a/themes/atom-dark-ui/select-list.less b/themes/atom-dark-ui/select-list.less deleted file mode 100644 index 704ff98f7..000000000 --- a/themes/atom-dark-ui/select-list.less +++ /dev/null @@ -1,68 +0,0 @@ -@import "ui-colors"; - -.select-list { - background: @background-color-1; - - .error { - color: white; - text-shadow: 0 1px 0 #4E0000; - } - - .loading { - color: @text-color-3; - } - - ol { - border: 1px solid #222; - - li { - background-color: @background-color-3; - border-bottom: 1px solid @border-color-3; - color: @text-color-2; - } - - .key-binding { - background: -webkit-linear-gradient( - rgba(100, 100, 100, 0.5), - rgba(70,70,70, 0.5)); - color: @text-color-3; - -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1); - display: inline-block; - line-height: 100%; - } - - li.active-item:before { - color: #9d9d9d; - } - - li:hover { - color: @text-color-1; - } - - .selected { - background-color: @background-color-highlight-2; - } - - .right, - .secondary-line { - color: @text-color-subtle-1; - } - - .selected { - color: @text-color-1; - } - - .selected .right, - .selected .secondary-line { - color: #828282; - } - - .modified { - color: @accent-color-error-1; - } - - .new { - color: @accent-color-info-1; - } - } -} diff --git a/themes/atom-dark-ui/status-bar.less b/themes/atom-dark-ui/status-bar.less deleted file mode 100644 index aa768ddeb..000000000 --- a/themes/atom-dark-ui/status-bar.less +++ /dev/null @@ -1,29 +0,0 @@ -@import "ui-colors"; - -.status-bar { - background-color: @background-color-2; - box-shadow: inset 0 1px 0 @background-color-highlight-1; - border-top: 1px solid rgba(0, 0, 0, 0.8); - color: @text-color-4; -} - -.status-bar .grammar-name:hover { - color: #fff; - border: 1px solid @background-color-highlight-1; - border-radius: 2px; -} - -.status-bar .git-status.octicons.modified-status-icon { - color: @accent-color-error-1; - display: inline-block; -} - -.status-bar .git-status.octicons.new-status-icon { - color: @accent-color-info-1; - display: inline-block; -} - -.status-bar .git-status.octicons.ignored-status-icon { - color: @text-color-4; - display: inline-block; -} diff --git a/themes/atom-dark-ui/tabs.less b/themes/atom-dark-ui/tabs.less deleted file mode 100644 index 77871814f..000000000 --- a/themes/atom-dark-ui/tabs.less +++ /dev/null @@ -1,39 +0,0 @@ -@import "ui-colors"; - -.tab-bar { - background: #161719; - border: none; - border-bottom: 4px solid rgba(41, 44, 47, 1); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2); -} - -.tab { - margin: 0 0 1px 1px; - background-image: -webkit-linear-gradient(#292c2f, @background-color-2); - 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-1, - inset -1px 0 0 @background-color-highlight-1; - color: #b9bdc1; -} - -.tab:hover { - color: @text-color-1; -} - -.tab.active { - background-image: -webkit-linear-gradient(#43484d, #303337); - color: #fff; - text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.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), - inset 0 -1px 0 rgba(0, 0, 0, 0.3); -} - -.tab.active:hover .close-icon { - color: @text-color-1; -} diff --git a/themes/atom-dark-ui/tree-view.less b/themes/atom-dark-ui/tree-view.less deleted file mode 100644 index 9da866ebd..000000000 --- a/themes/atom-dark-ui/tree-view.less +++ /dev/null @@ -1,81 +0,0 @@ -@import "ui-colors"; - -.tree-view-resizer{ - border-right: 1px solid @border-color-2; -} -.tree-view { - background: @background-color-2; - box-shadow: - 1px 0 0 #131516, - inset -1px 0 0 rgba(255, 255, 255, 0.02), - 1px 0 3px rgba(0, 0, 0, 0.2); -} - -.tree-view .entry { - text-shadow: 0 -1px 0 #000; -} - -.tree-view .directory.selected > .header > .name, -.tree-view .selected > .name, -.tree-view .selected > .header > .disclosure-arrow { - color: #d2d2d2; -} - -.tree-view .selected > .highlight { - background-color: transparent; - background-image: -webkit-linear-gradient(@background-color-highlight-2, fadeout(@background-color-highlight-2, 3%)); -} - -.tree-view:focus .selected > .highlight { - background-color: @background-color-highlight-3; - background-image: -webkit-linear-gradient(@background-color-highlight-3, fadeout(@background-color-highlight-3, 3%)); -} - -.tree-view:focus .directory.selected > .header > .name, -.tree-view:focus .selected > .name { - color: @text-color-1; - text-shadow: 0 -1px 0 #7E4521; -} -.tree-view:focus .directory.selected > .header > .name, -.tree-view:focus .selected > .name { - color: @text-color-1; - text-shadow: 0 -1px 0 #333; -} - -.tree-view .directory { - color: @text-color-2; -} - -.tree-view .file { - color: @text-color-subtle-1; -} - -.tree-view .entry:hover, -.tree-view .directory .header:hover .name, -.tree-view .directory .header:hover .disclosure-arrow, -.tree-view .selected > .directory > .header .disclosure-arrow, -.tree-view .selected > .directory > .header:hover .disclosure-arrow { - color: @text-color-2; -} - -.tree-view .ignored { - color: @text-color-subtle-2; -} - -.tree-view .modified { - color: @accent-color-error-1; -} - -.tree-view .new { - color: @accent-color-info-1; -} - -.tree-view-dialog { - background-color: @light-background-color-1; - border-top: 1px solid #555; - -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, .5); -} - -.tree-view-dialog .prompt { - color: @text-color-2; -} diff --git a/themes/atom-dark-ui/ui-colors.less b/themes/atom-dark-ui/ui-colors.less deleted file mode 100644 index 0a2b8efe4..000000000 --- a/themes/atom-dark-ui/ui-colors.less +++ /dev/null @@ -1,64 +0,0 @@ -// Number increase is more subtle -@text-color-1: #fff; -@text-color-2: #eee; -@text-color-3: #bbb; - -// For opposite color scheme things. Like a bright background with text. -@text-alt-color-1: #333; -@text-alt-color-2: #333; -@text-alt-color-3: #333; - -// Number increase is more subtle -@text-color-subtle-1: #777; -@text-color-subtle-2: #555; -@text-color-subtle-3: #333; - -// Main color, then darker and lighter. -@background-color-1: #202123; -@background-color-2: #1d1f21; -@background-color-3: #27292b; - -// Main color, darker, lighter. -// Supposed to match up with the background color indices -@background-color-highlight-1: rgba(255, 255, 255, 0.05); -@background-color-highlight-2: rgba(255, 255, 255, 0.1); -@background-color-highlight-3: rgba(255, 255, 255, 0.2); - -// These match up to the background colors as well. -@border-color-1: rgba(255, 255, 255, 0.05); -@border-color-2: #19191a; -@border-color-3: #1e1e1e; - -// Info colors are generally blue -@accent-color-info-1: #5293d8; -@accent-color-info-3: #0098ff; -@accent-color-info-2: #66a6ff; - -// Error colors are generally red/orange -@accent-color-error-1: #f78a46; -@accent-color-error-2: #ff4800; -@accent-color-error-3: #ffa275; - -// Bright color, darker then lighter. -// Success colors are generally green -@accent-color-success-1: #1fe977; -@accent-color-success-2: #17ca65; -@accent-color-success-3: #58f79d; - -// Colors that are not standard for themes. -@light-background-color-1: #333; - -@dark-background-color-1: #1b1c1e; -@dark-background-color-2: #19191a; - -@text-color-4: #969696; - -@button-color-1: #303030; -@button-color-hover-1: #353536; -@button-color-active-1: #404040; - -@site-color-1: #4dd157; -@site-color-2: #3facc1; -@site-color-3: #db2ff4; -@site-color-4: #f4541e; -@site-color-5: #f5e11d;