Update file status colors
Colors will be more consistent with vote chips, merged status colors. Change-Id: I3ce4943a5dae95bdf361c8f6981cbb27c9067b74
This commit is contained in:
@@ -25,7 +25,7 @@ export const htmlTemplate = html`
|
|||||||
padding: 0 var(--spacing-m);
|
padding: 0 var(--spacing-m);
|
||||||
color: var(--primary-text-color);
|
color: var(--primary-text-color);
|
||||||
font-size: var(--font-size-small);
|
font-size: var(--font-size-small);
|
||||||
background-color: var(--dark-add-highlight-color);
|
background-color: var(--file-status-added);
|
||||||
}
|
}
|
||||||
.status.invisible,
|
.status.invisible,
|
||||||
.status.M {
|
.status.M {
|
||||||
@@ -34,10 +34,10 @@ export const htmlTemplate = html`
|
|||||||
.status.D,
|
.status.D,
|
||||||
.status.R,
|
.status.R,
|
||||||
.status.W {
|
.status.W {
|
||||||
background-color: var(--dark-remove-highlight-color);
|
background-color: var(--file-status-changed);
|
||||||
}
|
}
|
||||||
.status.U {
|
.status.U {
|
||||||
background-color: var(--comment-background-color);
|
background-color: var(--file-status-unchanged);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<span
|
<span
|
||||||
|
|||||||
@@ -257,6 +257,11 @@ const styleSheet = safeStyleSheet`
|
|||||||
--status-ready: var(--pink-800);
|
--status-ready: var(--pink-800);
|
||||||
--status-custom: var(--purple-900);
|
--status-custom: var(--purple-900);
|
||||||
|
|
||||||
|
/* file status colors */
|
||||||
|
--file-status-added: var(--green-300);
|
||||||
|
--file-status-changed: var(--red-200);
|
||||||
|
--file-status-unchanged: var(--grey-300);
|
||||||
|
|
||||||
/* fonts */
|
/* fonts */
|
||||||
--font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
--font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
||||||
--header-font-family: 'Open Sans', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
--header-font-family: 'Open Sans', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
||||||
|
|||||||
@@ -155,6 +155,11 @@ function getStyleEl() {
|
|||||||
--status-ready: var(--pink-500);
|
--status-ready: var(--pink-500);
|
||||||
--status-custom: var(--purple-400);
|
--status-custom: var(--purple-400);
|
||||||
|
|
||||||
|
/* file status colors */
|
||||||
|
--file-status-added: var(--green-tonal);
|
||||||
|
--file-status-changed: var(--red-tonal);
|
||||||
|
--file-status-unchanged: var(--grey-700);
|
||||||
|
|
||||||
/* fonts */
|
/* fonts */
|
||||||
--font-weight-bold: 700; /* 700 is the same as 'bold' */
|
--font-weight-bold: 700; /* 700 is the same as 'bold' */
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user