mirror of
https://github.com/Foundry376/Mailspring.git
synced 2025-02-01 04:50:59 +08:00
Added Ubuntu theme to the internal packages
This commit is contained in:
parent
1c9da2d586
commit
595bd70514
6 changed files with 66 additions and 0 deletions
8
internal_packages/ui-ubuntu/README.md
Normal file
8
internal_packages/ui-ubuntu/README.md
Normal file
|
@ -0,0 +1,8 @@
|
|||
# Ubuntu Theme for Nylas N1 #
|
||||
|
||||
![img](https://raw.githubusercontent.com/ahmedlhanafy/Ubuntu-Ui-Theme-for-Nylas-N1/master/Screenshot.png)
|
||||
|
||||
## Installation: ##
|
||||
|
||||
* Download the zip folder and extract it.
|
||||
* Update N1 to the latest version go to Preferences -> General -> Select theme -> Install a theme and then select the extracted folder.
|
BIN
internal_packages/ui-ubuntu/Screenshot.png
Normal file
BIN
internal_packages/ui-ubuntu/Screenshot.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 614 KiB |
0
internal_packages/ui-ubuntu/index.less
Normal file
0
internal_packages/ui-ubuntu/index.less
Normal file
12
internal_packages/ui-ubuntu/package.json
Normal file
12
internal_packages/ui-ubuntu/package.json
Normal file
|
@ -0,0 +1,12 @@
|
|||
{
|
||||
"name": "ui-ubuntu",
|
||||
"displayName": "Ubuntu",
|
||||
"theme": "ui",
|
||||
"version": "0.1.0",
|
||||
"description": "Ubuntu Theme for Nylas N1",
|
||||
"license": "Proprietary",
|
||||
"engines": {
|
||||
"atom": "*"
|
||||
},
|
||||
"private": true
|
||||
}
|
2
internal_packages/ui-ubuntu/styles/theme-colors.less
Normal file
2
internal_packages/ui-ubuntu/styles/theme-colors.less
Normal file
|
@ -0,0 +1,2 @@
|
|||
@component-active-color: #f07746;
|
||||
@toolbar-background-color: #41403b;
|
44
internal_packages/ui-ubuntu/styles/ui-variables.less
Normal file
44
internal_packages/ui-ubuntu/styles/ui-variables.less
Normal file
|
@ -0,0 +1,44 @@
|
|||
|
||||
//buttons color
|
||||
@btn-default-bg-color: lighten(@toolbar-background-color,4%);
|
||||
|
||||
// dropdowns color
|
||||
@dropdown-default-bg-color:#f07746;
|
||||
|
||||
@accent-primary: #f07746;
|
||||
@accent-primary-dark: darken(#f07746, 1%);
|
||||
|
||||
@border-secondary-bg: lighten(@background-secondary, 10%);
|
||||
|
||||
|
||||
@toolbar-background-color: #41403b;
|
||||
@light: rgb(246, 246, 246);
|
||||
|
||||
.sheet-toolbar .btn-toolbar img.content-mask {
|
||||
background-color: @light;
|
||||
}
|
||||
|
||||
.layout-mode-popout .sheet-toolbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sheet-toolbar-container {
|
||||
background-image: -webkit-linear-gradient(top,@toolbar-background-color, darken(@toolbar-background-color,5%));
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.sheet-toolbar .item-back img.content-mask{
|
||||
background-color: @light;
|
||||
}
|
||||
|
||||
.sheet-toolbar .item-back .item-back-title{
|
||||
color: @light;
|
||||
}
|
||||
|
||||
.btn-icon img.content-mask {
|
||||
background-color:@light;
|
||||
}
|
||||
|
||||
.btn-icon img.content-mask:hover {
|
||||
background-color:@accent-primary;
|
||||
}
|
Loading…
Reference in a new issue