Fix grey colour var names.
This commit is contained in:
parent
99abd54150
commit
dca67c374f
2 changed files with 6 additions and 6 deletions
|
|
@ -34,7 +34,7 @@
|
||||||
// Text colours.
|
// Text colours.
|
||||||
--color-text: var(--color-black);
|
--color-text: var(--color-black);
|
||||||
--color-text-bg: var(--color-white);
|
--color-text-bg: var(--color-white);
|
||||||
--color-text-meta: var(--color-grey-dark);
|
--color-text-meta: var(--color-grey-600);
|
||||||
--color-headings: var(--color-nearblack);
|
--color-headings: var(--color-nearblack);
|
||||||
--color-code: var(--color-nearblack);
|
--color-code: var(--color-nearblack);
|
||||||
|
|
||||||
|
|
@ -57,7 +57,7 @@
|
||||||
--color-header-bg: var(--color-white);
|
--color-header-bg: var(--color-white);
|
||||||
--color-body-bg: var(--color-white);
|
--color-body-bg: var(--color-white);
|
||||||
--color-footer-bg: var(--color-white);
|
--color-footer-bg: var(--color-white);
|
||||||
--color-backdrop: var(--color-grey-extra-light);
|
--color-backdrop: var(--color-grey-200);
|
||||||
|
|
||||||
// Mobil menu colours.
|
// Mobil menu colours.
|
||||||
--color-mobile-menu: var(--color-brand);
|
--color-mobile-menu: var(--color-brand);
|
||||||
|
|
@ -68,7 +68,7 @@
|
||||||
--color-button-hover: var(--color-brand-dark);
|
--color-button-hover: var(--color-brand-dark);
|
||||||
--color-button-text: var(--color-white);
|
--color-button-text: var(--color-white);
|
||||||
--color-button-text-hover: var(--color-white);
|
--color-button-text-hover: var(--color-white);
|
||||||
--color-button-disabled: var(--color-grey);
|
--color-button-disabled: var(--color-grey-400);
|
||||||
|
|
||||||
// Row (e.g. in table) colours.
|
// Row (e.g. in table) colours.
|
||||||
--color-row-header: transparent;
|
--color-row-header: transparent;
|
||||||
|
|
@ -91,6 +91,6 @@
|
||||||
--color-mark-bg: var(--color-yellow);
|
--color-mark-bg: var(--color-yellow);
|
||||||
|
|
||||||
// Misc colours.
|
// Misc colours.
|
||||||
--color-watermark: var(--color-grey-extra-light);
|
--color-watermark: var(--color-grey-200);
|
||||||
--color-debug-color: var(--color-grey-extra-light);
|
--color-debug-color: var(--color-grey-200);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -107,7 +107,7 @@ button,
|
||||||
// other variations.
|
// other variations.
|
||||||
%button--disabled[disabled] {
|
%button--disabled[disabled] {
|
||||||
@extend %disabled;
|
@extend %disabled;
|
||||||
background-color: var(--color-grey-extra-light);
|
background-color: var(--color-grey-200);
|
||||||
border: 1px solid var(--color-button-disabled);
|
border: 1px solid var(--color-button-disabled);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue