pulsar-edit/pulsar
1
1
Fork 0
mirror of https://github.com/pulsar-edit/pulsar.git synced 2025-01-04 13:08:39 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add buttons to the light ui theme

Browse Source
This commit is contained in:
Ben Ogle 2013-08-20 11:14:07 -07:00
parent 7ca2779e56
commit 4c0ffe122d
4 changed files with 41 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
themes/atom-light-ui/buttons.less Normal file
View File

@ -0,0 +1,29 @@
@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-3;
&:hover, &.enabled:hover{ background: @button-color-hover-1; }
&.enabled{
color: @accent-color-info-1;
background: @button-color-active-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;
}
}

6
themes/atom-light-ui/editor.less
View File

@ -4,8 +4,12 @@
border: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(180, 180, 180, 0.3);
border-right: 1px solid rgba(180, 180, 180, 0.3);
background-color: #aaa;
background-color: @background-color-3;
color: @text-color-1;
.cursor {
border-color: #000;
}
}
.editor.mini .selection .region {

1
themes/atom-light-ui/package.cson
View File

@ -12,4 +12,5 @@
'image-view'
'archive-view'
'collaboration'
'buttons'
]

7
themes/atom-light-ui/ui-colors.less
View File

@ -26,7 +26,7 @@
// Border color for background corresponding in index to background-color.
@border-color-1: #ccc;
@border-color-2: #999;
@border-color-3: #ccc;
@border-color-3: rgba(255, 255, 255, .4);
// Bright color, darker then lighter.
// Info colors are generally blue
@ -45,3 +45,8 @@
@accent-color-success-1: #1fe977;
@accent-color-success-2: #17ca65;
@accent-color-success-3: #58f79d;
// Colors that are not standard for themes.
@button-color-1: rgba(0,0,0,.15);
@button-color-hover-1: rgba(0,0,0,.2);
@button-color-active-1: rgba(0,0,0,.1);