diff --git a/internal_packages/ui-ubuntu/README.md b/internal_packages/ui-ubuntu/README.md new file mode 100644 index 000000000..60fa28101 --- /dev/null +++ b/internal_packages/ui-ubuntu/README.md @@ -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. diff --git a/internal_packages/ui-ubuntu/Screenshot.png b/internal_packages/ui-ubuntu/Screenshot.png new file mode 100644 index 000000000..d7fd2c19e Binary files /dev/null and b/internal_packages/ui-ubuntu/Screenshot.png differ diff --git a/internal_packages/ui-ubuntu/index.less b/internal_packages/ui-ubuntu/index.less new file mode 100644 index 000000000..e69de29bb diff --git a/internal_packages/ui-ubuntu/package.json b/internal_packages/ui-ubuntu/package.json new file mode 100644 index 000000000..7317c998c --- /dev/null +++ b/internal_packages/ui-ubuntu/package.json @@ -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 +} diff --git a/internal_packages/ui-ubuntu/styles/theme-colors.less b/internal_packages/ui-ubuntu/styles/theme-colors.less new file mode 100644 index 000000000..d22874d12 --- /dev/null +++ b/internal_packages/ui-ubuntu/styles/theme-colors.less @@ -0,0 +1,2 @@ +@component-active-color: #f07746; +@toolbar-background-color: #41403b; diff --git a/internal_packages/ui-ubuntu/styles/ui-variables.less b/internal_packages/ui-ubuntu/styles/ui-variables.less new file mode 100644 index 000000000..05d2b1478 --- /dev/null +++ b/internal_packages/ui-ubuntu/styles/ui-variables.less @@ -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; +}