diff --git a/assets/css/src/components/_tabs.scss b/assets/css/src/components/_tabs.scss index a233c2d692..d6a218f16f 100644 --- a/assets/css/src/components/_tabs.scss +++ b/assets/css/src/components/_tabs.scss @@ -136,7 +136,7 @@ z-index: 2; &:after { - background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23071C6D' d='M10 0H2c-.552 0-1 .448-1 1 0 .216.07.427.2.6l4 5.333c.331.442.958.532 1.4.2.076-.057.143-.124.2-.2l4-5.333c.331-.442.242-1.069-.2-1.4-.173-.13-.384-.2-.6-.2z'/%3E%3C/svg%3E%0A") no-repeat center; + background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%231d2327' d='M10 0H2c-.552 0-1 .448-1 1 0 .216.07.427.2.6l4 5.333c.331.442.958.532 1.4.2.076-.057.143-.124.2-.2l4-5.333c.331-.442.242-1.069-.2-1.4-.173-.13-.384-.2-.6-.2z'/%3E%3C/svg%3E%0A") no-repeat center; content: ''; height: 8px; margin-left: auto; diff --git a/assets/css/src/settings/_colors.scss b/assets/css/src/settings/_colors.scss index d8e888e0ba..4b4359d194 100644 --- a/assets/css/src/settings/_colors.scss +++ b/assets/css/src/settings/_colors.scss @@ -3,6 +3,8 @@ $color-placeholder-select2: #999; /* default Select2 placeholder color for singl $color-transparent: rgba(#fff, 0); $color-white: #fff; $color-black: #000; +$color-wordpress-text: #3c434a; +$color-wordpress-heading: #1d2327; // Primary (blueish) color $color-primary: #007cba; @@ -19,7 +21,7 @@ $color-secondary-middle: #f5a278; $color-secondary-middle-hover: darken($color-secondary-middle, 10%); $color-secondary-light: #ffe0d0; $color-secondary-light-hover: darken($color-secondary-light, 10%); -$color-tertiary: #071c6d; +$color-tertiary: $color-wordpress-heading; $color-tertiary-hover: darken($color-tertiary, 10%); $color-tertiary-light: #e5e9f8; $color-tertiary-light-hover: darken($color-tertiary-light, 10%); @@ -28,8 +30,6 @@ $color-destructive: #b52727; $color-destructive-hover: #a02222; // Typography colors -$color-wordpress-text: #3c434a; -$color-wordpress-heading: #1d2327; $color-heading: $color-wordpress-heading; $color-text: $color-wordpress-text; $color-text-hover: darken($color-text, 10%); diff --git a/assets/js/src/common/loader/loader.tsx b/assets/js/src/common/loader/loader.tsx index 32812ffe8f..2fa775fb96 100644 --- a/assets/js/src/common/loader/loader.tsx +++ b/assets/js/src/common/loader/loader.tsx @@ -8,7 +8,7 @@ type Props = { const Loader = ({ variant, size }: Props) => { let color = '#ff5301'; if (variant === 'light') color = '#ffe0d0'; - if (variant === 'dark') color = '#071c6d'; + if (variant === 'dark') color = '#1d2327'; return ( ( ( - + );