mirror of
https://github.com/Foundry376/Mailspring.git
synced 2025-09-08 05:34:23 +08:00
feat(colors): new colors for selection states
Summary: adjust colors Test Plan: edgehill --test Reviewers: bengotow Reviewed By: bengotow Differential Revision: https://review.inboxapp.com/D1273
This commit is contained in:
parent
c4c6f7c65a
commit
fd43c7002d
3 changed files with 36 additions and 26 deletions
|
@ -167,16 +167,23 @@ ActivityBar = React.createClass
|
|||
subject: "Feedback"
|
||||
namespaceId: NamespaceStore.current().id
|
||||
body: """
|
||||
<p>Hi, Edgehill team!</p>
|
||||
<p>I have some feedback for you.</p>
|
||||
<p><b>What happened</b><br/><br/></p>
|
||||
<p><b>Impact</b><br/><br/></p>
|
||||
<p><b>Feedback</b><br/><br/></p>
|
||||
<p><b>Environment</b><br/>I'm using Edgehill #{atom.getVersion()} and my platform is #{process.platform}-#{process.arch}.</p>
|
||||
<p>--</p>
|
||||
<p>#{user}</p><br>
|
||||
<p>-- Extra Debugging Data --</p>
|
||||
<p>#{debugData}</p>
|
||||
Hi, Edgehill team! I have some feedback for you.<br/>
|
||||
<br/>
|
||||
<b>What happened:</b><br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<b>Impact:</b><br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<b>Feedback:</b><br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<b>Environment:</b><br/>
|
||||
I'm using Edgehill #{atom.getVersion()} and my platform is #{process.platform}-#{process.arch}.<br/>
|
||||
--<br/>
|
||||
#{user}<br/>
|
||||
-- Extra Debugging Data --<br/>
|
||||
#{debugData}
|
||||
"""
|
||||
DatabaseStore.persistModel(draft).then ->
|
||||
DatabaseStore.localIdForModel(draft).then (localId) ->
|
||||
|
|
|
@ -61,7 +61,7 @@ EmailFixingStyles = """
|
|||
}
|
||||
|
||||
a {
|
||||
color: #11A1A2;
|
||||
color: #2794c3;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
|
|
|
@ -35,9 +35,13 @@
|
|||
@gray-lighter: lighten(@gray-base, 92.5%); // #eee
|
||||
@white: #ffffff;
|
||||
|
||||
@blue: #2794c3;
|
||||
@blue-dark: darken(@blue, 10%);
|
||||
|
||||
//== Color descriptors
|
||||
@accent-primary: @nilas-blue;
|
||||
@accent-secondary: @nilas-yellow;
|
||||
@accent-primary: @blue;
|
||||
@accent-primary-dark: @blue-dark;
|
||||
@accent-secondary: @nilas-yellow;
|
||||
|
||||
@background-primary: #ffffff;
|
||||
@background-secondary: #f6f6f6;
|
||||
|
@ -48,7 +52,7 @@
|
|||
@border-tertiary-bg: darken(@background-tertiary, 10%);
|
||||
@border-color-divider: @border-secondary-bg;
|
||||
|
||||
@info-color: @nilas-blue-dark;
|
||||
@info-color: @blue-dark;
|
||||
@success-color: @nilas-green;
|
||||
@warning-color: #f0ad4e;
|
||||
@error-color: #d9534f;
|
||||
|
@ -67,9 +71,9 @@
|
|||
|
||||
@text-color-heading: @nilas-gray;
|
||||
|
||||
@text-color-link: @nilas-blue;
|
||||
@text-color-link-hover: @nilas-blue-dark;
|
||||
@text-color-link-active: @nilas-blue-dark;
|
||||
@text-color-link: @blue;
|
||||
@text-color-link-hover: @blue-dark;
|
||||
@text-color-link-active: @blue-dark;
|
||||
|
||||
@text-color-selected: @text-color-inverse;
|
||||
@text-color-highlight: @text-color;
|
||||
|
@ -193,13 +197,6 @@
|
|||
@border-radius-large: 6px;
|
||||
@border-radius-small: 3px;
|
||||
|
||||
//** Global color for active items (e.g., navs or dropdowns).
|
||||
@component-active-color: #fff;
|
||||
//** Global background color for active items (e.g., navs or dropdowns).
|
||||
// @component-active-bg: #3a3e44;
|
||||
// @component-active-bg: #116cd6;
|
||||
@component-active-bg: @nilas-blue;
|
||||
|
||||
|
||||
//============================== Tables ===============================//
|
||||
// Customizes the `.table` component with basic values, each used across
|
||||
|
@ -318,6 +315,12 @@
|
|||
//
|
||||
// ##
|
||||
|
||||
//** Global color for active items (e.g., navs or dropdowns).
|
||||
@component-active-color: @background-primary;
|
||||
//** Global background color for active items (e.g., navs or dropdowns).
|
||||
@component-active-bg: #383d44;
|
||||
@component-secondary-active-bg: @background-tertiary;
|
||||
|
||||
//** Background color on `.list-group-item`
|
||||
@source-list-bg: @panel-background-color;
|
||||
//** Text color of active list items
|
||||
|
@ -341,7 +344,7 @@
|
|||
//** Text color of active list items
|
||||
@list-active-color: @component-active-color;
|
||||
//** Background color of active list items
|
||||
@list-active-bg: @component-active-bg;
|
||||
@list-active-bg: @component-secondary-active-bg;
|
||||
//** Border color of active list elements
|
||||
@list-active-border: @list-active-bg;
|
||||
//** Text color for content within active list items
|
||||
|
@ -431,7 +434,7 @@
|
|||
|
||||
// TEXT
|
||||
|
||||
@unread-color: @accent-primary; //!
|
||||
@unread-color: @blue; //!
|
||||
@action-color: @green;
|
||||
|
||||
@progress-bar-fill: @light-blue;
|
||||
|
|
Loading…
Add table
Reference in a new issue