Bug 1543324 - Part 2: Rename --theme-body-color-* variables to --theme-text-color-*; r=ntim

Differential Revision: https://phabricator.services.mozilla.com/D27107

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Florens Verschelde 2019-04-17 14:06:58 +00:00
Родитель 83d8ab904d
Коммит 7ae6bf37a2
23 изменённых файлов: 36 добавлений и 37 удалений

Просмотреть файл

@ -32,7 +32,7 @@
} }
.worker:not(:last-child) { .worker:not(:last-child) {
border-bottom: 1px solid var(--theme-body-color-alt); border-bottom: 1px solid var(--theme-text-color-alt);
} }
.worker__header { .worker__header {
@ -71,5 +71,5 @@
} }
.worker__data__updated { .worker__data__updated {
color: var(--theme-body-color-alt); color: var(--theme-text-color-alt);
} }

Просмотреть файл

@ -34,7 +34,7 @@
width: 5px; width: 5px;
margin: 0 2px 0 6px; margin: 0 2px 0 6px;
vertical-align: bottom; vertical-align: bottom;
background: var(--theme-body-color-alt); background: var(--theme-text-color-alt);
} }
.sources-clear-root-label { .sources-clear-root-label {

Просмотреть файл

@ -68,7 +68,7 @@
} }
.project-text-search .no-result-msg { .project-text-search .no-result-msg {
color: var(--theme-body-color-inactive); color: var(--theme-text-color-inactive);
font-size: 24px; font-size: 24px;
padding: 4px 15px; padding: 4px 15px;
max-width: 100%; max-width: 100%;

Просмотреть файл

@ -100,7 +100,7 @@
white-space: nowrap; white-space: nowrap;
text-align: center; text-align: center;
user-select: none; user-select: none;
color: var(--theme-body-color-alt); color: var(--theme-text-color-alt);
} }
.search-field .search-nav-buttons { .search-field .search-nav-buttons {

Просмотреть файл

@ -47,7 +47,7 @@
/* Empty notices in tab panels */ /* Empty notices in tab panels */
.network-monitor .empty-notice { .network-monitor .empty-notice {
color: var(--theme-body-color-inactive); color: var(--theme-text-color-inactive);
padding: 3px 8px; padding: 3px 8px;
text-align: center; text-align: center;
display: flex; display: flex;

Просмотреть файл

@ -327,7 +327,7 @@
.requests-list-cause-stack { .requests-list-cause-stack {
display: inline-block; display: inline-block;
background-color: var(--theme-body-color-alt); background-color: var(--theme-text-color-alt);
color: var(--theme-body-background); color: var(--theme-body-background);
font-size: 8px; font-size: 8px;
font-weight: bold; font-weight: bold;

Просмотреть файл

@ -225,7 +225,7 @@ MarkersOverview.prototype = extend(AbstractCanvasGraph.prototype, {
this.headerBackgroundColor = getColor("body-background", theme); this.headerBackgroundColor = getColor("body-background", theme);
this.headerTextColor = getColor("body-color", theme); this.headerTextColor = getColor("body-color", theme);
this.headerTimelineStrokeColor = colorUtils.setAlpha( this.headerTimelineStrokeColor = colorUtils.setAlpha(
getColor("body-color-alt", theme), 0.25); getColor("text-color-alt", theme), 0.25);
this.alternatingBackgroundColor = colorUtils.setAlpha( this.alternatingBackgroundColor = colorUtils.setAlpha(
getColor("body-color", theme), 0.05); getColor("body-color", theme), 0.05);
}, },

Просмотреть файл

@ -652,7 +652,7 @@ input:-moz-focusring {
} }
#device-form label > .viewport-dimension { #device-form label > .viewport-dimension {
color: var(--theme-body-color-inactive); color: var(--theme-text-color-inactive);
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -662,7 +662,7 @@ input:-moz-focusring {
border: 1px solid; border: 1px solid;
border-radius: 2px; border-radius: 2px;
text-align: center; text-align: center;
color: var(--theme-body-color-inactive); color: var(--theme-text-color-inactive);
transition: all 0.25s ease; transition: all 0.25s ease;
} }

Просмотреть файл

@ -81,7 +81,7 @@ function testColorExistence() {
"body-background", "sidebar-background", "contrast-background", "body-background", "sidebar-background", "contrast-background",
"tab-toolbar-background", "toolbar-background", "selection-background", "tab-toolbar-background", "toolbar-background", "selection-background",
"selection-color", "selection-background-hover", "splitter-color", "selection-color", "selection-background-hover", "splitter-color",
"comment", "body-color", "body-color-alt", "text-color-strong", "comment", "body-color", "text-color-alt", "text-color-inactive", "text-color-strong",
"highlight-green", "highlight-blue", "highlight-bluegrey", "highlight-purple", "highlight-green", "highlight-blue", "highlight-bluegrey", "highlight-purple",
"highlight-lightorange", "highlight-orange", "highlight-red", "highlight-pink", "highlight-lightorange", "highlight-orange", "highlight-red", "highlight-pink",
]; ];

Просмотреть файл

@ -195,7 +195,7 @@
.cubic-bezier-container .preset p { .cubic-bezier-container .preset p {
font-size: 80%; font-size: 80%;
margin: 2px auto 0px auto; margin: 2px auto 0px auto;
color: var(--theme-body-color-alt); color: var(--theme-text-color-alt);
text-transform: capitalize; text-transform: capitalize;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;

Просмотреть файл

@ -179,7 +179,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
display: block; display: block;
order: 3; order: 3;
color: var(--theme-body-color-alt); color: var(--theme-text-color-alt);
} }
#filter-container .remove-button { #filter-container .remove-button {

Просмотреть файл

@ -14,7 +14,7 @@
} }
.theme-light .generic-chart-container { .theme-light .generic-chart-container {
color: var(--theme-body-color-alt); color: var(--theme-text-color-alt);
} }
.chart-colored-blob { .chart-colored-blob {
@ -118,7 +118,7 @@
} }
.table-chart-totals { .table-chart-totals {
border-top: 1px solid var(--theme-body-color-alt); /* Grey foreground text */ border-top: 1px solid var(--theme-text-color-alt); /* Grey foreground text */
} }
.table-chart-summary-label { .table-chart-summary-label {

Просмотреть файл

@ -51,7 +51,7 @@
* Customize the dark theme's scrollbar colors to avoid excessive contrast. * Customize the dark theme's scrollbar colors to avoid excessive contrast.
*/ */
:root.theme-dark { :root.theme-dark {
scrollbar-color: var(--theme-body-color-inactive) var(--theme-splitter-color); scrollbar-color: var(--grey-50) var(--theme-splitter-color);
} }
/** /**
@ -60,7 +60,7 @@
* This removes GTK scrollbars and uses a fallback design (see bug 1464723). * This removes GTK scrollbars and uses a fallback design (see bug 1464723).
*/ */
:root[platform="linux"].theme-light { :root[platform="linux"].theme-light {
scrollbar-color: var(--theme-body-color-inactive) var(--grey-20); scrollbar-color: var(--grey-40) var(--grey-20);
} }
.devtools-monospace { .devtools-monospace {

Просмотреть файл

@ -103,7 +103,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
-moz-context-properties: fill; -moz-context-properties: fill;
fill: var(--theme-body-color-inactive); fill: var(--theme-text-color-inactive);
} }
.computed-other-property-value:dir(rtl)::before { .computed-other-property-value:dir(rtl)::before {

Просмотреть файл

@ -177,7 +177,7 @@
height: 8px; height: 8px;
margin: 0 2px; margin: 0 2px;
line-height: 3px; line-height: 3px;
color: var(--theme-body-color-inactive); color: var(--theme-text-color-inactive);
border-radius: 3px; border-radius: 3px;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;

Просмотреть файл

@ -323,7 +323,7 @@ ul.children + .tag-line::before {
margin: 0 2px; margin: 0 2px;
line-height: 7px; line-height: 7px;
font-size: 0.6em; font-size: 0.6em;
color: var(--theme-body-color-inactive); color: var(--theme-text-color-inactive);
border-radius: 3px; border-radius: 3px;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;

Просмотреть файл

@ -245,7 +245,7 @@ html, body, #app, #memory-tool {
.snapshot-list-item > .snapshot-state, .snapshot-list-item > .snapshot-state,
.snapshot-list-item > .snapshot-totals { .snapshot-list-item > .snapshot-totals {
font-size: 90%; font-size: 90%;
color: var(--theme-body-color-alt); color: var(--theme-text-color-alt);
} }
.snapshot-list-item.selected > .snapshot-state, .snapshot-list-item.selected > .snapshot-state,
@ -506,7 +506,7 @@ html, body, #app, #memory-tool {
.heap-tree-number { .heap-tree-number {
padding: 0 3px; padding: 0 3px;
flex: 1; flex: 1;
color: var(--theme-body-color-alt); color: var(--theme-text-color-alt);
/* Make sure number doesn't appear backwards on RTL locales */ /* Make sure number doesn't appear backwards on RTL locales */
direction: ltr; direction: ltr;
} }
@ -620,7 +620,7 @@ svg {
} }
.theme-dark svg { .theme-dark svg {
--arrow-color: var(--theme-body-color-alt); --arrow-color: var(--theme-text-color-alt);
} }
svg #arrowhead { svg #arrowhead {

Просмотреть файл

@ -202,13 +202,12 @@
.recording-list-item-duration, .recording-list-item-duration,
.recording-list-item-save { .recording-list-item-save {
color: var(--theme-body-color-alt); color: var(--theme-text-color-alt);
} }
.recording-list-item.selected .recording-list-item-duration, .recording-list-item.selected .recording-list-item-duration,
.recording-list-item.selected .recording-list-item-save { .recording-list-item.selected .recording-list-item-save {
color: var(--theme-body-color-alt); color: inherit;
color: var(--theme-selection-color);
} }
#recordings-list .selected label { #recordings-list .selected label {

Просмотреть файл

@ -117,7 +117,7 @@
#ruleview-class-panel .no-classes { #ruleview-class-panel .no-classes {
flex: 1; flex: 1;
color: var(--theme-body-color-inactive); color: var(--theme-text-color-inactive);
margin: 0; margin: 0;
text-align: center; text-align: center;
} }
@ -418,7 +418,7 @@
content: ""; content: "";
position: absolute; position: absolute;
display: block; display: block;
border: 0px solid var(--theme-body-color-alt); border: 0px solid var(--theme-text-color-alt);
} }
.ruleview-overridden-item::before { .ruleview-overridden-item::before {
@ -541,7 +541,7 @@
} }
.ruleview-overridden { .ruleview-overridden {
text-decoration: line-through solid var(--theme-body-color-alt); text-decoration: line-through solid var(--theme-text-color-alt);
} }
/** /**

Просмотреть файл

@ -575,7 +575,7 @@
border-radius: 3px; border-radius: 3px;
padding: 2px; padding: 2px;
margin-inline-start: 5px; margin-inline-start: 5px;
background-color: var(--theme-body-color-alt); background-color: var(--theme-text-color-alt);
color: var(--theme-body-background); color: var(--theme-body-background);
} }

Просмотреть файл

@ -55,8 +55,8 @@
--theme-comment: var(--grey-50); --theme-comment: var(--grey-50);
--theme-comment-alt: var(--grey-40); --theme-comment-alt: var(--grey-40);
--theme-body-color: var(--grey-60); --theme-body-color: var(--grey-60);
--theme-body-color-alt: var(--grey-50); --theme-text-color-alt: var(--grey-50);
--theme-body-color-inactive: var(--grey-40); --theme-text-color-inactive: var(--grey-40);
--theme-text-color-strong: var(--grey-80); --theme-text-color-strong: var(--grey-80);
--theme-highlight-green: var(--green-70); --theme-highlight-green: var(--green-70);
@ -146,8 +146,8 @@
--theme-comment: var(--grey-45); --theme-comment: var(--grey-45);
--theme-comment-alt: var(--grey-50); --theme-comment-alt: var(--grey-50);
--theme-body-color: var(--grey-40); --theme-body-color: var(--grey-40);
--theme-body-color-alt: var(--grey-45); --theme-text-color-alt: var(--grey-45);
--theme-body-color-inactive: var(--grey-50); --theme-text-color-inactive: var(--grey-50);
--theme-text-color-strong: var(--grey-30); --theme-text-color-strong: var(--grey-30);
--theme-highlight-green: #86DE74; --theme-highlight-green: #86DE74;

Просмотреть файл

@ -370,7 +370,7 @@ a {
} }
.message.network .xhr { .message.network .xhr {
background-color: var(--theme-body-color-alt); background-color: var(--theme-text-color-alt);
color: var(--theme-body-background); color: var(--theme-body-background);
border-radius: 3px; border-radius: 3px;
font-weight: bold; font-weight: bold;

Просмотреть файл

@ -113,7 +113,7 @@
} }
.variables-view-empty-notice { .variables-view-empty-notice {
color: var(--theme-body-color-alt); color: var(--theme-text-color-alt);
} }
.variables-view-scope:focus > .title, .variables-view-scope:focus > .title,
@ -527,7 +527,7 @@
.line-graph-widget-tooltip > [text=metric] { .line-graph-widget-tooltip > [text=metric] {
margin-inline-start: 1px; margin-inline-start: 1px;
color: var(--theme-body-color-alt); color: var(--theme-text-color-alt);
} }
.theme-light .line-graph-widget-tooltip > [text=value], .theme-light .line-graph-widget-tooltip > [text=value],