Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-02-22 07:03:31 +08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #113 from agudulin/master

Browse source 
style(*): Add styles for <select> elements, override system defaults
This commit is contained in:
Ben Gotow 2015-10-21 13:56:16 -07:00
commit deb8f03864
5 changed files with 25 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
internal_packages/preferences/stylesheets/preferences.less
View file

@ -47,7 +47,7 @@ body.platform-darwin {
.preferences-wrap {
input[type=checkbox] {margin: 0 7px 0 0; position: relative; top: -1px; }
input[type=radio] {margin: 0 7px 0 0; position: relative; top: -1px; }
select { margin:10px; margin-top:4px; }
select { margin: 4px 0 0 8px; }
padding-bottom:50px;
@ -153,8 +153,8 @@ body.platform-darwin {
.container-notifications {
width: 75%;
margin-left: 12.5%;
margin-right: 12.5%;
margin-left: auto;
margin-right: auto;
}
.container-appearance {

13
internal_packages/ui-dark/styles/ui-variables.less
View file

@ -10,11 +10,12 @@
@background-secondary: #2D2D2D;
@background-tertiary: #6d7987;
@background-primary: #313131;
@background-color: darken(#313131, 15%);
@btn-default-bg-color: #404040;
@accent-primary: lighten(#5AA8FA, 20%);
@accent-primary-dark: lighten(#3087E1, 20%);
@background-primary: #313131;
@background-color: darken(#313131, 15%);
@btn-default-bg-color: #404040;
@dropdown-default-bg-color: #404040;
@accent-primary: lighten(#5AA8FA, 20%);
@accent-primary-dark: lighten(#3087E1, 20%);
@text-color: #C2C2C2;
@text-color-subtle: fadeout(@text-color, 20%);
@ -22,7 +23,7 @@
@text-color-inverse: white;
@text-color-inverse-subtle: fadeout(@text-color-inverse, 20%);
@text-color-inverse-very-subtle: fadeout(@text-color-inverse, 50%);
@text-color-heading: #FFF;
@text-color-heading: #FFF;
@border-primary-bg: lighten(@background-primary, 10%);
@border-secondary-bg: lighten(@background-secondary, 10%);

8
static/dropdowns.less Normal file
View file

@ -0,0 +1,8 @@
@import "ui-variables";
select {
// Set `border` property to allow styling for `select` controls
border: 1px solid @dropdown-default-border-color;
color: @dropdown-default-text-color;
background: @dropdown-default-bg-color;
}

1
static/index.less
View file

@ -8,6 +8,7 @@
@import "type";
@import "inputs";
@import "buttons";
@import "dropdowns";
@import "workspace";
@import "resizable";
@import "selection";

6
static/variables/ui-variables.less
View file

@ -191,6 +191,12 @@
@btn-danger-bg-color: @danger-color;
@btn-danger-text-color: @text-color-inverse;
//=============================== Dropdowns ============================//
@dropdown-default-bg-color: @background-primary;
@dropdown-default-text-color: @text-color;
@dropdown-default-border-color: fadeout(@border-color, 10%);
//=============================== Inputs ===============================//
//** `<input>` background color