diff --git a/core/misc/icons/dc2323/error.svg b/core/misc/icons/dc2323/error.svg new file mode 100644 index 00000000000..3e7e7a3ce4b --- /dev/null +++ b/core/misc/icons/dc2323/error.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/core/themes/claro/css/base/variables.css b/core/themes/claro/css/base/variables.css index d4a16b2d774..876695fb55b 100644 --- a/core/themes/claro/css/base/variables.css +++ b/core/themes/claro/css/base/variables.css @@ -15,7 +15,7 @@ --color-gray-050-o-40: rgba(243, 244, 249, 0.4); /* Secondary. */ --color-gray-200-o-80: rgba(212, 212, 218, 0.8); - --color-maximumred: #d72222; + --color-maximumred: var(--color-red-500); --color-sunglow: #ffd23f; --color-sunglow-shaded: #977405; --color-lightninggreen: #26a769; @@ -23,12 +23,12 @@ /* Variations. */ --color-absolutezero-hover: var(--color-blue-650); /* 5% darker than base. */ --color-absolutezero-active: var(--color-blue-700); /* 10% darker than base. */ - --color-maximumred-hover: #c11f1f; /* 5% darker than base. */ - --color-maximumred-active: #ab1b1b; /* 10% darker than base. */ + --color-maximumred-hover: var(--color-red-550); /* 5% darker than base. */ + --color-maximumred-active: var(--color-red-600); /* 10% darker than base. */ --color-bgblue-hover: var(--color-blue-020); /* 2% darker than base. */ --color-bgblue-active: var(--color-blue-050); /* 5% darker than base. */ - --color-bgred-hover: #fdf5f5; /* 5% darker than base. */ - --color-bgred-active: #fceded; /* 10% darker than base. */ + --color-bgred-hover: var(--color-red-020); /* 5% darker than base. */ + --color-bgred-active: var(--color-red-050); /* 10% darker than base. */ /* Gray variations. */ --color-gray: #232429; --color-gray-900: #393a3f; @@ -57,6 +57,21 @@ --color-blue-070: #f3f4f9; --color-blue-050: #e5edff; --color-blue-020: #f5f8ff; + /* Red variations. */ + --color-red: var(--color-red-500); + --color-red-900: #2c0707; + --color-red-800: #580e0e; + --color-red-700: #841515; + --color-red-600: #b01c1c; + --color-red-550: #c61f1f; + --color-red-500: #dc2323; + --color-red-400: #e34f4f; + --color-red-300: #ea7b7b; + --color-red-200: #f1a7a7; + --color-red-100: #f8d3d3; + --color-red-070: #fae0e0; + --color-red-050: #fce9e9; + --color-red-020: #fdf5f5; /* * Base. */ diff --git a/core/themes/claro/css/base/variables.pcss.css b/core/themes/claro/css/base/variables.pcss.css index f3f7094984c..65cadda5799 100644 --- a/core/themes/claro/css/base/variables.pcss.css +++ b/core/themes/claro/css/base/variables.pcss.css @@ -9,7 +9,7 @@ --color-gray-050-o-40: rgba(243, 244, 249, 0.4); /* Secondary. */ --color-gray-200-o-80: rgba(212, 212, 218, 0.8); - --color-maximumred: #d72222; + --color-maximumred: var(--color-red-500); --color-sunglow: #ffd23f; --color-sunglow-shaded: #977405; --color-lightninggreen: #26a769; @@ -17,12 +17,12 @@ /* Variations. */ --color-absolutezero-hover: var(--color-blue-650); /* 5% darker than base. */ --color-absolutezero-active: var(--color-blue-700); /* 10% darker than base. */ - --color-maximumred-hover: #c11f1f; /* 5% darker than base. */ - --color-maximumred-active: #ab1b1b; /* 10% darker than base. */ + --color-maximumred-hover: var(--color-red-550); /* 5% darker than base. */ + --color-maximumred-active: var(--color-red-600); /* 10% darker than base. */ --color-bgblue-hover: var(--color-blue-020); /* 2% darker than base. */ --color-bgblue-active: var(--color-blue-050); /* 5% darker than base. */ - --color-bgred-hover: #fdf5f5; /* 5% darker than base. */ - --color-bgred-active: #fceded; /* 10% darker than base. */ + --color-bgred-hover: var(--color-red-020); /* 5% darker than base. */ + --color-bgred-active: var(--color-red-050); /* 10% darker than base. */ /* Gray variations. */ --color-gray: #232429; --color-gray-900: #393a3f; @@ -51,6 +51,21 @@ --color-blue-070: #f3f4f9; --color-blue-050: #e5edff; --color-blue-020: #f5f8ff; + /* Red variations. */ + --color-red: var(--color-red-500); + --color-red-900: #2c0707; + --color-red-800: #580e0e; + --color-red-700: #841515; + --color-red-600: #b01c1c; + --color-red-550: #c61f1f; + --color-red-500: #dc2323; + --color-red-400: #e34f4f; + --color-red-300: #ea7b7b; + --color-red-200: #f1a7a7; + --color-red-100: #f8d3d3; + --color-red-070: #fae0e0; + --color-red-050: #fce9e9; + --color-red-020: #fdf5f5; /* * Base. */ diff --git a/core/themes/claro/css/components/system-admin--status-report.css b/core/themes/claro/css/components/system-admin--status-report.css index d4ad2919483..eb0e8fae3f4 100644 --- a/core/themes/claro/css/components/system-admin--status-report.css +++ b/core/themes/claro/css/components/system-admin--status-report.css @@ -59,7 +59,7 @@ } .system-status-report__status-icon--error:before { - background-image: url("data:image/svg+xml,%3csvg fill='%23e32700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284z'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e"); } .system-status-report__status-icon--warning:before { diff --git a/core/themes/claro/css/components/system-admin--status-report.pcss.css b/core/themes/claro/css/components/system-admin--status-report.pcss.css index cd34ebb389f..79248741196 100644 --- a/core/themes/claro/css/components/system-admin--status-report.pcss.css +++ b/core/themes/claro/css/components/system-admin--status-report.pcss.css @@ -48,7 +48,7 @@ left: auto; } .system-status-report__status-icon--error:before { - background-image: url(../../images/core/e32700/error.svg); + background-image: url(../../../../misc/icons/dc2323/error.svg); } .system-status-report__status-icon--warning:before { background-image: url(../../images/core/e29700/warning.svg); diff --git a/core/themes/claro/css/components/system-status-counter.css b/core/themes/claro/css/components/system-status-counter.css index 97ea7ff71d3..6178e991fb3 100644 --- a/core/themes/claro/css/components/system-status-counter.css +++ b/core/themes/claro/css/components/system-status-counter.css @@ -41,7 +41,7 @@ } .system-status-counter__status-icon--error:before { - background-image: url("data:image/svg+xml,%3csvg fill='%23e32700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284z'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e"); } .system-status-counter__status-icon--warning:before { @@ -64,8 +64,8 @@ mask-size: 2.5rem; } .system-status-counter__status-icon--error:before { - -webkit-mask-image: url("data:image/svg+xml,%3csvg fill='%23e32700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284z'/%3e%3c/svg%3e"); - mask-image: url("data:image/svg+xml,%3csvg fill='%23e32700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284z'/%3e%3c/svg%3e"); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e"); } .system-status-counter__status-icon--warning:before { -webkit-mask-image: url("data:image/svg+xml,%3csvg fill='%23e29700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m14.66 12.316-5.316-10.633c-.738-1.476-1.946-1.476-2.685 0l-5.317 10.633c-.738 1.477.008 2.684 1.658 2.684h10.002c1.65 0 2.396-1.207 1.658-2.684zm-7.66-8.316h2.002v5h-2.002zm2.252 8.615c0 .344-.281.625-.625.625h-1.25c-.345 0-.626-.281-.626-.625v-1.239c0-.344.281-.625.626-.625h1.25c.344 0 .625.281.625.625z'/%3e%3c/svg%3e"); diff --git a/core/themes/claro/css/components/system-status-counter.pcss.css b/core/themes/claro/css/components/system-status-counter.pcss.css index 9663356cfb0..3cc9d03e039 100644 --- a/core/themes/claro/css/components/system-status-counter.pcss.css +++ b/core/themes/claro/css/components/system-status-counter.pcss.css @@ -31,7 +31,7 @@ } .system-status-counter__status-icon--error:before { - background-image: url(../../images/core/e32700/error.svg); + background-image: url(../../../../misc/icons/dc2323/error.svg); } .system-status-counter__status-icon--warning:before { background-image: url(../../images/core/e29700/warning.svg); @@ -49,7 +49,7 @@ mask-size: 40px; } .system-status-counter__status-icon--error:before { - mask-image: url(../../images/core/e32700/error.svg); + mask-image: url(../../../../misc/icons/dc2323/error.svg); } .system-status-counter__status-icon--warning:before { mask-image: url(../../images/core/e29700/warning.svg); diff --git a/core/themes/claro/css/components/system-status-report.css b/core/themes/claro/css/components/system-status-report.css index 7f74b1f8c30..63050b54637 100644 --- a/core/themes/claro/css/components/system-status-report.css +++ b/core/themes/claro/css/components/system-status-report.css @@ -96,7 +96,7 @@ .system-status-report__status-icon--error .details-title:before, .details .system-status-report__status-icon--error:before { - background-image: url("data:image/svg+xml,%3csvg fill='%23e32700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284z'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e"); } .system-status-report__status-icon--warning .details-title:before, @@ -118,8 +118,8 @@ } .system-status-report__status-icon--error .details-title:before, .details .system-status-report__status-icon--error:before { - -webkit-mask-image: url("data:image/svg+xml,%3csvg fill='%23e32700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284z'/%3e%3c/svg%3e"); - mask-image: url("data:image/svg+xml,%3csvg fill='%23e32700' height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284z'/%3e%3c/svg%3e"); + -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e"); + mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc2323'%3e%3cpath d='M8.002 1c-3.868 0-7.002 3.134-7.002 7s3.134 7 7.002 7c3.865 0 7-3.134 7-7s-3.135-7-7-7zm4.025 9.284c.062.063.1.149.1.239 0 .091-.037.177-.1.24l-1.262 1.262c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-2.283-2.283-2.286 2.283c-.064.062-.15.1-.24.1s-.176-.036-.24-.1l-1.261-1.262c-.063-.062-.1-.148-.1-.24 0-.088.036-.176.1-.238l2.283-2.285-2.283-2.284c-.063-.064-.1-.15-.1-.24s.036-.176.1-.24l1.262-1.262c.063-.063.149-.1.24-.1.089 0 .176.036.24.1l2.285 2.284 2.283-2.284c.064-.063.15-.1.24-.1s.176.036.24.1l1.262 1.262c.062.063.1.149.1.24 0 .089-.037.176-.1.24l-2.283 2.284 2.283 2.284z'/%3e%3c/svg%3e"); } .system-status-report__status-icon--warning .details-title:before, .details .system-status-report__status-icon--warning:before { diff --git a/core/themes/claro/css/components/system-status-report.pcss.css b/core/themes/claro/css/components/system-status-report.pcss.css index a7309d1c095..baf2e8c0720 100644 --- a/core/themes/claro/css/components/system-status-report.pcss.css +++ b/core/themes/claro/css/components/system-status-report.pcss.css @@ -78,7 +78,7 @@ } .system-status-report__status-icon--error .details-title:before, .details .system-status-report__status-icon--error:before { - background-image: url(../../images/core/e32700/error.svg); + background-image: url(../../../../misc/icons/dc2323/error.svg); } .system-status-report__status-icon--warning .details-title:before, .details .system-status-report__status-icon--warning:before { @@ -96,7 +96,7 @@ } .system-status-report__status-icon--error .details-title:before, .details .system-status-report__status-icon--error:before { - mask-image: url(../../images/core/e32700/error.svg); + mask-image: url(../../../../misc/icons/dc2323/error.svg); } .system-status-report__status-icon--warning .details-title:before, .details .system-status-report__status-icon--warning:before {