Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-09-29 16:06: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 { .preferences-wrap {
input[type=checkbox] {margin: 0 7px 0 0; position: relative; top: -1px; } input[type=checkbox] {margin: 0 7px 0 0; position: relative; top: -1px; }
input[type=radio] {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; padding-bottom:50px;
@ -153,8 +153,8 @@ body.platform-darwin {
.container-notifications { .container-notifications {
width: 75%; width: 75%;
margin-left: 12.5%; margin-left: auto;
margin-right: 12.5%; margin-right: auto;
} }
.container-appearance { .container-appearance {

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

@ -10,11 +10,12 @@
@background-secondary: #2D2D2D; @background-secondary: #2D2D2D;
@background-tertiary: #6d7987; @background-tertiary: #6d7987;
@background-primary: #313131; @background-primary: #313131;
@background-color: darken(#313131, 15%); @background-color: darken(#313131, 15%);
@btn-default-bg-color: #404040; @btn-default-bg-color: #404040;
@accent-primary: lighten(#5AA8FA, 20%); @dropdown-default-bg-color: #404040;
@accent-primary-dark: lighten(#3087E1, 20%); @accent-primary: lighten(#5AA8FA, 20%);
@accent-primary-dark: lighten(#3087E1, 20%);
@text-color: #C2C2C2; @text-color: #C2C2C2;
@text-color-subtle: fadeout(@text-color, 20%); @text-color-subtle: fadeout(@text-color, 20%);
@ -22,7 +23,7 @@
@text-color-inverse: white; @text-color-inverse: white;
@text-color-inverse-subtle: fadeout(@text-color-inverse, 20%); @text-color-inverse-subtle: fadeout(@text-color-inverse, 20%);
@text-color-inverse-very-subtle: fadeout(@text-color-inverse, 50%); @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-primary-bg: lighten(@background-primary, 10%);
@border-secondary-bg: lighten(@background-secondary, 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 "type";
@import "inputs"; @import "inputs";
@import "buttons"; @import "buttons";
@import "dropdowns";
@import "workspace"; @import "workspace";
@import "resizable"; @import "resizable";
@import "selection"; @import "selection";

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

@ -191,6 +191,12 @@
@btn-danger-bg-color: @danger-color; @btn-danger-bg-color: @danger-color;
@btn-danger-text-color: @text-color-inverse; @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 ===============================// //=============================== Inputs ===============================//
//** `<input>` background color //** `<input>` background color