Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-02-01 04:50:59 +08:00
Code Issues Projects Releases Packages Wiki Activity

Setup styles for dropdown (select) control

Browse source
This commit is contained in:
Alexander Gudulin 2015-10-21 21:27:53 +03:00
parent 4810775924
commit d8b18b9adf
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

@ -152,9 +152,9 @@ body.platform-darwin {
}
.container-notifications {
width: 75%;
margin-left: 12.5%;
margin-right: 12.5%;
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
.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