mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 1532511 - Update colors for buttons in Changes panel; r=pbro 

Reflecting latest UI changes: https://mozilla.invisionapp.com/share/VFQC7MQSD9W#/screens

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

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Razvan Caliman 2019-03-05 15:28:47 +00:00
Родитель fca78851e8
Коммит 6200563298
2 изменённых файлов: 6 добавлений и 14 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

16
devtools/client/themes/changes.css
Просмотреть файл

@ -4,11 +4,10 @@
/* CSS Variables specific to the Changes panel that aren't defined by the themes */
:root {
--changes-button-copy-all-background-color--hover: var(--grey-90-a10);
--changes-button-copy-all-background-color--active: var(--grey-90-a15);
--changes-button-copy-rule-background-color: var(--grey-90-a10);
--changes-button-copy-rule-background-color--hover: var(--grey-90-a15);
--changes-button-copy-rule-background-color--active: var(--grey-90-a20);
--changes-button-copy-all-background-color--hover: var(--grey-90-a05);
--changes-button-copy-all-background-color--active: var(--grey-90-a10);
--changes-button-copy-rule-background-color: var(--grey-90-a05);
--changes-button-copy-rule-background-color--active: var(--grey-90-a10);
--diff-add-background-color: #f1feec;
--diff-add-text-color: #54983f;
--diff-remove-background-color: #fbf2f5;
@ -27,8 +26,7 @@
--changes-button-copy-all-background-color--hover: var(--grey-10-a10);
--changes-button-copy-all-background-color--active: var(--grey-10-a15);
--changes-button-copy-rule-background-color: var(--grey-10-a10);
--changes-button-copy-rule-background-color--hover: var(--grey-10-a15);
--changes-button-copy-rule-background-color--active: var(--grey-10-a20);
--changes-button-copy-rule-background-color--active: var(--grey-10-a15);
--diff-add-background-color: rgba(18, 188, 0, 0.15);
--diff-add-text-color: #12BC00;
--diff-remove-background-color: rgba(255, 0, 57, 0.15);
@ -134,10 +132,6 @@
top: 2px;
}
.changes__copy-rule-button:hover {
background-color: var(--changes-button-copy-rule-background-color--hover);
}
.changes__copy-rule-button:active {
background-color: var(--changes-button-copy-rule-background-color--active);
}

4
devtools/client/themes/variables.css
Просмотреть файл

@ -246,7 +246,6 @@
--grey-10: #f9f9fa;
--grey-10-a10: rgba(249, 249, 250, 0.1);
--grey-10-a15: rgba(249, 249, 250, 0.15);
--grey-10-a20: rgba(249, 249, 250, 0.2);
--grey-20: #ededf0;
--grey-25: #e0e0e2;
--grey-30: #d7d7db;
@ -259,7 +258,6 @@
--grey-80: #2a2a2e;
--grey-85: #1b1b1d;
--grey-90: #0c0c0d;
--grey-90-a05: rgba(12, 12, 13, 0.05);
--grey-90-a10: rgba(12, 12, 13, 0.1);
--grey-90-a15: rgba(12, 12, 13, 0.15);
--grey-90-a20: rgba(12, 12, 13, 0.2);
}