Skip to content

Commit 712868d

Browse files
tjtj
committed
Initial commit
0 parents  commit 712868d

24 files changed

+1152
-0
lines changed

‎LICENSE.md

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2016 TJ Holowaychuk
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎Readme.md

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
![Apex Atom monochrome UI](https://dl.dropboxusercontent.com/u/6396913/Apex/Atom/apex-ui-logo.png)
2+
3+
### Installation
4+
5+
```
6+
$ apm install apex-ui
7+
```
8+
9+
## Badges
10+
11+
[![](http://apex.sh/images/badge.svg)](https://apex.sh/ping/)
12+
![](https://img.shields.io/badge/license-MIT-blue.svg)
13+
14+
---
15+
16+
> [tjholowaychuk.com](http://tjholowaychuk.com)  · 
17+
> GitHub [@tj](https://github.com/tj)  · 
18+
> Twitter [@tjholowaychuk](https://twitter.com/tjholowaychuk)

‎index.less

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
// UI Theme
2+
// -------------------
3+
@import "styles/ui-variables";
4+
@import "styles/helpers";
5+
6+
@import "styles/base";
7+
@import "styles/buttons";
8+
@import "styles/editor";
9+
@import "styles/find-and-replace";
10+
@import "styles/git";
11+
@import "styles/key-binding";
12+
@import "styles/lists";
13+
@import "styles/panels";
14+
@import "styles/progress";
15+
@import "styles/settings-view";
16+
@import "styles/sites";
17+
@import "styles/status-bar";
18+
@import "styles/tabs";
19+
@import "styles/text";
20+
@import "styles/tooltips";
21+
@import "styles/tree-view";

‎package.json

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
"name": "apex-ui",
3+
"theme": "ui",
4+
"version": "0.0.1",
5+
"description": "Apex monochrome theme UI inspired by iA Writer",
6+
"keywords": [
7+
"apex",
8+
"monochrome",
9+
"ui",
10+
"ia",
11+
"theme",
12+
"writer"
13+
],
14+
"repository": "https://github.com/apex/apex-ui",
15+
"license": "MIT",
16+
"engines": {
17+
"atom": ">=1.0.0 <2.0.0"
18+
}
19+
}

‎styles/base.less

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
// Base
2+
// -------------------
3+
// Used for global styles
4+
// Or to override certain Atom core styles
5+
// -------------------
6+
body {
7+
font-size: @font-size;
8+
color: @text-color;
9+
background-color: @app-background-color;
10+
}
11+
12+
atom-pane {
13+
border-right: 1px solid @base-border-color;
14+
15+
&:last-child {
16+
border-right: none;
17+
}
18+
}
19+
20+
atom-pane-container atom-pane .item-views > * {
21+
top: 5px;
22+
bottom: 5px;
23+
}
24+
25+
// Icons -----------------------------------------
26+
.icon {
27+
&::before {
28+
position: relative;
29+
top: 1px;
30+
}
31+
}
32+
33+
// Scrollbars ------------------------------------
34+
.scrollbars-visible-always {
35+
/deep/ ::-webkit-scrollbar {
36+
width: 5px;
37+
height: 5px;
38+
}
39+
40+
/deep/ ::-webkit-scrollbar-track {
41+
42+
}
43+
44+
/deep/ ::-webkit-scrollbar-thumb {
45+
border-radius: 5px;
46+
border: 2px solid transparent;
47+
background: @base-border-color;
48+
background-clip: content-box;
49+
}
50+
51+
/deep/ ::-webkit-scrollbar-corner {
52+
53+
}
54+
55+
/deep/ ::-webkit-scrollbar-thumb:vertical:active {
56+
border-radius: 0;
57+
border-left-width: 0;
58+
border-right-width: 0;
59+
}
60+
61+
/deep/ ::-webkit-scrollbar-thumb:horizontal:active {
62+
border-radius: 0;
63+
border-top-width: 0;
64+
border-bottom-width: 0;
65+
}
66+
}

‎styles/buttons.less

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
// Buttons
2+
// -------------------
3+
// Overrides: atom/atom/static/buttons.less
4+
.btn {
5+
color: lighten(@text-color, 6%);
6+
background-color: @button-background-color;
7+
8+
&:focus,
9+
&:hover {
10+
color: @text-color-highlight;
11+
background-color: @button-background-color-hover;
12+
}
13+
14+
&:active {
15+
color: fade(@text-color-selected, 66%);
16+
background-color: darken(@button-background-color, 2%);
17+
}
18+
19+
&.selected {
20+
color: @text-color-selected;
21+
background-color: @button-background-color-selected;
22+
}
23+
24+
&:focus,
25+
&:focus:active {
26+
outline: none;
27+
}
28+
29+
.icon {
30+
&::before {
31+
position: relative;
32+
top: 1px;
33+
}
34+
}
35+
}
36+
// Colored buttons -----------------------
37+
.btn.btn-primary {
38+
.btn-color(@background-color-success);
39+
}
40+
41+
.btn.btn-info {
42+
.btn-color(@background-color-info);
43+
}
44+
45+
.btn.btn-success {
46+
.btn-color(@background-color-success);
47+
}
48+
49+
.btn.btn-warning {
50+
.btn-color(@background-color-warning);
51+
}
52+
53+
.btn.btn-error {
54+
.btn-color(@background-color-error);
55+
}
56+
57+
.btn-color(@bg) {
58+
color: @text-color-selected;
59+
background-color: @bg;
60+
61+
&:focus,
62+
&:hover {
63+
background-color: lighten(@bg, 4%);
64+
}
65+
66+
&:active {
67+
background-color: darken(@bg, 4%);
68+
}
69+
70+
&.selected {
71+
background-color: lighten(@bg, 4%);
72+
}
73+
74+
&.selected:focus,
75+
&.selected:hover {
76+
background-color: lighten(@bg, 8%);
77+
}
78+
}
79+
// Button Group -----------------------
80+
.btn-group > .btn {
81+
.transition-03;
82+
border-color: transparent;
83+
84+
&:hover {
85+
background: @base-background-color;
86+
}
87+
}

‎styles/editor.less

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
// Editor
2+
atom-text-editor, :host {
3+
background: @base-background-color;
4+
}
5+
6+
body {
7+
.transition;
8+
}
9+
10+
// Editor blur
11+
.is-blurred {
12+
-webkit-filter: grayscale();
13+
}
14+
15+
// Mini Editor
16+
// -------------------
17+
// Mini Editors are the "text inputs" used in find+replace or in the settings.
18+
atom-text-editor[mini] {
19+
padding-left: 5px;
20+
font-size: .9rem;
21+
color: @text-color;
22+
background-color: @input-background-color;
23+
border-bottom: 1px solid transparent;
24+
25+
&.is-focused {
26+
border-bottom: 1px solid @base-border-color;
27+
&::shadow {
28+
.cursor {
29+
display: block;
30+
}
31+
}
32+
}
33+
&,// <-- Deprecated. The `&,` can be removed once the Shadow DOM can't be turned off in the settings.
34+
35+
&::shadow {
36+
.placeholder-text {
37+
color: @text-color-subtle;
38+
}
39+
40+
.selection .region {
41+
background-color: @background-color-selected;
42+
}
43+
44+
.cursor {
45+
display: none;
46+
}
47+
}
48+
}
49+
50+
atom-pane {
51+
padding: @pane-padding;
52+
}

‎styles/find-and-replace.less

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
2+
// Find + Replace
3+
// -------------------
4+
5+
// Find and replace in the current buffer or across the entire project.
6+
// Overrides: atom/find-and-replace
7+
8+
.find-and-replace {
9+
border-top: 1px solid @base-border-color;
10+
}

‎styles/git.less

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
2+
// Git
3+
// -------------------
4+
5+
// Used to color git status
6+
7+
.status { color: @text-color; }
8+
.status-added { color: @text-color-success; } // green
9+
.status-ignored { color: @text-color-subtle; } // faded
10+
.status-modified { color: @text-color-warning; } // orange
11+
.status-removed { color: @text-color-error; } // red
12+
.status-renamed { color: @text-color-info; } // blue

‎styles/helpers.less

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.transition-03 {
2+
transition: 0.3s ease;
3+
}

0 commit comments

Comments
 (0)