Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Replace MailPoet's dark blue text color with WordPress' dark gray

Browse Source 
[MAILPOET-3548]
This commit is contained in:
Ján Mikláš
2021-06-07 13:28:03 +02:00
committed by Veljko V
parent 279ed41f3f
commit a3818b868f
5 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/src/components/_tabs.scss
View File

@@ -136,7 +136,7 @@
z-index: 2; z-index: 2;
&:after { &: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: ''; content: '';
height: 8px; height: 8px;
margin-left: auto; margin-left: auto;

6
assets/css/src/settings/_colors.scss
View File

@@ -3,6 +3,8 @@ $color-placeholder-select2: #999; /* default Select2 placeholder color for singl
$color-transparent: rgba(#fff, 0); $color-transparent: rgba(#fff, 0);
$color-white: #fff; $color-white: #fff;
$color-black: #000; $color-black: #000;
$color-wordpress-text: #3c434a;
$color-wordpress-heading: #1d2327;
// Primary (blueish) color // Primary (blueish) color
$color-primary: #007cba; $color-primary: #007cba;
@@ -19,7 +21,7 @@ $color-secondary-middle: #f5a278;
$color-secondary-middle-hover: darken($color-secondary-middle, 10%); $color-secondary-middle-hover: darken($color-secondary-middle, 10%);
$color-secondary-light: #ffe0d0; $color-secondary-light: #ffe0d0;
$color-secondary-light-hover: darken($color-secondary-light, 10%); $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-hover: darken($color-tertiary, 10%);
$color-tertiary-light: #e5e9f8; $color-tertiary-light: #e5e9f8;
$color-tertiary-light-hover: darken($color-tertiary-light, 10%); $color-tertiary-light-hover: darken($color-tertiary-light, 10%);
@@ -28,8 +30,6 @@ $color-destructive: #b52727;
$color-destructive-hover: #a02222; $color-destructive-hover: #a02222;
// Typography colors // Typography colors
$color-wordpress-text: #3c434a;
$color-wordpress-heading: #1d2327;
$color-heading: $color-wordpress-heading; $color-heading: $color-wordpress-heading;
$color-text: $color-wordpress-text; $color-text: $color-wordpress-text;
$color-text-hover: darken($color-text, 10%); $color-text-hover: darken($color-text, 10%);

2
assets/js/src/common/loader/loader.tsx
View File

@@ -8,7 +8,7 @@ type Props = {
const Loader = ({ variant, size }: Props) => { const Loader = ({ variant, size }: Props) => {
let color = '#ff5301'; let color = '#ff5301';
if (variant === 'light') color = '#ffe0d0'; if (variant === 'light') color = '#ffe0d0';
if (variant === 'dark') color = '#071c6d'; if (variant === 'dark') color = '#1d2327';
return ( return (
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"

2
assets/js/src/common/tooltip/tooltip.tsx
View File

@@ -7,7 +7,7 @@ const Tooltip = ({
}: TooltipProps) => ( }: TooltipProps) => (
<ReactTooltip <ReactTooltip
effect={effect || 'solid'} effect={effect || 'solid'}
textColor={textColor || '#071c6d'} textColor={textColor || '#1d2327'}
backgroundColor={backgroundColor || '#fafbfe'} backgroundColor={backgroundColor || '#fafbfe'}
borderColor={borderColor || '#e5e9f8'} borderColor={borderColor || '#e5e9f8'}
className={classNames('mailpoet-tooltip', className)} className={classNames('mailpoet-tooltip', className)}

2
assets/js/src/common/top_bar/beamer_icon.tsx
View File

@@ -2,6 +2,6 @@ import React from 'react';
export const BeamerIcon = () => ( export const BeamerIcon = () => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path fill="#071C6D" d="M18.2 11.286L12.525 7.33c-.318-.221-.731-.221-1.049 0l-5.675 3.956c-.302.211-.463.587-.411.964l.946 6.923c.066.488.464.849.935.849h3.783V22h1.892v-1.978h3.783c.471 0 .87-.361.936-.849l.946-6.923c.051-.377-.109-.753-.411-.964zM12 9.341l4.654 3.245-.745 5.458H8.091l-.745-5.458L12 9.341zM12 2l10 7.321-1.084 1.62L12 4.415l-8.916 6.526L2 9.321 12 2zM8.926 14.087c0 1.636 1.273 2.968 2.838 2.968 1.564 0 2.837-1.332 2.837-2.968 0-1.635-1.273-2.967-2.837-2.967-1.565 0-2.838 1.332-2.838 2.967zm3.783 0c0 .545-.424.99-.945.99-.522 0-.946-.445-.946-.99 0-.545.424-.989.946-.989.52 0 .945.444.945.99z" /> <path fill="#1d2327" d="M18.2 11.286L12.525 7.33c-.318-.221-.731-.221-1.049 0l-5.675 3.956c-.302.211-.463.587-.411.964l.946 6.923c.066.488.464.849.935.849h3.783V22h1.892v-1.978h3.783c.471 0 .87-.361.936-.849l.946-6.923c.051-.377-.109-.753-.411-.964zM12 9.341l4.654 3.245-.745 5.458H8.091l-.745-5.458L12 9.341zM12 2l10 7.321-1.084 1.62L12 4.415l-8.916 6.526L2 9.321 12 2zM8.926 14.087c0 1.636 1.273 2.968 2.838 2.968 1.564 0 2.837-1.332 2.837-2.968 0-1.635-1.273-2.967-2.837-2.967-1.565 0-2.838 1.332-2.838 2.967zm3.783 0c0 .545-.424.99-.945.99-.522 0-.946-.445-.946-.99 0-.545.424-.989.946-.989.52 0 .945.444.945.99z" />
</svg> </svg>
); );