Mailspring/packages/client-app/internal_packages/ui-dark/styles/ui-variables.less

65 lines
1.9 KiB
Text
Raw Normal View History

@gray-base: #ffffff;
@gray-darker: darken(@gray-base, 13.5%);
@gray-dark: darken(@gray-base, 20%);
@gray: darken(@gray-base, 33.5%);
@gray-light: darken(@gray-base, 46.7%);
@gray-lighter: darken(@gray-base, 92.5%);
@white: #0a0b0c;
2016-05-12 12:08:49 +08:00
@accent-primary: #5e6a77;
@accent-primary-dark: #5e6a77;
2016-05-12 12:08:49 +08:00
@background-primary: #333539;
@background-off-primary: #282828;
2016-05-12 12:08:49 +08:00
@background-secondary: #333539;
@background-tertiary: #333539;
2016-05-12 12:08:49 +08:00
@border-color-primary: darken(@background-primary, 1%);
@border-color-secondary: darken(@background-secondary, 1%);
@border-color-tertiary: darken(@background-tertiary, 1%);
@border-color-divider: @border-color-secondary;
2016-05-12 12:08:49 +08:00
@text-color: #c0c6cb;
@text-color-subtle: fadeout(@text-color, 20%);
@text-color-very-subtle: fadeout(@text-color, 40%);
@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;
2016-05-12 12:08:49 +08:00
@btn-default-bg-color: lighten(@background-primary, 5%);
@dropdown-default-bg-color: #404040;
@input-bg: #242424;
@input-border: @border-color-divider;
@list-bg: #333;
@list-border: #383838;
@list-selected-color: @text-color-inverse;
2016-05-12 12:08:49 +08:00
@list-focused-color: @text-color;
@toolbar-background-color: @background-secondary;
2016-05-12 12:08:49 +08:00
@panel-background-color: #282b30;
.sheet-toolbar {
border-bottom: none;
box-shadow: 0 0 0.5px @border-color-primary, 0 1px 1.5px @border-color-primary, 0 0 3px @border-color-primary;
}
.thread-icon:not(.thread-icon-unread):not(.thread-icon-star) {
-webkit-filter: invert(100%);
}
img.content-dark {
-webkit-filter: invert(100%);
}
img.content-light {
-webkit-filter: invert(100%);
}
.popover {
border: 1px solid @border-color-primary;
}
.mail-label {
-webkit-filter: contrast(110%) brightness(85%);
2016-05-12 12:08:49 +08:00
}