Bug 1699842 - Keep Firefox in Dock for macOS where windows would Pin without showing images r=pdahiya,flod

Update ShellService to also check mac pinned but only from the main process, so have AboutWelcomeChild request pinned for use in getDefaults and prepareContent. Remove windows images and consolidate back to single shared css without spacers and instead use margin: auto with logo that is no longer fixed. Split out pin strings to own screen/section and use PLATFORM. Add macOS default prompt message without touching existing windows one.

Differential Revision: https://phabricator.services.mozilla.com/D115967
This commit is contained in:
Ed Lee 2021-05-28 11:04:22 +00:00
parent f86f71efeb
commit a70a1dd61a
26 changed files with 179 additions and 657 deletions

View File

@ -15,10 +15,9 @@
<script src="chrome://browser/content/upgradeDialog.js"></script>
</head>
<body role="dialog" aria-labelledby="title" aria-describedby="subtitle">
<img class="logo" role="presentation" src="chrome://branding/content/about-logo.svg"/>
<h1 id="title" aria-live="polite"></h1>
<h2 id="subtitle"></h2>
<spacer role="presentation"></spacer>
<div class="image"></div>
<ul id="items" class="items">
<li>
<h2 data-l10n-id="upgrade-dialog-new-item-menu-title"></h2>
@ -40,7 +39,6 @@
<input type="radio" name="theme" data-l10n-id="upgrade-dialog-theme-alpenglow"></input>
<input type="radio" name="theme" data-l10n-id="upgrade-dialog-theme-keep"></input>
</div>
<spacer role="presentation"></spacer>
<button id="primary" class="primary" aria-describedby="items"></button>
<button id="secondary" class="text-link"></button>
<h3 class="steps" aria-hidden="true"><span></span></h3>

View File

@ -13,49 +13,39 @@ const {
// Number of height pixels to switch to compact mode to avoid showing scrollbars
// on the non-compact mode. This is based on the natural height of the full-size
// "accented" content while also accounting for the dialog container margins.
const COMPACT_MODE_HEIGHT = 679;
const COMPACT_MODE_HEIGHT = 649;
const SHELL = getShellService();
const IS_DEFAULT = SHELL.isDefaultBrowser();
const NEED_PIN = SHELL.doesAppNeedPin();
// Strings for various elements with matching ids on each screen.
const PIN_OR_ALT_STRING = document.l10n.ready.then(async () => {
const ids = [
"upgrade-dialog-new-primary-pin-alt-button",
"upgrade-dialog-new-primary-pin-button",
];
const [preferred, fallback] = await document.l10n.formatValues(ids);
// Use the former preferred string id (for "Pin to taskbar") if it's
// translated OR if the fallback id (for "Pin Firefox to my taskbar") isn't.
// This handles en-* case where neither appear translated and non-en-* too.
return preferred !== "Pin to taskbar" ||
fallback.match(/^Pin .+ to my taskbar$/)
? ids[0]
: ids[1];
});
const THEME_OR_DEFAULT_STRING = IS_DEFAULT
? "upgrade-dialog-new-primary-theme-button"
: "upgrade-dialog-new-primary-default-button";
const SCREEN_STRINGS = [
NEED_PIN.then(pin =>
pin
? {
title: "upgrade-dialog-pin-title",
subtitle: "upgrade-dialog-pin-subtitle",
primary: "upgrade-dialog-pin-primary-button",
secondary: "upgrade-dialog-pin-secondary-button",
}
: {
title: "upgrade-dialog-new-title",
subtitle: "upgrade-dialog-new-subtitle",
primary: IS_DEFAULT
? "upgrade-dialog-new-primary-theme-button"
: "upgrade-dialog-new-primary-default-button",
secondary: "upgrade-dialog-new-secondary-button",
}
),
{
title: "upgrade-dialog-new-title",
subtitle: NEED_PIN.then(pin =>
pin ? "upgrade-dialog-new-alt-subtitle" : "upgrade-dialog-new-subtitle"
),
primary: NEED_PIN.then(pin =>
pin ? PIN_OR_ALT_STRING : THEME_OR_DEFAULT_STRING
),
secondary: "upgrade-dialog-new-secondary-button",
},
{
title: "upgrade-dialog-default-title",
subtitle: "upgrade-dialog-default-subtitle",
primary: "upgrade-dialog-default-primary-button",
title: "upgrade-dialog-default-title-2",
subtitle: "upgrade-dialog-default-subtitle-2",
primary: "upgrade-dialog-default-primary-button-2",
secondary: "upgrade-dialog-default-secondary-button",
},
{
title: "upgrade-dialog-theme-title",
title: "upgrade-dialog-theme-title-2",
primary: "upgrade-dialog-theme-primary-button",
secondary: "upgrade-dialog-theme-secondary-button",
},
@ -135,7 +125,6 @@ function onLoad(ready) {
const { body } = document;
const title = document.getElementById("title");
const subtitle = document.getElementById("subtitle");
const image = document.querySelector(".image");
const items = document.querySelector(".items");
const themes = document.querySelector(".themes");
const primary = document.getElementById("primary");
@ -151,7 +140,8 @@ function onLoad(ready) {
}
// Move to the next screen and perform screen-specific behavior.
switch (++current) {
const strings = await SCREEN_STRINGS[++current];
switch (current) {
// Handle initial / first screen setup.
case 0:
// Wait for main button clicks on each screen.
@ -169,19 +159,16 @@ function onLoad(ready) {
steps.style.visibility = "hidden";
if (IS_DEFAULT) {
SCREEN_STRINGS[current].primary =
"upgrade-dialog-new-primary-win7-button";
strings.primary = "upgrade-dialog-new-primary-win7-button";
secondary.style.display = "none";
}
}
// Show images instead of items for "pin" content.
// Avoid distracting the user with items for "pin" content.
let removeDefaultScreen = true;
if (await NEED_PIN) {
items.remove();
removeDefaultScreen = IS_DEFAULT;
} else {
image.remove();
}
// Keep the second screen only if we need to both pin and set default.
@ -206,11 +193,10 @@ function onLoad(ready) {
if (target === primary) {
switch (l10nId) {
case "upgrade-dialog-new-primary-default-button":
case "upgrade-dialog-default-primary-button":
case "upgrade-dialog-default-primary-button-2":
SHELL.setAsDefault();
break;
case "upgrade-dialog-new-primary-pin-button":
case "upgrade-dialog-new-primary-pin-alt-button":
case "upgrade-dialog-pin-primary-button":
SHELL.pinToTaskbar();
break;
}
@ -266,7 +252,6 @@ function onLoad(ready) {
// Update content and backdrop for theme screen.
subtitle.remove();
image.remove();
items.remove();
themes.classList.remove("hidden");
adjustModalBackdrop();
@ -284,15 +269,13 @@ function onLoad(ready) {
}
// Update various elements reused across screens.
image.setAttribute("screen", current);
steps.prepend(steps.lastChild);
// Update strings for reused elements that change between screens.
await document.l10n.ready;
const translatedElements = [];
const strings = SCREEN_STRINGS[current];
for (let el of [title, subtitle, primary, secondary]) {
const stringId = await strings[el.id];
const stringId = strings[el.id];
if (stringId) {
document.l10n.setAttributes(el, stringId);
translatedElements.push(el);

View File

@ -4597,6 +4597,10 @@ var DefaultBrowserCheck = {
);
// Resolve the translations for the prompt elements and return only the
// string values
const pinMessage =
AppConstants.platform == "macosx"
? "default-browser-prompt-message-pin-mac"
: "default-browser-prompt-message-pin";
let [promptTitle, promptMessage, askLabel, yesButton, notNowButton] = (
await win.document.l10n.formatMessages([
{
@ -4605,9 +4609,7 @@ var DefaultBrowserCheck = {
: "default-browser-prompt-title-alt",
},
{
id: needPin
? "default-browser-prompt-message-pin"
: "default-browser-prompt-message-alt",
id: needPin ? pinMessage : "default-browser-prompt-message-alt",
},
{ id: "default-browser-prompt-checkbox-not-again-label" },
{

View File

@ -233,7 +233,8 @@ class AboutWelcomeChild extends JSWindowActorChild {
);
let featureConfig = NimbusFeatures.aboutwelcome.getValue();
let defaults = await AboutWelcomeDefaults.getDefaults(featureConfig);
featureConfig.needPin = await this.sendQuery("AWPage:DOES_APP_NEED_PIN");
let defaults = AboutWelcomeDefaults.getDefaults(featureConfig);
// FeatureConfig (from prefs or experiments) has higher precendence
// to defaults. But the `screens` property isn't defined we shouldn't
// override the default with `null`

View File

@ -24,6 +24,7 @@ XPCOMUtils.defineLazyModuleGetters(this, {
"resource://activity-stream/aboutwelcome/lib/AboutWelcomeDefaults.jsm",
PromiseUtils: "resource://gre/modules/PromiseUtils.jsm",
Region: "resource://gre/modules/Region.jsm",
ShellService: "resource:///modules/ShellService.jsm",
});
XPCOMUtils.defineLazyGetter(this, "log", () => {
@ -258,8 +259,10 @@ class AboutWelcomeParent extends JSWindowActorParent {
this.RegionHomeObserver = new RegionHomeObserver(this);
}
return this.RegionHomeObserver.promiseRegionHome();
case "AWPage:DOES_APP_NEED_PIN":
return ShellService.doesAppNeedPin();
case "AWPage:IS_DEFAULT_BROWSER":
return window.getShellService().isDefaultBrowser();
return ShellService.isDefaultBrowser();
case "AWPage:WAIT_FOR_MIGRATION_CLOSE":
return new Promise(resolve =>
Services.ww.registerNotification(function observer(subject, topic) {

View File

@ -14,7 +14,6 @@ XPCOMUtils.defineLazyModuleGetters(this, {
AppConstants: "resource://gre/modules/AppConstants.jsm",
AttributionCode: "resource:///modules/AttributionCode.jsm",
Services: "resource://gre/modules/Services.jsm",
ShellService: "resource:///modules/ShellService.jsm",
});
const DEFAULT_WELCOME_CONTENT = {
@ -441,8 +440,8 @@ const RULES = [
},
{
description: "Windows pin to task bar screen",
async getDefaults() {
if (await ShellService.doesAppNeedPin()) {
getDefaults(featureConfig) {
if (featureConfig.needPin) {
return {
template: "multistage",
screens: [
@ -508,9 +507,9 @@ const RULES = [
},
];
async function getDefaults(featureConfig) {
function getDefaults(featureConfig) {
for (const rule of RULES) {
const result = await rule.getDefaults(featureConfig);
const result = rule.getDefaults(featureConfig);
if (result) {
// Make a deep copy of the object to avoid editing the original default.
return Cu.cloneInto(result, {});
@ -585,7 +584,7 @@ async function prepareContentForReact(content) {
}
// Switch to "primary" if we also need to pin.
if (await ShellService.doesAppNeedPin()) {
if (content.needPin) {
const defaultScreenIndex = content.screens?.findIndex(screen =>
screen.id.startsWith("AW_SET_DEFAULT")
);

View File

@ -49,11 +49,10 @@ describe("MultiStageAboutWelcomeProton module", () => {
);
});
it("should have 'primary' button if we need to pin", async () => {
sandbox.stub(global.ShellService, "doesAppNeedPin").resolves(true);
const data = await AboutWelcomeDefaults.prepareContentForReact({
...(await getData()),
isProton: true,
needPin: true,
});
assert.propertyVal(

View File

@ -143,7 +143,21 @@ let ShellServiceInternal = {
.add(setAsDefaultError);
},
/**
* Checks if Firefox app can and isn't pinned to OS "taskbar."
*
* @throws if not called from main process.
*/
async doesAppNeedPin() {
if (
Services.appinfo.processType !== Services.appinfo.PROCESS_TYPE_DEFAULT
) {
throw new Components.Exception(
"Can't determine pinned from child process",
Cr.NS_ERROR_NOT_AVAILABLE
);
}
// Currently this only works on certain Windows versions.
try {
// First check if we can even pin the app where an exception means no.
@ -153,15 +167,26 @@ let ShellServiceInternal = {
// Then check if we're already pinned.
return !(await this.shellService.isCurrentAppPinnedToTaskbarAsync());
} catch (ex) {
return false;
}
} catch (ex) {}
// Next check mac pinning to dock.
try {
return !this.macDockSupport.isAppInDock;
} catch (ex) {}
return false;
},
/**
* Pin Firefox app to the OS "taskbar."
*/
async pinToTaskbar() {
if (await this.doesAppNeedPin()) {
try {
this.shellService.pinCurrentAppToTaskbar();
if (AppConstants.platform == "win") {
this.shellService.pinCurrentAppToTaskbar();
} else {
this.macDockSupport.ensureAppIsPinnedToDock();
}
} catch (ex) {
Cu.reportError(ex);
}
@ -169,12 +194,10 @@ let ShellServiceInternal = {
},
};
XPCOMUtils.defineLazyServiceGetter(
ShellServiceInternal,
"shellService",
"@mozilla.org/browser/shell-service;1",
Ci.nsIShellService
);
XPCOMUtils.defineLazyServiceGetters(ShellServiceInternal, {
shellService: ["@mozilla.org/browser/shell-service;1", "nsIShellService"],
macDockSupport: ["@mozilla.org/widget/macdocksupport;1", "nsIMacDockSupport"],
});
/**
* The external API exported by this module.

View File

@ -40,7 +40,7 @@ add_task(async function open_close_dialog() {
add_task(async function set_as_default() {
mockAppConstants({ isWin7: false });
const mock = mockShell();
const mock = mockShell({ isPinned: true });
await showAndWaitForDialog(async win => {
await BrowserTestUtils.waitForEvent(win, "ready");
@ -148,7 +148,7 @@ add_task(async function theme_change() {
const theme = await AddonManager.getAddonByID(
"firefox-alpenglow@mozilla.org"
);
mockShell();
mockShell({ isPinned: true });
await showAndWaitForDialog(async win => {
await BrowserTestUtils.waitForEvent(win, "ready");
@ -165,7 +165,7 @@ add_task(async function theme_change() {
add_task(async function skip_screens() {
Services.telemetry.clearEvents();
const mock = mockShell();
const mock = mockShell({ isPinned: true });
await showAndWaitForDialog(async win => {
await BrowserTestUtils.waitForEvent(win, "ready");
@ -191,7 +191,7 @@ add_task(async function skip_screens() {
});
add_task(async function exit_early() {
const mock = mockShell({ isDefault: true });
const mock = mockShell({ isDefault: true, isPinned: true });
await showAndWaitForDialog(async win => {
await BrowserTestUtils.waitForEvent(win, "ready");
@ -227,10 +227,10 @@ add_task(async function need_pin_and_default() {
AssertEvents(
"Pin and default shows 3 screens",
["content", "show", "3-screens"],
["content", "show", "upgrade-dialog-new-primary-pin-alt-button"],
["content", "button", "upgrade-dialog-new-primary-pin-alt-button"],
["content", "show", "upgrade-dialog-default-primary-button"],
["content", "button", "upgrade-dialog-default-primary-button"],
["content", "show", "upgrade-dialog-pin-primary-button"],
["content", "button", "upgrade-dialog-pin-primary-button"],
["content", "show", "upgrade-dialog-default-primary-button-2"],
["content", "button", "upgrade-dialog-default-primary-button-2"],
["content", "show", "upgrade-dialog-theme-primary-button"],
["content", "close", "external"]
);
@ -255,7 +255,7 @@ add_task(async function win7_okay() {
});
add_task(async function win7_1screen() {
mockShell();
mockShell({ isPinned: true });
await showAndWaitForDialog(async win => {
await BrowserTestUtils.waitForEvent(win, "ready");
@ -290,8 +290,8 @@ add_task(async function quit_app() {
AssertEvents(
"Dialog closed on quit request",
["content", "show", "2-screens"],
["content", "show", "upgrade-dialog-new-primary-default-button"],
["content", "show", "3-screens"],
["content", "show", "upgrade-dialog-pin-primary-button"],
["content", "close", "quit-application-requested"]
);
});
@ -310,8 +310,8 @@ add_task(async function window_warning() {
AssertEvents(
"Dialog closed when close warning wants to open",
["content", "show", "2-screens"],
["content", "show", "upgrade-dialog-new-primary-default-button"],
["content", "show", "3-screens"],
["content", "show", "upgrade-dialog-pin-primary-button"],
["content", "close", "external"]
);
});
@ -365,8 +365,8 @@ add_task(async function show_major_upgrade() {
AssertEvents(
"Upgrade dialog opened and closed from major upgrade",
["trigger", "reason", "satisfied"],
["content", "show", "2-screens"],
["content", "show", "upgrade-dialog-new-primary-default-button"],
["content", "show", "3-screens"],
["content", "show", "upgrade-dialog-pin-primary-button"],
["content", "close", "external"]
);
});

View File

@ -84,7 +84,7 @@ add_task(async function stop_asking() {
});
add_task(async function primary_default() {
const mock = mockShell();
const mock = mockShell({ isPinned: true });
const histogram = getHistogram();
await showAndWaitForModal(win => {
@ -102,7 +102,7 @@ add_task(async function primary_default() {
Assert.equal(
mock.pinCurrentAppToTaskbar.callCount,
0,
"Primary button doesn't pin if can't pin"
"Primary button doesn't pin if already pinned"
);
AssertHistogram(histogram, "accept");
});

View File

@ -39,6 +39,7 @@ function mockShell(overrides = {}) {
didMockShell = true;
}
const sharedPinStub = sinon.stub();
let mock = {
canPin: false,
isDefault: false,
@ -49,12 +50,18 @@ function mockShell(overrides = {}) {
throw Error;
}
},
get isAppInDock() {
return this.isPinned;
},
isCurrentAppPinnedToTaskbarAsync() {
return Promise.resolve(this.isPinned);
},
isDefaultBrowser() {
return this.isDefault;
},
get macDockSupport() {
return this;
},
// eslint-disable-next-line mozilla/use-chromeutils-generateqi
QueryInterface() {
return this;
@ -63,7 +70,8 @@ function mockShell(overrides = {}) {
return this;
},
pinCurrentAppToTaskbar: sinon.stub(),
ensureAppIsPinnedToDock: sharedPinStub,
pinCurrentAppToTaskbar: sharedPinStub,
setAsDefault: sinon.stub(),
...overrides,
};

View File

@ -14,6 +14,7 @@ default-browser-notification-button =
default-browser-prompt-title-pin = Make { -brand-short-name } your primary browser?
default-browser-prompt-message-pin = Keep { -brand-short-name } at your fingertips — make it your default browser and pin it to your taskbar.
default-browser-prompt-message-pin-mac = Keep { -brand-short-name } at your fingertips — make it your default browser and keep it in your Dock.
default-browser-prompt-button-primary-pin = Make primary browser
default-browser-prompt-title-alt = Make { -brand-short-name } your default browser?
default-browser-prompt-message-alt = Get speed, safety, and privacy every time you browse.

View File

@ -10,42 +10,56 @@
upgrade-dialog-new-title =
Say hello to a new { -brand-short-name }
upgrade-dialog-new-subtitle = Designed to get you where you want to go, faster
# The <span data-l10n-name="zap"></span> in this string allows a "zap" underline
# style to be automatically added to the text inside it. { -brand-short-name }
# should stay inside the span.
upgrade-dialog-new-alt-subtitle = Start by making <span data-l10n-name="zap">{ -brand-short-name }</span> a click away
upgrade-dialog-new-item-menu-title = Streamlined toolbar and menus
upgrade-dialog-new-item-menu-description = Prioritize the important things so you find what you need.
upgrade-dialog-new-item-tabs-title = Modern tabs
upgrade-dialog-new-item-tabs-description = Neatly contain information, supporting focus and flexible movement.
upgrade-dialog-new-item-icons-title = Fresh icons and clearer messages
upgrade-dialog-new-item-icons-description = Help you find your way with a lighter touch.
upgrade-dialog-new-primary-primary-button = Make { -brand-short-name } my primary browser
.title = Sets { -brand-short-name } as default browser and pins to taskbar
upgrade-dialog-new-primary-default-button = Make { -brand-short-name } my default browser
upgrade-dialog-new-primary-pin-button = Pin { -brand-short-name } to my taskbar
upgrade-dialog-new-primary-pin-alt-button = Pin to taskbar
upgrade-dialog-new-primary-theme-button = Choose a theme
upgrade-dialog-new-secondary-button = Not now
# This string is only shown on Windows 7, where we intentionally suppress the
# theme selection screen.
upgrade-dialog-new-primary-win7-button = Okay, got it!
## Pin Firefox screen
##
## These title, subtitle and button strings differ between platforms as they
## match the OS' application context menu item action where Windows uses "pin"
## and "taskbar" while macOS "keep" and "Dock" (proper noun).
# This title can be explicitly wrapped to control which words are on which line.
upgrade-dialog-pin-title = { PLATFORM() ->
[macos] Keep { -brand-short-name } in your Dock
*[other] Pin { -brand-short-name } to your taskbar
}
# The English macOS string avoids repeating "Keep" a third time, so if your
# translations don't repeat anyway, the same string can be used cross-platform.
upgrade-dialog-pin-subtitle = { PLATFORM() ->
[macos] Get easy access to the freshest { -brand-short-name } yet.
*[other] Keep the freshest { -brand-short-name } yet within reach.
}
upgrade-dialog-pin-primary-button = { PLATFORM() ->
[macos] Keep in Dock
*[other] Pin to taskbar
}
upgrade-dialog-pin-secondary-button = Not now
## Default browser screen
# This title can be explicitly wrapped to control which words are on which line.
upgrade-dialog-default-title =
Make { -brand-short-name } your default browser?
upgrade-dialog-default-subtitle = Get speed, safety, and privacy every time you browse.
upgrade-dialog-default-primary-button = Set as default browser
upgrade-dialog-default-title-2 =
Make { -brand-short-name } your default
upgrade-dialog-default-subtitle-2 = Put speed, safety, and privacy on autopilot.
upgrade-dialog-default-primary-button-2 = Make default
upgrade-dialog-default-secondary-button = Not now
## Theme selection screen
# This title can be explicitly wrapped to control which words are on which line.
upgrade-dialog-theme-title =
Get a clean start
with an updated theme
upgrade-dialog-theme-title-2 =
Get a clean start with a crisp theme
upgrade-dialog-theme-system = System theme
.title = Follow the operating system theme for buttons, menus, and windows
upgrade-dialog-theme-light = Light

View File

@ -27,7 +27,6 @@ browser.jar:
* skin/classic/browser/preferences/preferences.css (preferences/preferences.css)
* skin/classic/browser/preferences/dialog.css (preferences/dialog.css)
skin/classic/browser/preferences/applications.css (preferences/applications.css)
* skin/classic/browser/upgradeDialog.css (upgradeDialog.css)
skin/classic/browser/window-controls/close.svg (window-controls/close.svg)
skin/classic/browser/window-controls/minimize.svg (window-controls/minimize.svg)
skin/classic/browser/window-controls/restore.svg (window-controls/restore.svg)

View File

@ -1,5 +0,0 @@
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
%include ../shared/upgradeDialog.inc.css

View File

@ -28,6 +28,5 @@ browser.jar:
* skin/classic/browser/preferences/dialog.css (preferences/dialog.css)
skin/classic/browser/preferences/applications.css (preferences/applications.css)
skin/classic/browser/share.svg (share.svg)
* skin/classic/browser/upgradeDialog.css (upgradeDialog.css)
skin/classic/browser/e10s-64@2x.png (../shared/e10s-64@2x.png)
skin/classic/browser/webRTC-menubar-indicator.css (../shared/webRTC-menubar-indicator.css)

View File

@ -1,5 +0,0 @@
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
%include ../shared/upgradeDialog.inc.css

View File

@ -120,6 +120,7 @@
skin/classic/browser/preferences/siteDataSettings.css (../shared/preferences/siteDataSettings.css)
* skin/classic/browser/preferences/containers.css (../shared/preferences/containers.css)
* skin/classic/browser/preferences/containers-dialog.css (../shared/preferences/containers-dialog.css)
skin/classic/browser/upgradeDialog.css (../shared/upgradeDialog.css)
skin/classic/browser/upgradeDialog/highlights-24.svg (../shared/upgradeDialog/highlights-24.svg)
skin/classic/browser/upgradeDialog/menu-24.svg (../shared/upgradeDialog/menu-24.svg)
skin/classic/browser/upgradeDialog/tabs-24.svg (../shared/upgradeDialog/tabs-24.svg)

View File

@ -13,19 +13,18 @@ body {
}
body {
--logo-pos: 45px;
--margin: 3px;
background: url(chrome://branding/content/about-logo.svg) center
var(--logo-pos) / calc(9px + var(--logo-pos)) no-repeat;
display: flex;
flex-direction: column;
padding: calc(20px + 2 * var(--logo-pos)) 30px 10px;
/* Specify a height based on the theme screen with 2-line title and 2-line
* theme text. This gets overridden if the first screen is taller. */
min-height: calc(336px + 12 * var(--margin));
padding: 24px 30px;
width: 544px;
}
body.compact {
--logo-pos: 25px;
--margin: 0px;
}
@ -33,8 +32,9 @@ body > .hidden {
display: none;
}
spacer {
flex: auto;
.logo {
margin: auto auto calc(4px + 2 * var(--margin));
width: calc(33px + 7 * var(--margin));
}
#title {
@ -51,7 +51,7 @@ spacer {
font-size: 16px;
font-weight: bold;
line-height: 24px;
margin: 0 auto;
margin: 0 auto calc(15px + 2 * var(--margin));
text-align: center;
}
@ -60,19 +60,6 @@ body.compact #subtitle {
line-height: 20px;
}
.image {
background: center / contain no-repeat;
height: calc(110px + 30 * var(--margin));
margin: auto;
width: calc(280px + 40 * var(--margin));
}
/* Force margins on the first screen as it determines the height of subsequent
* screens. This avoids scrollbars on the second screen if text is longer. */
.image[screen="0"] {
margin-block: 30px;
}
.items {
margin: auto;
max-width: calc(392px - 24 * var(--margin));
@ -80,7 +67,7 @@ body.compact #subtitle {
.items > li {
list-style: none;
margin: calc(18px + 2 * var(--margin)) 0;
margin-bottom: calc(18px + 2 * var(--margin));
position: relative;
}
@ -135,7 +122,8 @@ body.compact .items p {
.themes {
display: flex;
padding: 18px 0;
margin-top: auto;
padding: 10px 0;
}
/* Make these theme radio buttons appear like regular buttons. */
@ -174,13 +162,14 @@ body.compact .items p {
/* Display a custom theme swatch at the top of each button. */
.themes > ::before {
background-size: 100%;
border-radius: 100%;
content: "";
height: 62px;
height: 52px;
margin: 0 auto 10px;
outline: 1px solid var(--in-content-border-color);
outline-offset: -0.5px;
width: 62px;
width: 52px;
}
.themes > :checked::before {
@ -221,7 +210,11 @@ body.compact .items p {
#primary,
#secondary {
margin: calc(2px + var(--margin)) auto;
margin: calc(2px + var(--margin) / 3) auto;
}
#primary {
margin-top: auto;
}
#secondary {
@ -235,7 +228,7 @@ body.compact .items p {
display: flex;
gap: 4px;
line-height: 14px;
margin: calc(3 * var(--margin)) auto;
margin: calc(2 * var(--margin)) auto 0;
user-select: none;
}

View File

@ -33,11 +33,6 @@ browser.jar:
* skin/classic/browser/preferences/dialog.css (preferences/dialog.css)
skin/classic/browser/preferences/applications.css (preferences/applications.css)
skin/classic/browser/share.svg (share.svg)
* skin/classic/browser/upgradeDialog.css (upgradeDialog.css)
skin/classic/browser/upgradeDialog/default-ltr.svg (upgradeDialog/default-ltr.svg)
skin/classic/browser/upgradeDialog/default-rtl.svg (upgradeDialog/default-rtl.svg)
skin/classic/browser/upgradeDialog/pin-ltr.svg (upgradeDialog/pin-ltr.svg)
skin/classic/browser/upgradeDialog/pin-rtl.svg (upgradeDialog/pin-rtl.svg)
skin/classic/browser/window-controls/close.svg (window-controls/close.svg)
skin/classic/browser/window-controls/close-highcontrast.svg (window-controls/close-highcontrast.svg)
skin/classic/browser/window-controls/close-themes.svg (window-controls/close-themes.svg)

View File

@ -1,21 +0,0 @@
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
%include ../shared/upgradeDialog.inc.css
.image[screen="0"] {
background-image: url("chrome://browser/skin/upgradeDialog/pin-ltr.svg");
}
.image[screen="0"]:dir(rtl) {
background-image: url("chrome://browser/skin/upgradeDialog/pin-rtl.svg");
}
.image[screen="1"] {
background-image: url("chrome://browser/skin/upgradeDialog/default-ltr.svg");
}
.image[screen="1"]:dir(rtl) {
background-image: url("chrome://browser/skin/upgradeDialog/default-rtl.svg");
}

View File

@ -1,130 +0,0 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg width="268" height="208" viewBox="0 0 268 208" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="52" y="4" width="164" height="198" fill="#F0F0F4"/>
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="52" y="4" width="164" height="198">
<rect x="52" y="4" width="164" height="198" fill="#F0F0F4"/>
</mask>
<g mask="url(#mask0)">
<line x1="60" y1="169.25" x2="204" y2="169.25" stroke="#E0E0E6" stroke-width="0.5"/>
<circle cx="79" cy="194.5" r="14" fill="#E0E0E6"/>
<rect x="60" y="127.5" width="147" height="39" fill="#BFBFC9"/>
<g clip-path="url(#clip0)" filter="url(#filter0_d)">
<path d="M91.47 141.874C90.8814 140.458 89.6894 138.93 88.7533 138.447C89.5152 139.94 89.9561 141.438 90.1246 142.556C90.1246 142.559 90.1254 142.564 90.1272 142.579C88.5959 138.762 85.9995 137.223 83.8792 133.872C83.7722 133.703 83.6648 133.533 83.5602 133.354C83.507 133.262 83.4572 133.169 83.4111 133.074C83.323 132.904 83.2551 132.724 83.2087 132.538C83.209 132.529 83.206 132.521 83.2003 132.514C83.1946 132.507 83.1866 132.503 83.1779 132.502C83.1696 132.499 83.1608 132.499 83.1525 132.502C83.1506 132.502 83.1478 132.505 83.1457 132.505C83.1427 132.507 83.139 132.509 83.1358 132.511C83.1373 132.509 83.1405 132.504 83.1415 132.503C79.7397 134.496 78.5857 138.181 78.4796 140.025C77.1212 140.118 75.8224 140.619 74.7526 141.461C74.6406 141.367 74.5235 141.278 74.4018 141.196C74.0932 140.117 74.0801 138.974 74.3639 137.887C72.9727 138.52 71.8907 139.522 71.1041 140.406H71.0978C70.561 139.726 70.5989 137.483 70.6295 137.014C70.6231 136.985 70.229 137.219 70.1774 137.254C69.7037 137.592 69.2608 137.972 68.854 138.388C68.391 138.857 67.9681 139.365 67.5894 139.904C67.5894 139.905 67.589 139.906 67.5888 139.907C67.5888 139.906 67.5892 139.905 67.5894 139.904C66.7186 141.138 66.101 142.533 65.7723 144.007C65.7659 144.036 65.7604 144.067 65.7541 144.096C65.7286 144.216 65.6369 144.812 65.6208 144.942C65.6196 144.951 65.619 144.961 65.6178 144.971C65.4992 145.588 65.4258 146.212 65.3981 146.839C65.3981 146.862 65.3967 146.885 65.3967 146.909C65.3969 154.387 71.46 160.449 78.9388 160.449C85.6367 160.449 91.198 155.587 92.2868 149.2C92.3097 149.027 92.3281 148.852 92.3483 148.678C92.6175 146.355 92.3184 143.915 91.47 141.874ZM75.8617 152.473C75.9251 152.503 75.9846 152.536 76.0496 152.565C76.0523 152.567 76.056 152.569 76.0588 152.57C75.9926 152.539 75.9269 152.506 75.8617 152.473ZM90.1283 142.582L90.1265 142.569C90.1272 142.574 90.128 142.579 90.1287 142.584L90.1283 142.582Z" fill="url(#paint0_linear)"/>
<path d="M91.47 141.874C90.8814 140.458 89.6894 138.93 88.7533 138.447C89.5152 139.94 89.9561 141.438 90.1246 142.556C90.1246 142.553 90.1252 142.559 90.1266 142.569C90.1273 142.574 90.1281 142.579 90.1289 142.584C91.4066 146.047 90.7105 149.57 89.7074 151.722C88.1556 155.052 84.3985 158.465 78.5179 158.299C72.1644 158.119 66.567 153.405 65.5222 147.23C65.3318 146.256 65.5222 145.762 65.618 144.971C65.5013 145.581 65.4568 145.757 65.3982 146.84C65.3982 146.863 65.3968 146.886 65.3968 146.909C65.3969 154.387 71.46 160.449 78.9388 160.449C85.6367 160.449 91.198 155.587 92.2868 149.2C92.3097 149.027 92.3281 148.852 92.3483 148.678C92.6175 146.355 92.3184 143.915 91.47 141.874Z" fill="url(#paint1_radial)"/>
<path d="M91.47 141.874C90.8814 140.458 89.6894 138.93 88.7533 138.447C89.5152 139.94 89.9561 141.438 90.1246 142.556C90.1246 142.553 90.1252 142.559 90.1266 142.569C90.1273 142.574 90.1281 142.579 90.1289 142.584C91.4066 146.047 90.7105 149.57 89.7074 151.722C88.1556 155.052 84.3985 158.465 78.5179 158.299C72.1644 158.119 66.567 153.405 65.5222 147.23C65.3318 146.256 65.5222 145.762 65.618 144.971C65.5013 145.581 65.4568 145.757 65.3982 146.84C65.3982 146.863 65.3968 146.886 65.3968 146.909C65.3969 154.387 71.46 160.449 78.9388 160.449C85.6367 160.449 91.198 155.587 92.2868 149.2C92.3097 149.027 92.3281 148.852 92.3483 148.678C92.6175 146.355 92.3184 143.915 91.47 141.874Z" fill="url(#paint2_radial)"/>
<path d="M84.8891 143.465C84.9186 143.486 84.9455 143.507 84.9732 143.527C84.6334 142.924 84.2102 142.372 83.7161 141.887C79.5066 137.678 82.6123 132.761 83.1361 132.511C83.1376 132.509 83.1407 132.504 83.1417 132.503C79.7399 134.496 78.5859 138.181 78.4799 140.025C78.6376 140.014 78.795 140.001 78.9556 140.001C81.4941 140.001 83.7051 141.397 84.8891 143.465Z" fill="url(#paint3_radial)"/>
<path d="M78.964 144.306C78.9419 144.643 77.7517 145.804 77.3356 145.804C73.4848 145.804 72.8597 148.134 72.8597 148.134C73.0302 150.095 74.3958 151.71 76.0496 152.565C76.1251 152.604 76.2014 152.639 76.2778 152.674C76.4088 152.732 76.5415 152.786 76.6756 152.837C77.2427 153.037 77.8366 153.152 78.4377 153.176C85.1871 153.493 86.4947 145.108 81.6239 142.673C82.8713 142.456 84.1661 142.957 84.8891 143.465C83.7051 141.396 81.4941 140.001 78.9556 140.001C78.795 140.001 78.6378 140.014 78.4799 140.025C77.1215 140.118 75.8227 140.619 74.7529 141.461C74.9594 141.636 75.1925 141.869 75.6835 142.353C76.6021 143.258 78.959 144.196 78.964 144.306Z" fill="url(#paint4_radial)"/>
<path d="M78.964 144.306C78.9419 144.643 77.7517 145.804 77.3356 145.804C73.4848 145.804 72.8597 148.134 72.8597 148.134C73.0302 150.095 74.3958 151.71 76.0496 152.565C76.1251 152.604 76.2014 152.639 76.2778 152.674C76.4088 152.732 76.5415 152.786 76.6756 152.837C77.2427 153.037 77.8366 153.152 78.4377 153.176C85.1871 153.493 86.4947 145.108 81.6239 142.673C82.8713 142.456 84.1661 142.957 84.8891 143.465C83.7051 141.396 81.4941 140.001 78.9556 140.001C78.795 140.001 78.6378 140.014 78.4799 140.025C77.1215 140.118 75.8227 140.619 74.7529 141.461C74.9594 141.636 75.1925 141.869 75.6835 142.353C76.6021 143.258 78.959 144.196 78.964 144.306Z" fill="url(#paint5_radial)"/>
<path d="M74.1213 141.011C74.2156 141.071 74.3091 141.133 74.4019 141.197C74.0933 140.117 74.0802 138.974 74.364 137.887C72.9728 138.521 71.8908 139.522 71.1042 140.406C71.1693 140.404 73.1335 140.369 74.1213 141.011Z" fill="url(#paint6_radial)"/>
<path d="M65.5222 147.23C66.5671 153.405 72.1644 158.119 78.518 158.299C84.3986 158.465 88.1557 155.052 89.7074 151.722C90.7104 149.57 91.4066 146.048 90.1289 142.584L90.1284 142.582L90.1266 142.569C90.1252 142.559 90.1244 142.553 90.1246 142.556C90.1246 142.559 90.1254 142.564 90.1272 142.579C90.6076 145.715 89.0121 148.754 86.5181 150.808L86.5106 150.826C81.6508 154.783 77.0004 153.213 76.0588 152.571C75.9926 152.539 75.9269 152.506 75.8616 152.473C73.0283 151.119 71.8578 148.537 72.1088 146.324C69.7164 146.324 68.9006 144.306 68.9006 144.306C68.9006 144.306 71.0486 142.774 73.8795 144.106C76.5014 145.34 78.9637 144.306 78.964 144.306C78.959 144.196 76.602 143.258 75.6832 142.353C75.1922 141.869 74.9591 141.636 74.7526 141.461C74.6406 141.367 74.5235 141.278 74.4019 141.196C74.309 141.133 74.2154 141.071 74.1212 141.01C73.1335 140.368 71.1692 140.404 71.1041 140.405H71.0979C70.561 139.726 70.5989 137.483 70.6295 137.014C70.6231 136.985 70.229 137.219 70.1774 137.254C69.7037 137.592 69.2608 137.971 68.854 138.388C68.3911 138.857 67.9681 139.365 67.5894 139.905C67.5894 139.905 67.5891 139.906 67.5888 139.907C67.5888 139.906 67.5892 139.905 67.5894 139.905C66.7187 141.139 66.1011 142.533 65.7724 144.007C65.7659 144.036 65.285 146.139 65.5222 147.23Z" fill="url(#paint7_radial)"/>
<path d="M83.7161 141.887C84.2101 142.372 84.6334 142.924 84.9732 143.527C85.0478 143.583 85.1174 143.639 85.1765 143.694C88.2465 146.522 86.638 150.523 86.518 150.808C89.0121 148.754 90.6075 145.715 90.1272 142.579C88.5959 138.762 85.9994 137.223 83.8792 133.872C83.7721 133.703 83.6648 133.533 83.5602 133.354C83.507 133.262 83.4572 133.169 83.4111 133.074C83.323 132.904 83.2551 132.724 83.2087 132.538C83.209 132.529 83.206 132.521 83.2003 132.514C83.1946 132.507 83.1866 132.503 83.1779 132.502C83.1696 132.499 83.1608 132.499 83.1525 132.502C83.1506 132.502 83.1477 132.505 83.1457 132.505C83.1427 132.507 83.139 132.509 83.1358 132.511C82.6123 132.761 79.5065 137.678 83.7161 141.887Z" fill="url(#paint8_radial)"/>
<path d="M85.1766 143.694C85.1175 143.639 85.0478 143.583 84.9733 143.527C84.9457 143.507 84.9187 143.486 84.8892 143.465C84.1661 142.957 82.8713 142.456 81.6239 142.673C86.4948 145.108 85.1871 153.493 78.4377 153.177C77.8366 153.152 77.2427 153.037 76.6756 152.837C76.5415 152.786 76.4089 152.732 76.2778 152.674C76.2014 152.639 76.1251 152.604 76.0496 152.565C76.0523 152.567 76.056 152.569 76.0588 152.571C77.0004 153.213 81.6508 154.783 86.5106 150.826L86.5181 150.808C86.6381 150.523 88.2466 146.522 85.1766 143.694Z" fill="url(#paint9_radial)"/>
<path d="M72.8596 148.134C72.8596 148.134 73.4847 145.804 77.3355 145.804C77.7518 145.804 78.942 144.643 78.964 144.306C78.986 143.969 76.5016 145.34 73.8795 144.106C71.0486 142.774 68.9006 144.306 68.9006 144.306C68.9006 144.306 69.7164 146.324 72.1088 146.324C71.8579 148.537 73.0283 151.119 75.8616 152.473C75.925 152.503 75.9845 152.536 76.0495 152.565C74.3958 151.71 73.0302 150.095 72.8596 148.134Z" fill="url(#paint10_radial)"/>
<path d="M91.47 141.874C90.8814 140.458 89.6893 138.93 88.7533 138.447C89.5151 139.94 89.956 141.438 90.1245 142.556C90.1245 142.559 90.1254 142.564 90.1272 142.579C88.5959 138.762 85.9994 137.223 83.8792 133.872C83.7721 133.703 83.6648 133.533 83.5602 133.354C83.5069 133.262 83.4572 133.169 83.4111 133.074C83.323 132.904 83.2551 132.724 83.2086 132.538C83.209 132.529 83.206 132.521 83.2003 132.514C83.1946 132.507 83.1866 132.503 83.1779 132.502C83.1696 132.499 83.1608 132.499 83.1525 132.502C83.1505 132.502 83.1477 132.505 83.1457 132.505C83.1427 132.507 83.1389 132.509 83.1358 132.511C83.1373 132.509 83.1405 132.504 83.1414 132.503C79.7396 134.496 78.5856 138.181 78.4796 140.025C78.6374 140.014 78.7947 140.001 78.9553 140.001C81.4939 140.001 83.705 141.397 84.8888 143.465C84.1657 142.957 82.8709 142.456 81.6235 142.673C86.4944 145.108 85.1868 153.493 78.4373 153.177C77.8363 153.152 77.2423 153.037 76.6752 152.837C76.5411 152.786 76.4085 152.732 76.2775 152.674C76.2011 152.639 76.1247 152.604 76.0493 152.565C76.052 152.567 76.0557 152.569 76.0585 152.571C75.9923 152.539 75.9265 152.506 75.8612 152.473C75.9246 152.503 75.9841 152.536 76.0491 152.565C74.3953 151.71 73.0297 150.095 72.8591 148.133C72.8591 148.133 73.4842 145.804 77.335 145.804C77.7513 145.804 78.9415 144.643 78.9635 144.306C78.9585 144.196 76.6015 143.258 75.6827 142.353C75.1918 141.869 74.9586 141.636 74.7522 141.461C74.6402 141.366 74.5231 141.278 74.4014 141.196C74.0927 140.116 74.0796 138.973 74.3634 137.887C72.9723 138.52 71.8903 139.521 71.1037 140.406H71.0974C70.5606 139.726 70.5984 137.483 70.629 137.014C70.6226 136.985 70.2286 137.219 70.177 137.254C69.7032 137.592 69.2604 137.972 68.8536 138.388C68.3907 138.857 67.9679 139.365 67.5894 139.904C67.5894 139.905 67.589 139.906 67.5888 139.907C67.5888 139.906 67.5891 139.905 67.5894 139.904C66.7186 141.138 66.101 142.533 65.7723 144.007C65.7658 144.036 65.7604 144.067 65.754 144.096C65.7286 144.216 65.614 144.821 65.598 144.95C65.5967 144.96 65.5991 144.94 65.598 144.95C65.4934 145.576 65.4268 146.206 65.3983 146.84C65.3983 146.863 65.3969 146.886 65.3969 146.909C65.3969 154.387 71.46 160.449 78.9388 160.449C85.6366 160.449 91.198 155.587 92.2867 149.2C92.3097 149.027 92.328 148.852 92.3483 148.678C92.6174 146.355 92.3184 143.915 91.47 141.874ZM90.1265 142.569C90.1272 142.574 90.1281 142.579 90.1288 142.584L90.1284 142.582L90.1265 142.569Z" fill="url(#paint11_linear)"/>
</g>
<line x1="60" y1="124.25" x2="204" y2="124.25" stroke="#E0E0E6" stroke-width="0.5"/>
<line x1="60" y1="75.25" x2="204" y2="75.25" stroke="#E0E0E6" stroke-width="0.5"/>
<circle cx="79" cy="100.5" r="14" fill="#E0E0E6"/>
<line x1="60" y1="28.25" x2="204" y2="28.25" stroke="#E0E0E6" stroke-width="0.5"/>
<circle cx="79" cy="53.5" r="14" fill="#E0E0E6"/>
<circle cx="79" cy="6.5" r="14" fill="#E0E0E6"/>
</g>
<rect x="52" y="4" width="164" height="38" fill="#9F9FAD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M70 16C70 15.4477 70.4477 15 71 15C71.5523 15 72 15.4477 72 16C72 17.6922 74.046 18.5398 75.2426 17.3431C75.6331 16.9526 76.2663 16.9526 76.6568 17.3431C77.0473 17.7337 77.0473 18.3668 76.6568 18.7574C75.4601 19.954 76.3078 22 78 22C78.5523 22 79 22.4477 79 23C79 23.5523 78.5523 24 78 24C76.3077 24 75.4603 26.0461 76.6569 27.2426C77.0474 27.6332 77.0474 28.2663 76.6569 28.6568C76.2664 29.0474 75.6332 29.0474 75.2427 28.6568C74.046 27.4602 72 28.3077 72 30C72 30.5523 71.5523 31 71 31C70.4477 31 70 30.5523 70 30C70 28.3077 67.9539 27.4603 66.7573 28.6569C66.3668 29.0474 65.7336 29.0474 65.3431 28.6569C64.9526 28.2663 64.9526 27.6332 65.3431 27.2426C66.5396 26.0461 65.6924 24 64 24C63.4477 24 63 23.5523 63 23C63 22.4477 63.4477 22 64 22C65.6922 22 66.5398 19.954 65.3432 18.7573C64.9527 18.3668 64.9527 17.7337 65.3432 17.3431C65.7337 16.9526 66.3669 16.9526 66.7574 17.3431C67.954 18.5397 70 17.6923 70 16ZM69.5858 21.5858C69.9609 21.2107 70.4696 21 71 21C71.5304 21 72.0391 21.2107 72.4142 21.5858C72.7893 21.9609 73 22.4696 73 23C73 23.5304 72.7893 24.0391 72.4142 24.4142C72.0391 24.7893 71.5304 25 71 25C70.4696 25 69.9609 24.7893 69.5858 24.4142C69.2107 24.0391 69 23.5304 69 23C69 22.4696 69.2107 21.9609 69.5858 21.5858ZM71 19C69.9391 19 68.9217 19.4214 68.1716 20.1716C67.4214 20.9217 67 21.9391 67 23C67 24.0609 67.4214 25.0783 68.1716 25.8284C68.9217 26.5786 69.9391 27 71 27C72.0609 27 73.0783 26.5786 73.8284 25.8284C74.5786 25.0783 75 24.0609 75 23C75 21.9391 74.5786 20.9217 73.8284 20.1716C73.0783 19.4214 72.0609 19 71 19Z" fill="#80808F"/>
<rect x="158.25" y="15.25" width="6.5" height="0.5" fill="#0A204D" stroke="#80808F" stroke-width="0.5"/>
<rect x="200.182" y="18.1924" width="8.5" height="0.5" transform="rotate(-45 200.182 18.1924)" fill="#0A204D" stroke="#80808F" stroke-width="0.5"/>
<rect x="200.536" y="12.182" width="8.5" height="0.5" transform="rotate(45 200.536 12.182)" fill="#0A204D" stroke="#80808F" stroke-width="0.5"/>
<rect x="178.5" y="11.5" width="10" height="7" stroke="#80808F"/>
<g filter="url(#filter1_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M185.837 154.524L190.483 152.872L177.997 146.005L181.637 159.786L184.363 155.676L187.627 159.855L189.101 158.703L185.837 154.524Z" fill="#363B3E"/>
<path d="M186.658 154.763L190.651 153.343L191.699 152.97L190.724 152.434L178.238 145.567L177.215 145.005L177.513 146.133L181.154 159.914L181.438 160.991L182.054 160.062L184.396 156.531L187.233 160.163L187.541 160.557L187.935 160.249L189.409 159.097L189.803 158.789L189.495 158.395L186.658 154.763Z" stroke="white" stroke-opacity="0.8"/>
</g>
<defs>
<filter id="filter0_d" x="-15.5047" y="52.5" width="188.85" height="188.85" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset/>
<feGaussianBlur stdDeviation="40"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="173.434" y="142.004" width="22.4818" height="24.1908" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="88.9956" y1="136.832" x2="67.2515" y2="157.807" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#FFF44F"/>
<stop offset="0.37" stop-color="#FF980E"/>
<stop offset="0.53" stop-color="#FF3647"/>
<stop offset="0.7" stop-color="#E31587"/>
</linearGradient>
<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(84.1381 135.616) scale(27.6965 28.163)">
<stop offset="0.13" stop-color="#FFBD4F"/>
<stop offset="0.28" stop-color="#FF980E"/>
<stop offset="0.47" stop-color="#FF3750"/>
<stop offset="0.78" stop-color="#EB0878"/>
<stop offset="0.86" stop-color="#E50080"/>
</radialGradient>
<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(76.1071 147.247) scale(28.389 28.163)">
<stop offset="0.3" stop-color="#960E18"/>
<stop offset="0.35" stop-color="#B11927" stop-opacity="0.74"/>
<stop offset="0.43" stop-color="#DB293D" stop-opacity="0.34"/>
<stop offset="0.5" stop-color="#F5334B" stop-opacity="0.09"/>
<stop offset="0.53" stop-color="#FF3750" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(81.5967 131.18) scale(9.09074 15.4338)">
<stop offset="0.13" stop-color="#FFF44F"/>
<stop offset="0.53" stop-color="#FF980E"/>
</radialGradient>
<radialGradient id="paint4_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(75.5976 154.518) scale(12.0295 13.1844)">
<stop offset="0.35" stop-color="#3A8EE6"/>
<stop offset="0.67" stop-color="#9059FF"/>
<stop offset="1" stop-color="#C139E6"/>
</radialGradient>
<radialGradient id="paint5_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(77.653 144.352) scale(6.38764 7.7788)">
<stop offset="0.21" stop-color="#9059FF" stop-opacity="0"/>
<stop offset="0.97" stop-color="#6E008B" stop-opacity="0.6"/>
</radialGradient>
<radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(78.0295 134.578) scale(9.56349 9.59749)">
<stop offset="0.1" stop-color="#FFE226"/>
<stop offset="0.79" stop-color="#FF7139"/>
</radialGradient>
<radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(86.7636 128.282) scale(45.658 38.3273)">
<stop offset="0.11" stop-color="#FFF44F"/>
<stop offset="0.46" stop-color="#FF980E"/>
<stop offset="0.72" stop-color="#FF3647"/>
<stop offset="0.9" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(69.807 140.939) rotate(77.3945) scale(14.4857 62.6632)">
<stop stop-color="#FFF44F"/>
<stop offset="0.3" stop-color="#FF980E"/>
<stop offset="0.57" stop-color="#FF3647"/>
<stop offset="0.74" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint9_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(78.1279 138.03) scale(26.2144 25.7538)">
<stop offset="0.14" stop-color="#FFF44F"/>
<stop offset="0.48" stop-color="#FF980E"/>
<stop offset="0.66" stop-color="#FF3647"/>
<stop offset="0.9" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(84.9318 139.536) scale(31.5089 28.1884)">
<stop offset="0.09" stop-color="#FFF44F"/>
<stop offset="0.63" stop-color="#FF980E"/>
</radialGradient>
<linearGradient id="paint11_linear" x1="87.0347" y1="136.413" x2="69.6469" y2="155.411" gradientUnits="userSpaceOnUse">
<stop offset="0.17" stop-color="#FFF44F" stop-opacity="0.8"/>
<stop offset="0.6" stop-color="#FFF44F" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0">
<rect width="28.8505" height="28.8505" fill="white" transform="translate(64.4953 132.5)"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 19 KiB

View File

@ -1,130 +0,0 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg width="268" height="208" viewBox="0 0 268 208" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="164" height="198" transform="matrix(-1 0 0 1 216 4)" fill="#F0F0F4"/>
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="52" y="4" width="164" height="198">
<rect width="164" height="198" transform="matrix(-1 0 0 1 216 4)" fill="#F0F0F4"/>
</mask>
<g mask="url(#mask0)">
<line y1="-0.25" x2="144" y2="-0.25" transform="matrix(-1 0 0 1 208 169.5)" stroke="#E0E0E6" stroke-width="0.5"/>
<circle r="14" transform="matrix(-1 0 0 1 189 194.5)" fill="#E0E0E6"/>
<rect width="147" height="39" transform="matrix(-1 0 0 1 208 127.5)" fill="#BFBFC9"/>
<g clip-path="url(#clip0)" filter="url(#filter0_d)">
<path d="M201.629 141.874C201.04 140.458 199.848 138.93 198.912 138.447C199.674 139.94 200.115 141.438 200.283 142.556C200.283 142.559 200.284 142.564 200.286 142.579C198.755 138.762 196.158 137.223 194.038 133.872C193.931 133.703 193.824 133.533 193.719 133.354C193.666 133.262 193.616 133.169 193.57 133.074C193.482 132.904 193.414 132.724 193.368 132.538C193.368 132.529 193.365 132.521 193.359 132.514C193.354 132.507 193.346 132.503 193.337 132.502C193.329 132.499 193.32 132.499 193.311 132.502C193.309 132.502 193.307 132.505 193.305 132.505C193.302 132.507 193.298 132.509 193.295 132.511C193.296 132.509 193.299 132.504 193.3 132.503C189.899 134.496 188.745 138.181 188.639 140.025C187.28 140.118 185.981 140.619 184.912 141.461C184.8 141.367 184.682 141.278 184.561 141.196C184.252 140.117 184.239 138.974 184.523 137.887C183.132 138.52 182.05 139.522 181.263 140.406H181.257C180.72 139.726 180.758 137.483 180.788 137.014C180.782 136.985 180.388 137.219 180.336 137.254C179.863 137.592 179.42 137.972 179.013 138.388C178.55 138.857 178.127 139.365 177.748 139.904C177.748 139.905 177.748 139.906 177.748 139.907C177.748 139.906 177.748 139.905 177.748 139.904C176.878 141.138 176.26 142.533 175.931 144.007C175.925 144.036 175.919 144.067 175.913 144.096C175.888 144.216 175.796 144.812 175.78 144.942C175.778 144.951 175.778 144.961 175.777 144.971C175.658 145.588 175.585 146.212 175.557 146.839C175.557 146.862 175.556 146.885 175.556 146.909C175.556 154.387 181.619 160.449 189.098 160.449C195.796 160.449 201.357 155.587 202.446 149.2C202.469 149.027 202.487 148.852 202.507 148.678C202.776 146.355 202.477 143.915 201.629 141.874ZM186.021 152.473C186.084 152.503 186.143 152.536 186.208 152.565C186.211 152.567 186.215 152.569 186.218 152.57C186.151 152.539 186.086 152.506 186.021 152.473V152.473ZM200.287 142.582L200.285 142.569C200.286 142.574 200.287 142.579 200.288 142.584L200.287 142.582Z" fill="url(#paint0_linear)"/>
<path d="M201.629 141.874C201.04 140.458 199.848 138.93 198.912 138.447C199.674 139.94 200.115 141.438 200.284 142.556C200.284 142.553 200.284 142.559 200.286 142.569C200.286 142.574 200.287 142.579 200.288 142.584C201.566 146.047 200.869 149.57 199.866 151.722C198.315 155.052 194.558 158.465 188.677 158.299C182.323 158.119 176.726 153.405 175.681 147.23C175.491 146.256 175.681 145.762 175.777 144.971C175.66 145.581 175.616 145.757 175.557 146.84C175.557 146.863 175.556 146.886 175.556 146.909C175.556 154.387 181.619 160.449 189.098 160.449C195.796 160.449 201.357 155.587 202.446 149.2C202.469 149.027 202.487 148.852 202.507 148.678C202.776 146.355 202.477 143.915 201.629 141.874Z" fill="url(#paint1_radial)"/>
<path d="M201.629 141.874C201.04 140.458 199.848 138.93 198.912 138.447C199.674 139.94 200.115 141.438 200.284 142.556C200.284 142.553 200.284 142.559 200.286 142.569C200.286 142.574 200.287 142.579 200.288 142.584C201.566 146.047 200.869 149.57 199.866 151.722C198.315 155.052 194.558 158.465 188.677 158.299C182.323 158.119 176.726 153.405 175.681 147.23C175.491 146.256 175.681 145.762 175.777 144.971C175.66 145.581 175.616 145.757 175.557 146.84C175.557 146.863 175.556 146.886 175.556 146.909C175.556 154.387 181.619 160.449 189.098 160.449C195.796 160.449 201.357 155.587 202.446 149.2C202.469 149.027 202.487 148.852 202.507 148.678C202.776 146.355 202.477 143.915 201.629 141.874Z" fill="url(#paint2_radial)"/>
<path d="M195.048 143.465C195.078 143.486 195.104 143.507 195.132 143.527C194.792 142.924 194.369 142.372 193.875 141.887C189.665 137.678 192.771 132.761 193.295 132.511C193.296 132.509 193.3 132.504 193.301 132.503C189.899 134.496 188.745 138.181 188.639 140.025C188.797 140.014 188.954 140.001 189.114 140.001C191.653 140.001 193.864 141.397 195.048 143.465V143.465Z" fill="url(#paint3_radial)"/>
<path d="M189.123 144.306C189.101 144.643 187.911 145.804 187.494 145.804C183.644 145.804 183.019 148.134 183.019 148.134C183.189 150.095 184.555 151.71 186.209 152.565C186.284 152.604 186.36 152.639 186.437 152.674C186.568 152.732 186.7 152.786 186.835 152.837C187.402 153.037 187.996 153.152 188.597 153.176C195.346 153.493 196.654 145.108 191.783 142.673C193.03 142.456 194.325 142.957 195.048 143.465C193.864 141.396 191.653 140.001 189.115 140.001C188.954 140.001 188.797 140.014 188.639 140.025C187.28 140.118 185.982 140.619 184.912 141.461C185.118 141.636 185.351 141.869 185.842 142.353C186.761 143.258 189.118 144.196 189.123 144.306V144.306Z" fill="url(#paint4_radial)"/>
<path d="M189.123 144.306C189.101 144.643 187.911 145.804 187.494 145.804C183.644 145.804 183.019 148.134 183.019 148.134C183.189 150.095 184.555 151.71 186.209 152.565C186.284 152.604 186.36 152.639 186.437 152.674C186.568 152.732 186.7 152.786 186.835 152.837C187.402 153.037 187.996 153.152 188.597 153.176C195.346 153.493 196.654 145.108 191.783 142.673C193.03 142.456 194.325 142.957 195.048 143.465C193.864 141.396 191.653 140.001 189.115 140.001C188.954 140.001 188.797 140.014 188.639 140.025C187.28 140.118 185.982 140.619 184.912 141.461C185.118 141.636 185.351 141.869 185.842 142.353C186.761 143.258 189.118 144.196 189.123 144.306V144.306Z" fill="url(#paint5_radial)"/>
<path d="M184.28 141.011C184.375 141.071 184.468 141.133 184.561 141.197C184.252 140.117 184.239 138.974 184.523 137.887C183.132 138.521 182.05 139.522 181.263 140.406C181.328 140.404 183.292 140.369 184.28 141.011V141.011Z" fill="url(#paint6_radial)"/>
<path d="M175.681 147.23C176.726 153.405 182.323 158.119 188.677 158.299C194.557 158.465 198.315 155.052 199.866 151.722C200.869 149.57 201.566 146.048 200.288 142.584L200.287 142.582L200.286 142.569C200.284 142.559 200.283 142.553 200.284 142.556C200.284 142.559 200.284 142.564 200.286 142.579C200.766 145.715 199.171 148.754 196.677 150.808L196.669 150.826C191.81 154.783 187.159 153.213 186.218 152.571C186.152 152.539 186.086 152.506 186.021 152.473C183.187 151.119 182.017 148.537 182.268 146.324C179.875 146.324 179.06 144.306 179.06 144.306C179.06 144.306 181.208 142.774 184.038 144.106C186.66 145.34 189.123 144.306 189.123 144.306C189.118 144.196 186.761 143.258 185.842 142.353C185.351 141.869 185.118 141.636 184.912 141.461C184.8 141.367 184.682 141.278 184.561 141.196C184.468 141.133 184.374 141.071 184.28 141.01C183.292 140.368 181.328 140.404 181.263 140.405H181.257C180.72 139.726 180.758 137.483 180.788 137.014C180.782 136.985 180.388 137.219 180.336 137.254C179.863 137.592 179.42 137.971 179.013 138.388C178.55 138.857 178.127 139.365 177.748 139.905C177.748 139.905 177.748 139.906 177.748 139.907C177.748 139.906 177.748 139.905 177.748 139.905C176.878 141.139 176.26 142.533 175.931 144.007C175.925 144.036 175.444 146.139 175.681 147.23V147.23Z" fill="url(#paint7_radial)"/>
<path d="M193.875 141.887C194.369 142.372 194.792 142.924 195.132 143.527C195.207 143.583 195.276 143.639 195.335 143.694C198.405 146.522 196.797 150.523 196.677 150.808C199.171 148.754 200.766 145.715 200.286 142.579C198.755 138.762 196.158 137.223 194.038 133.872C193.931 133.703 193.824 133.533 193.719 133.354C193.666 133.262 193.616 133.169 193.57 133.074C193.482 132.904 193.414 132.724 193.368 132.538C193.368 132.529 193.365 132.521 193.359 132.514C193.354 132.507 193.346 132.503 193.337 132.502C193.328 132.499 193.32 132.499 193.311 132.502C193.309 132.502 193.307 132.505 193.305 132.505C193.302 132.507 193.298 132.509 193.295 132.511C192.771 132.761 189.665 137.678 193.875 141.887V141.887Z" fill="url(#paint8_radial)"/>
<path d="M195.336 143.694C195.276 143.639 195.207 143.583 195.132 143.527C195.105 143.507 195.078 143.486 195.048 143.465C194.325 142.957 193.03 142.456 191.783 142.673C196.654 145.108 195.346 153.493 188.597 153.177C187.996 153.152 187.402 153.037 186.835 152.837C186.7 152.786 186.568 152.732 186.437 152.674C186.36 152.639 186.284 152.604 186.209 152.565C186.211 152.567 186.215 152.569 186.218 152.571C187.159 153.213 191.81 154.783 196.67 150.826L196.677 150.808C196.797 150.523 198.406 146.522 195.336 143.694V143.694Z" fill="url(#paint9_radial)"/>
<path d="M183.019 148.134C183.019 148.134 183.644 145.804 187.494 145.804C187.911 145.804 189.101 144.643 189.123 144.306C189.145 143.969 186.661 145.34 184.038 144.106C181.208 142.774 179.06 144.306 179.06 144.306C179.06 144.306 179.875 146.324 182.268 146.324C182.017 148.537 183.187 151.119 186.021 152.473C186.084 152.503 186.143 152.536 186.208 152.565C184.555 151.71 183.189 150.095 183.019 148.134V148.134Z" fill="url(#paint10_radial)"/>
<path d="M201.629 141.874C201.04 140.458 199.848 138.93 198.912 138.447C199.674 139.94 200.115 141.438 200.283 142.556C200.283 142.559 200.284 142.564 200.286 142.579C198.755 138.762 196.158 137.223 194.038 133.872C193.931 133.703 193.824 133.533 193.719 133.354C193.666 133.262 193.616 133.169 193.57 133.074C193.482 132.904 193.414 132.724 193.368 132.538C193.368 132.529 193.365 132.521 193.359 132.514C193.354 132.507 193.346 132.503 193.337 132.502C193.329 132.499 193.32 132.499 193.311 132.502C193.31 132.502 193.307 132.505 193.305 132.505C193.302 132.507 193.298 132.509 193.295 132.511C193.296 132.509 193.299 132.504 193.3 132.503C189.899 134.496 188.745 138.181 188.639 140.025C188.796 140.014 188.954 140.001 189.114 140.001C191.653 140.001 193.864 141.397 195.048 143.465C194.325 142.957 193.03 142.456 191.783 142.673C196.653 145.108 195.346 153.493 188.596 153.177C187.995 153.152 187.401 153.037 186.834 152.837C186.7 152.786 186.567 152.732 186.436 152.674C186.36 152.639 186.284 152.604 186.208 152.565C186.211 152.567 186.215 152.569 186.217 152.571C186.151 152.539 186.085 152.506 186.02 152.473C186.084 152.503 186.143 152.536 186.208 152.565C184.554 151.71 183.189 150.095 183.018 148.133C183.018 148.133 183.643 145.804 187.494 145.804C187.91 145.804 189.1 144.643 189.122 144.306C189.117 144.196 186.761 143.258 185.842 142.353C185.351 141.869 185.118 141.636 184.911 141.461C184.799 141.366 184.682 141.278 184.56 141.196C184.252 140.116 184.239 138.973 184.522 137.887C183.131 138.52 182.049 139.521 181.263 140.406H181.256C180.72 139.726 180.757 137.483 180.788 137.014C180.782 136.985 180.388 137.219 180.336 137.254C179.862 137.592 179.419 137.972 179.013 138.388C178.55 138.857 178.127 139.365 177.748 139.904C177.748 139.905 177.748 139.906 177.748 139.907C177.748 139.906 177.748 139.905 177.748 139.904C176.878 141.138 176.26 142.533 175.931 144.007C175.925 144.036 175.919 144.067 175.913 144.096C175.888 144.216 175.773 144.821 175.757 144.95C175.756 144.96 175.758 144.94 175.757 144.95C175.652 145.576 175.586 146.206 175.557 146.84C175.557 146.863 175.556 146.886 175.556 146.909C175.556 154.387 181.619 160.449 189.098 160.449C195.796 160.449 201.357 155.587 202.446 149.2C202.469 149.027 202.487 148.852 202.507 148.678C202.776 146.355 202.477 143.915 201.629 141.874ZM200.286 142.569C200.286 142.574 200.287 142.579 200.288 142.584L200.287 142.582L200.286 142.569V142.569Z" fill="url(#paint11_linear)"/>
</g>
<line y1="-0.25" x2="144" y2="-0.25" transform="matrix(-1 0 0 1 208 124.5)" stroke="#E0E0E6" stroke-width="0.5"/>
<line y1="-0.25" x2="144" y2="-0.25" transform="matrix(-1 0 0 1 208 75.5)" stroke="#E0E0E6" stroke-width="0.5"/>
<circle r="14" transform="matrix(-1 0 0 1 189 100.5)" fill="#E0E0E6"/>
<line y1="-0.25" x2="144" y2="-0.25" transform="matrix(-1 0 0 1 208 28.5)" stroke="#E0E0E6" stroke-width="0.5"/>
<circle r="14" transform="matrix(-1 0 0 1 189 53.5)" fill="#E0E0E6"/>
<circle r="14" transform="matrix(-1 0 0 1 189 6.5)" fill="#E0E0E6"/>
</g>
<rect width="164" height="38" transform="matrix(-1 0 0 1 216 4)" fill="#9F9FAD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M198 16C198 15.4477 197.552 15 197 15C196.448 15 196 15.4477 196 16C196 17.6922 193.954 18.5398 192.757 17.3431C192.367 16.9526 191.734 16.9526 191.343 17.3431C190.953 17.7337 190.953 18.3668 191.343 18.7574C192.54 19.954 191.692 22 190 22C189.448 22 189 22.4477 189 23C189 23.5523 189.448 24 190 24C191.692 24 192.54 26.0461 191.343 27.2426C190.953 27.6332 190.953 28.2663 191.343 28.6568C191.734 29.0474 192.367 29.0474 192.757 28.6568C193.954 27.4602 196 28.3077 196 30C196 30.5523 196.448 31 197 31C197.552 31 198 30.5523 198 30C198 28.3077 200.046 27.4603 201.243 28.6569C201.633 29.0474 202.266 29.0474 202.657 28.6569C203.047 28.2663 203.047 27.6332 202.657 27.2426C201.46 26.0461 202.308 24 204 24C204.552 24 205 23.5523 205 23C205 22.4477 204.552 22 204 22C202.308 22 201.46 19.954 202.657 18.7573C203.047 18.3668 203.047 17.7337 202.657 17.3431C202.266 16.9526 201.633 16.9526 201.243 17.3431C200.046 18.5397 198 17.6923 198 16ZM198.414 21.5858C198.039 21.2107 197.53 21 197 21C196.47 21 195.961 21.2107 195.586 21.5858C195.211 21.9609 195 22.4696 195 23C195 23.5304 195.211 24.0391 195.586 24.4142C195.961 24.7893 196.47 25 197 25C197.53 25 198.039 24.7893 198.414 24.4142C198.789 24.0391 199 23.5304 199 23C199 22.4696 198.789 21.9609 198.414 21.5858ZM197 19C198.061 19 199.078 19.4214 199.828 20.1716C200.579 20.9217 201 21.9391 201 23C201 24.0609 200.579 25.0783 199.828 25.8284C199.078 26.5786 198.061 27 197 27C195.939 27 194.922 26.5786 194.172 25.8284C193.421 25.0783 193 24.0609 193 23C193 21.9391 193.421 20.9217 194.172 20.1716C194.922 19.4214 195.939 19 197 19Z" fill="#80808F"/>
<rect x="-0.25" y="0.25" width="6.5" height="0.5" transform="matrix(-1 0 0 1 109.5 15)" fill="#0A204D" stroke="#80808F" stroke-width="0.5"/>
<rect x="-0.353553" width="8.5" height="0.5" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 67.568 17.9424)" fill="#0A204D" stroke="#80808F" stroke-width="0.5"/>
<rect x="2.98023e-08" y="0.353553" width="8.5" height="0.5" transform="matrix(-0.707107 0.707107 0.707107 0.707107 67.2145 11.932)" fill="#0A204D" stroke="#80808F" stroke-width="0.5"/>
<rect x="-0.5" y="0.5" width="10" height="7" transform="matrix(-1 0 0 1 89 11)" stroke="#80808F"/>
<g filter="url(#filter1_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M162.841 154.524L167.487 152.872L155 146.005L158.64 159.786L161.366 155.676L164.63 159.855L166.104 158.703L162.841 154.524V154.524Z" fill="#363B3E"/>
<path d="M167.654 153.343L168.703 152.97L167.727 152.434L155.241 145.567L154.219 145.005L154.517 146.133L158.157 159.914L158.441 160.991L159.057 160.062L161.399 156.531L164.236 160.163L164.544 160.557L164.938 160.249L166.412 159.097L166.806 158.789L166.498 158.395L163.662 154.763L167.654 153.343Z" stroke="white" stroke-opacity="0.8"/>
</g>
<defs>
<filter id="filter0_d" x="94.6542" y="52.5" width="188.85" height="188.85" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset/>
<feGaussianBlur stdDeviation="40"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="150.437" y="142.004" width="22.4818" height="24.1908" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="199.155" y1="136.832" x2="177.41" y2="157.807" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#FFF44F"/>
<stop offset="0.37" stop-color="#FF980E"/>
<stop offset="0.53" stop-color="#FF3647"/>
<stop offset="0.7" stop-color="#E31587"/>
</linearGradient>
<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(194.297 135.616) scale(27.6965 28.163)">
<stop offset="0.13" stop-color="#FFBD4F"/>
<stop offset="0.28" stop-color="#FF980E"/>
<stop offset="0.47" stop-color="#FF3750"/>
<stop offset="0.78" stop-color="#EB0878"/>
<stop offset="0.86" stop-color="#E50080"/>
</radialGradient>
<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(186.266 147.247) scale(28.389 28.163)">
<stop offset="0.3" stop-color="#960E18"/>
<stop offset="0.35" stop-color="#B11927" stop-opacity="0.74"/>
<stop offset="0.43" stop-color="#DB293D" stop-opacity="0.34"/>
<stop offset="0.5" stop-color="#F5334B" stop-opacity="0.09"/>
<stop offset="0.53" stop-color="#FF3750" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(191.756 131.18) scale(9.09074 15.4338)">
<stop offset="0.13" stop-color="#FFF44F"/>
<stop offset="0.53" stop-color="#FF980E"/>
</radialGradient>
<radialGradient id="paint4_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(185.756 154.518) scale(12.0295 13.1844)">
<stop offset="0.35" stop-color="#3A8EE6"/>
<stop offset="0.67" stop-color="#9059FF"/>
<stop offset="1" stop-color="#C139E6"/>
</radialGradient>
<radialGradient id="paint5_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(187.812 144.352) scale(6.38764 7.7788)">
<stop offset="0.21" stop-color="#9059FF" stop-opacity="0"/>
<stop offset="0.97" stop-color="#6E008B" stop-opacity="0.6"/>
</radialGradient>
<radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(188.188 134.578) scale(9.56349 9.59749)">
<stop offset="0.1" stop-color="#FFE226"/>
<stop offset="0.79" stop-color="#FF7139"/>
</radialGradient>
<radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(196.922 128.282) scale(45.658 38.3273)">
<stop offset="0.11" stop-color="#FFF44F"/>
<stop offset="0.46" stop-color="#FF980E"/>
<stop offset="0.72" stop-color="#FF3647"/>
<stop offset="0.9" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(179.966 140.939) rotate(77.3945) scale(14.4857 62.6632)">
<stop stop-color="#FFF44F"/>
<stop offset="0.3" stop-color="#FF980E"/>
<stop offset="0.57" stop-color="#FF3647"/>
<stop offset="0.74" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint9_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(188.287 138.03) scale(26.2144 25.7538)">
<stop offset="0.14" stop-color="#FFF44F"/>
<stop offset="0.48" stop-color="#FF980E"/>
<stop offset="0.66" stop-color="#FF3647"/>
<stop offset="0.9" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(195.091 139.536) scale(31.5089 28.1884)">
<stop offset="0.09" stop-color="#FFF44F"/>
<stop offset="0.63" stop-color="#FF980E"/>
</radialGradient>
<linearGradient id="paint11_linear" x1="197.194" y1="136.413" x2="179.806" y2="155.411" gradientUnits="userSpaceOnUse">
<stop offset="0.17" stop-color="#FFF44F" stop-opacity="0.8"/>
<stop offset="0.6" stop-color="#FFF44F" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0">
<rect width="28.8505" height="28.8505" fill="white" transform="translate(174.654 132.5)"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 20 KiB

View File

@ -1,106 +0,0 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg width="516" height="160" viewBox="0 0 516 160" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<rect y="95.8525" width="516.129" height="64.1475" fill="#F0F0F4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M385.622 0H146.728V95.8525H385.622V0ZM297.88 160V95.8526H233.733V160H297.88Z" fill="#9F9FAD"/>
<g clip-path="url(#clip1)">
<path d="M281.57 122.098C280.848 120.361 279.386 118.486 278.237 117.894C279.172 119.726 279.713 121.564 279.92 122.936C279.92 122.938 279.921 122.945 279.923 122.963C278.044 118.281 274.859 116.393 272.258 112.283C272.127 112.075 271.995 111.866 271.867 111.647C271.802 111.534 271.741 111.42 271.684 111.303C271.576 111.094 271.493 110.874 271.436 110.646C271.436 110.635 271.432 110.624 271.425 110.616C271.418 110.608 271.409 110.603 271.398 110.601C271.388 110.598 271.377 110.598 271.367 110.601C271.364 110.602 271.361 110.605 271.358 110.606C271.355 110.607 271.35 110.611 271.346 110.613C271.348 110.61 271.352 110.605 271.353 110.603C267.18 113.047 265.764 117.568 265.634 119.83C263.968 119.945 262.375 120.559 261.062 121.592C260.925 121.476 260.781 121.368 260.632 121.267C260.253 119.943 260.237 118.541 260.585 117.207C258.879 117.984 257.552 119.213 256.587 120.297H256.579C255.92 119.463 255.967 116.712 256.004 116.137C255.996 116.102 255.513 116.388 255.45 116.431C254.869 116.846 254.325 117.311 253.826 117.822C253.258 118.398 252.739 119.02 252.275 119.682C252.275 119.683 252.275 119.684 252.274 119.685C252.274 119.684 252.275 119.683 252.275 119.682C251.207 121.196 250.449 122.907 250.046 124.715C250.038 124.751 250.031 124.788 250.024 124.825C249.992 124.971 249.88 125.703 249.86 125.861C249.859 125.874 249.858 125.885 249.856 125.898C249.711 126.654 249.621 127.42 249.587 128.19C249.587 128.218 249.585 128.246 249.585 128.274C249.585 137.448 257.023 144.885 266.198 144.885C274.414 144.885 281.236 138.92 282.572 131.085C282.6 130.873 282.623 130.659 282.647 130.445C282.978 127.596 282.611 124.602 281.57 122.098ZM262.423 135.1C262.501 135.137 262.574 135.178 262.653 135.213C262.657 135.216 262.661 135.218 262.665 135.22C262.583 135.181 262.503 135.141 262.423 135.1ZM279.924 122.967L279.922 122.951C279.923 122.957 279.924 122.963 279.925 122.969L279.924 122.967Z" fill="url(#paint0_linear)"/>
<path d="M281.57 122.098C280.848 120.362 279.386 118.487 278.237 117.894C279.172 119.726 279.713 121.564 279.92 122.936C279.92 122.932 279.92 122.939 279.922 122.951C279.923 122.957 279.924 122.963 279.925 122.969C281.492 127.218 280.638 131.539 279.408 134.18C277.504 138.265 272.895 142.452 265.681 142.247C257.887 142.027 251.021 136.244 249.739 128.669C249.505 127.475 249.739 126.868 249.857 125.898C249.713 126.646 249.659 126.862 249.587 128.19C249.587 128.219 249.585 128.247 249.585 128.275C249.585 137.448 257.023 144.885 266.198 144.885C274.414 144.885 281.236 138.92 282.572 131.086C282.6 130.873 282.623 130.659 282.647 130.445C282.978 127.596 282.611 124.602 281.57 122.098Z" fill="url(#paint1_radial)"/>
<path d="M281.57 122.098C280.848 120.362 279.386 118.487 278.237 117.894C279.172 119.726 279.713 121.564 279.92 122.936C279.92 122.932 279.92 122.939 279.922 122.951C279.923 122.957 279.924 122.963 279.925 122.969C281.492 127.218 280.638 131.539 279.408 134.18C277.504 138.265 272.895 142.452 265.681 142.247C257.887 142.027 251.021 136.244 249.739 128.669C249.505 127.475 249.739 126.868 249.857 125.898C249.713 126.646 249.659 126.862 249.587 128.19C249.587 128.219 249.585 128.247 249.585 128.275C249.585 137.448 257.023 144.885 266.198 144.885C274.414 144.885 281.236 138.92 282.572 131.086C282.6 130.873 282.623 130.659 282.647 130.445C282.978 127.596 282.611 124.602 281.57 122.098Z" fill="url(#paint2_radial)"/>
<path d="M273.497 124.051C273.533 124.076 273.566 124.101 273.6 124.127C273.183 123.387 272.664 122.709 272.058 122.114C266.894 116.951 270.704 110.919 271.346 110.612C271.348 110.61 271.352 110.604 271.353 110.603C267.18 113.047 265.765 117.568 265.635 119.83C265.828 119.817 266.021 119.8 266.218 119.8C269.332 119.8 272.045 121.513 273.497 124.051Z" fill="url(#paint3_radial)"/>
<path d="M266.229 125.082C266.201 125.495 264.741 126.92 264.231 126.92C259.507 126.92 258.74 129.777 258.74 129.777C258.949 132.183 260.625 134.165 262.653 135.213C262.746 135.261 262.84 135.304 262.933 135.347C263.094 135.418 263.257 135.485 263.421 135.547C264.117 135.793 264.846 135.933 265.583 135.964C273.863 136.352 275.467 126.065 269.492 123.078C271.022 122.812 272.61 123.427 273.497 124.051C272.045 121.513 269.332 119.801 266.218 119.801C266.021 119.801 265.828 119.817 265.635 119.83C263.968 119.945 262.375 120.559 261.063 121.592C261.316 121.806 261.602 122.093 262.204 122.686C263.331 123.797 266.222 124.947 266.229 125.082Z" fill="url(#paint4_radial)"/>
<path d="M266.229 125.082C266.201 125.495 264.741 126.92 264.231 126.92C259.507 126.92 258.74 129.777 258.74 129.777C258.949 132.183 260.625 134.165 262.653 135.213C262.746 135.261 262.84 135.304 262.933 135.347C263.094 135.418 263.257 135.485 263.421 135.547C264.117 135.793 264.846 135.933 265.583 135.964C273.863 136.352 275.467 126.065 269.492 123.078C271.022 122.812 272.61 123.427 273.497 124.051C272.045 121.513 269.332 119.801 266.218 119.801C266.021 119.801 265.828 119.817 265.635 119.83C263.968 119.945 262.375 120.559 261.063 121.592C261.316 121.806 261.602 122.093 262.204 122.686C263.331 123.797 266.222 124.947 266.229 125.082Z" fill="url(#paint5_radial)"/>
<path d="M260.288 121.039C260.404 121.114 260.518 121.19 260.632 121.268C260.253 119.943 260.237 118.541 260.586 117.208C258.879 117.985 257.552 119.213 256.587 120.298C256.667 120.295 259.076 120.252 260.288 121.039Z" fill="url(#paint6_radial)"/>
<path d="M249.739 128.669C251.021 136.243 257.887 142.027 265.681 142.247C272.895 142.452 277.504 138.264 279.408 134.179C280.638 131.539 281.492 127.219 279.925 122.969L279.924 122.967L279.922 122.951C279.92 122.939 279.919 122.932 279.92 122.936C279.92 122.938 279.921 122.945 279.923 122.963C280.512 126.811 278.555 130.538 275.495 133.058L275.486 133.08C269.524 137.934 263.82 136.009 262.665 135.221C262.583 135.182 262.503 135.141 262.423 135.1C258.947 133.439 257.511 130.273 257.819 127.557C254.884 127.557 253.883 125.082 253.883 125.082C253.883 125.082 256.518 123.203 259.991 124.837C263.208 126.35 266.228 125.082 266.228 125.082C266.222 124.947 263.331 123.797 262.204 122.686C261.602 122.093 261.316 121.807 261.062 121.592C260.925 121.476 260.781 121.368 260.632 121.267C260.518 121.19 260.403 121.114 260.288 121.039C259.076 120.252 256.666 120.295 256.587 120.297H256.579C255.92 119.463 255.967 116.711 256.004 116.137C255.996 116.101 255.513 116.388 255.45 116.431C254.869 116.846 254.325 117.311 253.826 117.822C253.258 118.398 252.739 119.02 252.275 119.683C252.275 119.683 252.275 119.684 252.274 119.685C252.274 119.684 252.275 119.683 252.275 119.683C251.207 121.196 250.449 122.907 250.046 124.715C250.038 124.751 249.448 127.331 249.739 128.669Z" fill="url(#paint7_radial)"/>
<path d="M272.058 122.114C272.664 122.709 273.183 123.387 273.6 124.127C273.692 124.195 273.777 124.264 273.85 124.331C277.616 127.801 275.642 132.709 275.495 133.058C278.555 130.538 280.512 126.811 279.923 122.963C278.044 118.281 274.859 116.393 272.258 112.283C272.127 112.075 271.995 111.866 271.867 111.647C271.802 111.534 271.741 111.42 271.684 111.303C271.576 111.094 271.493 110.874 271.436 110.646C271.436 110.635 271.432 110.624 271.425 110.616C271.418 110.608 271.409 110.603 271.398 110.601C271.388 110.598 271.377 110.598 271.367 110.601C271.364 110.602 271.361 110.605 271.358 110.606C271.355 110.607 271.35 110.611 271.346 110.613C270.704 110.919 266.894 116.951 272.058 122.114Z" fill="url(#paint8_radial)"/>
<path d="M273.85 124.331C273.777 124.264 273.692 124.195 273.6 124.127C273.566 124.101 273.533 124.076 273.497 124.051C272.61 123.428 271.022 122.812 269.492 123.078C275.467 126.065 273.863 136.352 265.583 135.964C264.846 135.934 264.117 135.793 263.421 135.547C263.257 135.485 263.094 135.418 262.933 135.347C262.84 135.305 262.746 135.261 262.653 135.213C262.657 135.216 262.661 135.218 262.665 135.22C263.82 136.008 269.525 137.934 275.486 133.08L275.495 133.058C275.643 132.709 277.616 127.801 273.85 124.331Z" fill="url(#paint9_radial)"/>
<path d="M258.74 129.777C258.74 129.777 259.507 126.92 264.231 126.92C264.742 126.92 266.202 125.495 266.229 125.082C266.256 124.668 263.208 126.35 259.991 124.837C256.519 123.203 253.884 125.082 253.884 125.082C253.884 125.082 254.884 127.557 257.819 127.557C257.511 130.273 258.947 133.439 262.423 135.1C262.5 135.137 262.573 135.178 262.653 135.213C260.625 134.165 258.949 132.183 258.74 129.777Z" fill="url(#paint10_radial)"/>
<path d="M281.57 122.098C280.848 120.361 279.386 118.486 278.237 117.894C279.172 119.726 279.713 121.564 279.92 122.936C279.92 122.938 279.921 122.945 279.923 122.963C278.044 118.281 274.859 116.393 272.258 112.283C272.127 112.075 271.995 111.866 271.867 111.647C271.802 111.534 271.741 111.42 271.684 111.303C271.576 111.094 271.493 110.874 271.436 110.646C271.436 110.635 271.432 110.624 271.425 110.616C271.418 110.608 271.409 110.603 271.398 110.601C271.388 110.598 271.377 110.598 271.367 110.601C271.364 110.602 271.361 110.605 271.358 110.606C271.355 110.607 271.35 110.611 271.346 110.613C271.348 110.61 271.352 110.605 271.353 110.603C267.18 113.047 265.764 117.568 265.634 119.83C265.828 119.817 266.021 119.801 266.218 119.801C269.332 119.801 272.044 121.513 273.497 124.051C272.61 123.428 271.021 122.812 269.491 123.078C275.466 126.065 273.862 136.352 265.583 135.964C264.845 135.934 264.117 135.793 263.421 135.547C263.256 135.485 263.094 135.418 262.933 135.347C262.839 135.305 262.746 135.261 262.653 135.214C262.656 135.216 262.661 135.218 262.664 135.22C262.583 135.181 262.502 135.141 262.422 135.1C262.5 135.137 262.573 135.178 262.653 135.213C260.624 134.165 258.949 132.183 258.74 129.777C258.74 129.777 259.506 126.92 264.23 126.92C264.741 126.92 266.201 125.495 266.228 125.082C266.222 124.947 263.331 123.797 262.203 122.686C261.601 122.093 261.315 121.807 261.062 121.592C260.924 121.476 260.781 121.367 260.632 121.267C260.253 119.942 260.237 118.54 260.585 117.207C258.878 117.984 257.551 119.213 256.586 120.297H256.578C255.92 119.463 255.966 116.711 256.004 116.137C255.996 116.101 255.513 116.388 255.449 116.431C254.868 116.846 254.325 117.311 253.826 117.822C253.258 118.398 252.739 119.02 252.275 119.682C252.275 119.683 252.275 119.684 252.274 119.685C252.274 119.684 252.275 119.683 252.275 119.682C251.207 121.196 250.449 122.907 250.046 124.715C250.038 124.751 250.031 124.788 250.024 124.825C249.992 124.971 249.852 125.713 249.832 125.872C249.831 125.885 249.834 125.86 249.832 125.872C249.704 126.639 249.622 127.413 249.587 128.19C249.587 128.218 249.585 128.246 249.585 128.275C249.585 137.448 257.023 144.885 266.198 144.885C274.414 144.885 281.236 138.92 282.572 131.085C282.6 130.873 282.623 130.659 282.647 130.445C282.978 127.596 282.611 124.602 281.57 122.098ZM279.922 122.951C279.923 122.957 279.924 122.963 279.925 122.969L279.924 122.967L279.922 122.951Z" fill="url(#paint11_linear)"/>
</g>
<circle cx="194.654" cy="128.295" r="16.9585" fill="#E0E0E6"/>
<circle cx="123.871" cy="128.295" r="16.9585" fill="#E0E0E6"/>
<circle cx="53.0876" cy="128.295" r="16.9585" fill="#E0E0E6"/>
<circle cx="337.696" cy="128.295" r="16.9585" fill="#E0E0E6"/>
<line x1="169.864" y1="74.5478" x2="182.035" y2="62.3762" stroke="#80808F" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<line x1="182.034" y1="74.6494" x2="169.863" y2="62.4778" stroke="#80808F" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="196.439" y="60.4609" width="68.5714" height="16.2212" fill="#AFAFBA"/>
<rect x="270.909" y="60.4609" width="49.4009" height="16.2212" fill="#AFAFBA"/>
<path d="M165.094 31.2646L171.212 31.2646L171.212 35.5245C171.212 35.8728 171.351 36.2069 171.597 36.4532C171.843 36.6995 172.177 36.8379 172.526 36.8379C173.287 36.8401 174.042 36.6912 174.746 36.3997C175.45 36.1083 176.088 35.6801 176.626 35.1399L176.785 34.9802C177.38 34.3858 178.187 34.0519 179.028 34.0519C179.869 34.0519 180.675 34.3858 181.27 34.9802L181.814 35.5245C181.998 35.7081 182.232 35.8332 182.487 35.8838C182.742 35.9345 183.006 35.9085 183.246 35.809C183.486 35.7096 183.691 35.5413 183.835 35.3253C183.98 35.1093 184.057 34.8554 184.057 34.5956L184.057 25.3067C184.057 25.047 183.98 24.793 183.835 24.577C183.691 24.3611 183.486 24.1927 183.246 24.0933C183.006 23.9939 182.742 23.9678 182.487 24.0185C182.232 24.0691 181.998 24.1942 181.814 24.3778L181.27 24.9222C180.675 25.5166 179.869 25.8504 179.028 25.8504C178.187 25.8504 177.38 25.5166 176.785 24.9222L176.628 24.7652C176.099 24.1916 175.45 23.7419 174.727 23.4483C174.004 23.1546 173.225 23.0241 172.446 23.0663C172.112 23.0867 171.798 23.2337 171.569 23.4775C171.34 23.7212 171.212 24.0432 171.212 24.3778L171.212 28.6377L165.094 28.6377C164.75 28.6437 164.422 28.7847 164.18 29.0304C163.939 29.2761 163.804 29.6067 163.804 29.9512C163.804 30.2956 163.939 30.6263 164.18 30.8719C164.422 31.1176 164.75 31.2586 165.094 31.2646ZM173.84 25.9319C174.186 26.1093 174.501 26.3428 174.771 26.623L174.928 26.7799C175.465 27.32 176.104 27.7482 176.807 28.0399C177.511 28.3315 178.265 28.4807 179.027 28.4789C179.856 28.4801 180.675 28.3037 181.43 27.9615L181.429 31.9418C180.675 31.5991 179.857 31.4223 179.029 31.4235C178.267 31.4213 177.512 31.5703 176.808 31.8619C176.104 32.1536 175.465 32.582 174.928 33.1224L174.768 33.2822C174.5 33.5519 174.185 33.771 173.839 33.9287L173.84 25.9319Z" fill="#FFF"/>
<rect x="196.439" y="22.1199" width="68.5714" height="16.2212" fill="#CFCFD8"/>
<rect x="269.434" y="22.1199" width="19.9078" height="16.2212" fill="#CFCFD8"/>
<rect x="293.766" y="22.1199" width="44.2396" height="16.2212" fill="#CFCFD8"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="278.535" y1="115.913" x2="251.86" y2="141.645" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#FFF44F"/>
<stop offset="0.37" stop-color="#FF980E"/>
<stop offset="0.53" stop-color="#FF3647"/>
<stop offset="0.7" stop-color="#E31587"/>
</linearGradient>
<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(272.576 114.421) scale(33.9762 34.5484)">
<stop offset="0.13" stop-color="#FFBD4F"/>
<stop offset="0.28" stop-color="#FF980E"/>
<stop offset="0.47" stop-color="#FF3750"/>
<stop offset="0.78" stop-color="#EB0878"/>
<stop offset="0.86" stop-color="#E50080"/>
</radialGradient>
<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(262.724 128.69) scale(34.8256 34.5484)">
<stop offset="0.3" stop-color="#960E18"/>
<stop offset="0.35" stop-color="#B11927" stop-opacity="0.74"/>
<stop offset="0.43" stop-color="#DB293D" stop-opacity="0.34"/>
<stop offset="0.5" stop-color="#F5334B" stop-opacity="0.09"/>
<stop offset="0.53" stop-color="#FF3750" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(269.458 108.98) scale(11.1519 18.9331)">
<stop offset="0.13" stop-color="#FFF44F"/>
<stop offset="0.53" stop-color="#FF980E"/>
</radialGradient>
<radialGradient id="paint4_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(262.099 137.609) scale(14.7569 16.1737)">
<stop offset="0.35" stop-color="#3A8EE6"/>
<stop offset="0.67" stop-color="#9059FF"/>
<stop offset="1" stop-color="#C139E6"/>
</radialGradient>
<radialGradient id="paint5_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(264.62 125.138) scale(7.83591 9.54248)">
<stop offset="0.21" stop-color="#9059FF" stop-opacity="0"/>
<stop offset="0.97" stop-color="#6E008B" stop-opacity="0.6"/>
</radialGradient>
<radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(265.082 113.148) scale(11.7318 11.7735)">
<stop offset="0.1" stop-color="#FFE226"/>
<stop offset="0.79" stop-color="#FF7139"/>
</radialGradient>
<radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(275.796 105.424) scale(56.01 47.0173)">
<stop offset="0.11" stop-color="#FFF44F"/>
<stop offset="0.46" stop-color="#FF980E"/>
<stop offset="0.72" stop-color="#FF3647"/>
<stop offset="0.9" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(254.995 120.951) rotate(77.3945) scale(17.77 76.8708)">
<stop stop-color="#FFF44F"/>
<stop offset="0.3" stop-color="#FF980E"/>
<stop offset="0.57" stop-color="#FF3647"/>
<stop offset="0.74" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint9_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(265.203 117.383) scale(32.158 31.5929)">
<stop offset="0.14" stop-color="#FFF44F"/>
<stop offset="0.48" stop-color="#FF980E"/>
<stop offset="0.66" stop-color="#FF3647"/>
<stop offset="0.9" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(273.549 119.23) scale(38.6529 34.5795)">
<stop offset="0.09" stop-color="#FFF44F"/>
<stop offset="0.63" stop-color="#FF980E"/>
</radialGradient>
<linearGradient id="paint11_linear" x1="276.129" y1="115.399" x2="254.799" y2="138.705" gradientUnits="userSpaceOnUse">
<stop offset="0.17" stop-color="#FFF44F" stop-opacity="0.8"/>
<stop offset="0.6" stop-color="#FFF44F" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0">
<rect width="516" height="160" fill="white"/>
</clipPath>
<clipPath id="clip1">
<rect width="35.3917" height="35.3917" fill="white" transform="translate(248.479 110.599)"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 18 KiB

View File

@ -1,106 +0,0 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg width="516" height="160" viewBox="0 0 516 160" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<rect width="516.129" height="64.1475" transform="matrix(-1 0 0 1 516.129 95.8525)" fill="#F0F0F4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M130.507 0H369.401V95.8525H130.507V0ZM218.249 160V95.8526H282.396V160H218.249Z" fill="#9F9FAD"/>
<g clip-path="url(#clip1)">
<path d="M265.349 122.098C264.627 120.361 263.164 118.486 262.016 117.894C262.95 119.726 263.491 121.564 263.698 122.936C263.698 122.938 263.699 122.945 263.701 122.963C261.823 118.281 258.638 116.393 256.037 112.283C255.905 112.075 255.774 111.866 255.645 111.647C255.58 111.534 255.519 111.42 255.463 111.303C255.354 111.094 255.271 110.874 255.214 110.646C255.215 110.635 255.211 110.624 255.204 110.616C255.197 110.608 255.187 110.603 255.176 110.601C255.166 110.598 255.155 110.598 255.145 110.601C255.143 110.602 255.139 110.605 255.137 110.606C255.133 110.607 255.129 110.611 255.125 110.613C255.127 110.61 255.131 110.605 255.132 110.603C250.959 113.047 249.543 117.568 249.413 119.83C247.746 119.945 246.153 120.559 244.841 121.592C244.703 121.476 244.56 121.368 244.411 121.267C244.032 119.943 244.016 118.541 244.364 117.207C242.657 117.984 241.33 119.213 240.365 120.297H240.357C239.699 119.463 239.745 116.712 239.783 116.137C239.775 116.102 239.292 116.388 239.228 116.431C238.647 116.846 238.104 117.311 237.605 117.822C237.037 118.398 236.518 119.02 236.054 119.682C236.054 119.683 236.053 119.684 236.053 119.685C236.053 119.684 236.053 119.683 236.054 119.682C234.985 121.196 234.228 122.907 233.824 124.715C233.817 124.751 233.81 124.788 233.802 124.825C233.771 124.971 233.658 125.703 233.639 125.861C233.637 125.874 233.636 125.885 233.635 125.898C233.489 126.654 233.399 127.42 233.365 128.19C233.365 128.218 233.364 128.246 233.364 128.274C233.364 137.448 240.802 144.885 249.976 144.885C258.193 144.885 265.015 138.92 266.351 131.085C266.379 130.873 266.401 130.659 266.426 130.445C266.756 127.596 266.389 124.602 265.349 122.098ZM246.201 135.1C246.279 135.137 246.352 135.178 246.432 135.213C246.435 135.216 246.44 135.218 246.443 135.22C246.362 135.181 246.281 135.141 246.201 135.1V135.1ZM263.703 122.967L263.7 122.951C263.701 122.957 263.702 122.963 263.703 122.969L263.703 122.967Z" fill="url(#paint0_linear)"/>
<path d="M265.349 122.098C264.627 120.362 263.164 118.487 262.016 117.894C262.951 119.726 263.491 121.564 263.698 122.936C263.698 122.932 263.699 122.939 263.701 122.951C263.701 122.957 263.703 122.963 263.703 122.969C265.271 127.218 264.417 131.539 263.186 134.18C261.283 138.265 256.674 142.452 249.46 142.247C241.666 142.027 234.799 136.244 233.518 128.669C233.284 127.475 233.518 126.868 233.635 125.898C233.492 126.646 233.438 126.862 233.366 128.19C233.366 128.219 233.364 128.247 233.364 128.275C233.364 137.448 240.802 144.885 249.976 144.885C258.193 144.885 265.015 138.92 266.351 131.086C266.379 130.873 266.401 130.659 266.426 130.445C266.756 127.596 266.389 124.602 265.349 122.098Z" fill="url(#paint1_radial)"/>
<path d="M265.349 122.098C264.627 120.362 263.164 118.487 262.016 117.894C262.951 119.726 263.491 121.564 263.698 122.936C263.698 122.932 263.699 122.939 263.701 122.951C263.701 122.957 263.703 122.963 263.703 122.969C265.271 127.218 264.417 131.539 263.186 134.18C261.283 138.265 256.674 142.452 249.46 142.247C241.666 142.027 234.799 136.244 233.518 128.669C233.284 127.475 233.518 126.868 233.635 125.898C233.492 126.646 233.438 126.862 233.366 128.19C233.366 128.219 233.364 128.247 233.364 128.275C233.364 137.448 240.802 144.885 249.976 144.885C258.193 144.885 265.015 138.92 266.351 131.086C266.379 130.873 266.401 130.659 266.426 130.445C266.756 127.596 266.389 124.602 265.349 122.098Z" fill="url(#paint2_radial)"/>
<path d="M257.276 124.051C257.312 124.076 257.345 124.101 257.379 124.127C256.962 123.387 256.443 122.709 255.837 122.114C250.673 116.951 254.483 110.919 255.125 110.612C255.127 110.61 255.131 110.604 255.132 110.603C250.959 113.047 249.543 117.568 249.413 119.83C249.607 119.817 249.8 119.8 249.997 119.8C253.111 119.8 255.823 121.513 257.276 124.051V124.051Z" fill="url(#paint3_radial)"/>
<path d="M250.007 125.082C249.98 125.495 248.52 126.92 248.009 126.92C243.286 126.92 242.519 129.777 242.519 129.777C242.728 132.183 244.403 134.165 246.432 135.213C246.525 135.261 246.618 135.304 246.712 135.347C246.873 135.418 247.035 135.485 247.2 135.547C247.896 135.793 248.624 135.933 249.361 135.964C257.641 136.352 259.245 126.065 253.27 123.078C254.8 122.812 256.389 123.427 257.276 124.051C255.823 121.513 253.111 119.801 249.997 119.801C249.8 119.801 249.607 119.817 249.413 119.83C247.747 119.945 246.154 120.559 244.841 121.592C245.095 121.806 245.38 122.093 245.983 122.686C247.11 123.797 250.001 124.947 250.007 125.082V125.082Z" fill="url(#paint4_radial)"/>
<path d="M250.007 125.082C249.98 125.495 248.52 126.92 248.009 126.92C243.286 126.92 242.519 129.777 242.519 129.777C242.728 132.183 244.403 134.165 246.432 135.213C246.525 135.261 246.618 135.304 246.712 135.347C246.873 135.418 247.035 135.485 247.2 135.547C247.896 135.793 248.624 135.933 249.361 135.964C257.641 136.352 259.245 126.065 253.27 123.078C254.8 122.812 256.389 123.427 257.276 124.051C255.823 121.513 253.111 119.801 249.997 119.801C249.8 119.801 249.607 119.817 249.413 119.83C247.747 119.945 246.154 120.559 244.841 121.592C245.095 121.806 245.38 122.093 245.983 122.686C247.11 123.797 250.001 124.947 250.007 125.082V125.082Z" fill="url(#paint5_radial)"/>
<path d="M244.066 121.039C244.182 121.114 244.297 121.19 244.411 121.268C244.032 119.943 244.016 118.541 244.364 117.208C242.658 117.985 241.33 119.213 240.365 120.298C240.445 120.295 242.855 120.252 244.066 121.039V121.039Z" fill="url(#paint6_radial)"/>
<path d="M233.518 128.669C234.799 136.243 241.666 142.027 249.46 142.247C256.674 142.452 261.283 138.264 263.186 134.179C264.417 131.539 265.271 127.219 263.703 122.969L263.703 122.967L263.701 122.951C263.699 122.939 263.698 122.932 263.698 122.936C263.698 122.938 263.699 122.945 263.701 122.963C264.291 126.811 262.333 130.538 259.274 133.058L259.265 133.08C253.303 137.934 247.598 136.009 246.443 135.221C246.362 135.182 246.281 135.141 246.201 135.1C242.726 133.439 241.29 130.273 241.598 127.557C238.663 127.557 237.662 125.082 237.662 125.082C237.662 125.082 240.297 123.203 243.77 124.837C246.986 126.35 250.007 125.082 250.007 125.082C250.001 124.947 247.11 123.797 245.982 122.686C245.38 122.093 245.094 121.807 244.841 121.592C244.703 121.476 244.56 121.368 244.411 121.267C244.297 121.19 244.182 121.114 244.066 121.039C242.855 120.252 240.445 120.295 240.365 120.297H240.357C239.699 119.463 239.745 116.711 239.783 116.137C239.775 116.101 239.292 116.388 239.228 116.431C238.647 116.846 238.104 117.311 237.605 117.822C237.037 118.398 236.518 119.02 236.054 119.683C236.054 119.683 236.053 119.684 236.053 119.685C236.053 119.684 236.053 119.683 236.054 119.683C234.985 121.196 234.228 122.907 233.825 124.715C233.817 124.751 233.227 127.331 233.518 128.669V128.669Z" fill="url(#paint7_radial)"/>
<path d="M255.837 122.114C256.443 122.709 256.962 123.387 257.379 124.127C257.47 124.195 257.556 124.264 257.628 124.331C261.394 127.801 259.421 132.709 259.274 133.058C262.333 130.538 264.291 126.811 263.701 122.963C261.823 118.281 258.638 116.393 256.037 112.283C255.905 112.075 255.774 111.866 255.645 111.647C255.58 111.534 255.519 111.42 255.463 111.303C255.354 111.094 255.271 110.874 255.214 110.646C255.215 110.635 255.211 110.624 255.204 110.616C255.197 110.608 255.187 110.603 255.176 110.601C255.166 110.598 255.155 110.598 255.145 110.601C255.143 110.602 255.139 110.605 255.137 110.606C255.133 110.607 255.129 110.611 255.125 110.613C254.483 110.919 250.673 116.951 255.837 122.114V122.114Z" fill="url(#paint8_radial)"/>
<path d="M257.628 124.331C257.556 124.264 257.47 124.195 257.379 124.127C257.345 124.101 257.312 124.076 257.276 124.051C256.389 123.428 254.8 122.812 253.27 123.078C259.245 126.065 257.641 136.352 249.361 135.964C248.624 135.934 247.895 135.793 247.2 135.547C247.035 135.485 246.873 135.418 246.712 135.347C246.618 135.305 246.524 135.261 246.432 135.213C246.435 135.216 246.44 135.218 246.443 135.22C247.598 136.008 253.303 137.934 259.265 133.08L259.274 133.058C259.421 132.709 261.394 127.801 257.628 124.331V124.331Z" fill="url(#paint9_radial)"/>
<path d="M242.519 129.777C242.519 129.777 243.286 126.92 248.009 126.92C248.52 126.92 249.98 125.495 250.007 125.082C250.034 124.668 246.986 126.35 243.77 124.837C240.297 123.203 237.662 125.082 237.662 125.082C237.662 125.082 238.663 127.557 241.598 127.557C241.29 130.273 242.726 133.439 246.201 135.1C246.279 135.137 246.352 135.178 246.432 135.213C244.403 134.165 242.728 132.183 242.519 129.777V129.777Z" fill="url(#paint10_radial)"/>
<path d="M265.349 122.098C264.627 120.361 263.164 118.486 262.016 117.894C262.95 119.726 263.491 121.564 263.698 122.936C263.698 122.938 263.699 122.945 263.701 122.963C261.823 118.281 258.638 116.393 256.037 112.283C255.905 112.075 255.774 111.866 255.645 111.647C255.58 111.534 255.519 111.42 255.462 111.303C255.354 111.094 255.271 110.874 255.214 110.646C255.215 110.635 255.211 110.624 255.204 110.616C255.197 110.608 255.187 110.603 255.176 110.601C255.166 110.598 255.155 110.598 255.145 110.601C255.143 110.602 255.139 110.605 255.137 110.606C255.133 110.607 255.129 110.611 255.125 110.613C255.127 110.61 255.13 110.605 255.132 110.603C250.959 113.047 249.543 117.568 249.413 119.83C249.606 119.817 249.799 119.801 249.996 119.801C253.111 119.801 255.823 121.513 257.275 124.051C256.388 123.428 254.8 122.812 253.27 123.078C259.245 126.065 257.641 136.352 249.361 135.964C248.624 135.934 247.895 135.793 247.199 135.547C247.035 135.485 246.872 135.418 246.711 135.347C246.618 135.305 246.524 135.261 246.432 135.214C246.435 135.216 246.439 135.218 246.443 135.22C246.362 135.181 246.281 135.141 246.201 135.1C246.279 135.137 246.352 135.178 246.431 135.213C244.403 134.165 242.727 132.183 242.518 129.777C242.518 129.777 243.285 126.92 248.009 126.92C248.519 126.92 249.979 125.495 250.006 125.082C250 124.947 247.109 123.797 245.982 122.686C245.38 122.093 245.094 121.807 244.84 121.592C244.703 121.476 244.559 121.367 244.41 121.267C244.031 119.942 244.015 118.54 244.363 117.207C242.657 117.984 241.33 119.213 240.365 120.297H240.357C239.698 119.463 239.745 116.711 239.782 116.137C239.774 116.101 239.291 116.388 239.228 116.431C238.647 116.846 238.103 117.311 237.604 117.822C237.037 118.398 236.518 119.02 236.054 119.682C236.054 119.683 236.053 119.684 236.053 119.685C236.053 119.684 236.053 119.683 236.054 119.682C234.985 121.196 234.228 122.907 233.824 124.715C233.817 124.751 233.81 124.788 233.802 124.825C233.771 124.971 233.63 125.713 233.611 125.872C233.609 125.885 233.612 125.86 233.611 125.872C233.482 126.639 233.401 127.413 233.366 128.19C233.366 128.218 233.364 128.246 233.364 128.275C233.364 137.448 240.802 144.885 249.976 144.885C258.193 144.885 265.015 138.92 266.35 131.085C266.379 130.873 266.401 130.659 266.426 130.445C266.756 127.596 266.389 124.602 265.349 122.098ZM263.701 122.951C263.701 122.957 263.702 122.963 263.703 122.969L263.703 122.967L263.701 122.951V122.951Z" fill="url(#paint11_linear)"/>
</g>
<circle r="16.9585" transform="matrix(-1 0 0 1 321.475 128.295)" fill="#E0E0E6"/>
<circle r="16.9585" transform="matrix(-1 0 0 1 392.258 128.295)" fill="#E0E0E6"/>
<circle r="16.9585" transform="matrix(-1 0 0 1 463.041 128.295)" fill="#E0E0E6"/>
<circle r="16.9585" transform="matrix(-1 0 0 1 178.433 128.295)" fill="#E0E0E6"/>
<line x1="2" y1="-2" x2="19.2132" y2="-2" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 346.266 77.3762)" stroke="#80808F" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<line x1="2" y1="-2" x2="19.2132" y2="-2" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 331.266 74.6494)" stroke="#80808F" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<rect width="68.5714" height="16.2212" transform="matrix(-1 0 0 1 319.69 60.4609)" fill="#AFAFBA"/>
<rect width="49.4009" height="16.2212" transform="matrix(-1 0 0 1 245.22 60.4609)" fill="#AFAFBA"/>
<path d="M328.719 31.2646L334.836 31.2646L334.836 35.5245C334.837 35.8728 334.975 36.2069 335.221 36.4532C335.468 36.6995 335.802 36.8379 336.15 36.8379C336.912 36.8401 337.666 36.6912 338.37 36.3997C339.074 36.1083 339.713 35.6801 340.25 35.1399L340.41 34.9802C341.005 34.3858 341.811 34.0519 342.652 34.0519C343.493 34.0519 344.3 34.3858 344.894 34.9802L345.439 35.5245C345.623 35.7081 345.857 35.8332 346.111 35.8838C346.366 35.9345 346.63 35.9085 346.87 35.809C347.11 35.7096 347.315 35.5413 347.46 35.3253C347.604 35.1093 347.681 34.8554 347.681 34.5956L347.681 25.3067C347.681 25.047 347.604 24.793 347.46 24.577C347.315 24.3611 347.11 24.1927 346.87 24.0933C346.63 23.9939 346.366 23.9678 346.111 24.0185C345.857 24.0691 345.623 24.1942 345.439 24.3778L344.894 24.9222C344.3 25.5166 343.493 25.8504 342.652 25.8504C341.811 25.8504 341.005 25.5166 340.41 24.9222L340.253 24.7652C339.724 24.1916 339.074 23.7419 338.351 23.4483C337.628 23.1546 336.849 23.0241 336.07 23.0663C335.736 23.0867 335.422 23.2337 335.193 23.4775C334.964 23.7212 334.836 24.0432 334.836 24.3778L334.836 28.6377L328.719 28.6377C328.374 28.6437 328.046 28.7847 327.805 29.0304C327.563 29.2761 327.428 29.6067 327.428 29.9512C327.428 30.2956 327.563 30.6263 327.805 30.8719C328.046 31.1176 328.374 31.2586 328.719 31.2646ZM337.464 25.9319C337.811 26.1093 338.125 26.3428 338.395 26.623L338.552 26.7799C339.089 27.32 339.728 27.7482 340.432 28.0399C341.135 28.3315 341.89 28.4807 342.651 28.4789C343.48 28.4801 344.299 28.3037 345.054 27.9615L345.053 31.9418C344.3 31.5991 343.481 31.4223 342.653 31.4235C341.891 31.4213 341.136 31.5703 340.432 31.8619C339.728 32.1536 339.089 32.582 338.552 33.1224L338.392 33.2822C338.124 33.5519 337.809 33.771 337.463 33.9287L337.464 25.9319Z" fill="#FFF"/>
<rect width="68.5714" height="16.2212" transform="matrix(-1 0 0 1 319.69 22.1199)" fill="#CFCFD8"/>
<rect width="19.9078" height="16.2212" transform="matrix(-1 0 0 1 246.695 22.1199)" fill="#CFCFD8"/>
<rect width="44.2396" height="16.2212" transform="matrix(-1 0 0 1 222.363 22.1199)" fill="#CFCFD8"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="262.313" y1="115.913" x2="235.639" y2="141.645" gradientUnits="userSpaceOnUse">
<stop offset="0.05" stop-color="#FFF44F"/>
<stop offset="0.37" stop-color="#FF980E"/>
<stop offset="0.53" stop-color="#FF3647"/>
<stop offset="0.7" stop-color="#E31587"/>
</linearGradient>
<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(256.354 114.421) scale(33.9762 34.5484)">
<stop offset="0.13" stop-color="#FFBD4F"/>
<stop offset="0.28" stop-color="#FF980E"/>
<stop offset="0.47" stop-color="#FF3750"/>
<stop offset="0.78" stop-color="#EB0878"/>
<stop offset="0.86" stop-color="#E50080"/>
</radialGradient>
<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(246.503 128.69) scale(34.8256 34.5484)">
<stop offset="0.3" stop-color="#960E18"/>
<stop offset="0.35" stop-color="#B11927" stop-opacity="0.74"/>
<stop offset="0.43" stop-color="#DB293D" stop-opacity="0.34"/>
<stop offset="0.5" stop-color="#F5334B" stop-opacity="0.09"/>
<stop offset="0.53" stop-color="#FF3750" stop-opacity="0"/>
</radialGradient>
<radialGradient id="paint3_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(253.237 108.98) scale(11.1519 18.9331)">
<stop offset="0.13" stop-color="#FFF44F"/>
<stop offset="0.53" stop-color="#FF980E"/>
</radialGradient>
<radialGradient id="paint4_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(245.877 137.609) scale(14.7569 16.1737)">
<stop offset="0.35" stop-color="#3A8EE6"/>
<stop offset="0.67" stop-color="#9059FF"/>
<stop offset="1" stop-color="#C139E6"/>
</radialGradient>
<radialGradient id="paint5_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(248.399 125.138) scale(7.83591 9.54248)">
<stop offset="0.21" stop-color="#9059FF" stop-opacity="0"/>
<stop offset="0.97" stop-color="#6E008B" stop-opacity="0.6"/>
</radialGradient>
<radialGradient id="paint6_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(248.861 113.148) scale(11.7318 11.7735)">
<stop offset="0.1" stop-color="#FFE226"/>
<stop offset="0.79" stop-color="#FF7139"/>
</radialGradient>
<radialGradient id="paint7_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(259.575 105.424) scale(56.01 47.0173)">
<stop offset="0.11" stop-color="#FFF44F"/>
<stop offset="0.46" stop-color="#FF980E"/>
<stop offset="0.72" stop-color="#FF3647"/>
<stop offset="0.9" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint8_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(238.774 120.951) rotate(77.3945) scale(17.77 76.8708)">
<stop stop-color="#FFF44F"/>
<stop offset="0.3" stop-color="#FF980E"/>
<stop offset="0.57" stop-color="#FF3647"/>
<stop offset="0.74" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint9_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(248.981 117.383) scale(32.158 31.5929)">
<stop offset="0.14" stop-color="#FFF44F"/>
<stop offset="0.48" stop-color="#FF980E"/>
<stop offset="0.66" stop-color="#FF3647"/>
<stop offset="0.9" stop-color="#E31587"/>
</radialGradient>
<radialGradient id="paint10_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(257.328 119.23) scale(38.6529 34.5795)">
<stop offset="0.09" stop-color="#FFF44F"/>
<stop offset="0.63" stop-color="#FF980E"/>
</radialGradient>
<linearGradient id="paint11_linear" x1="259.908" y1="115.399" x2="238.578" y2="138.705" gradientUnits="userSpaceOnUse">
<stop offset="0.17" stop-color="#FFF44F" stop-opacity="0.8"/>
<stop offset="0.6" stop-color="#FFF44F" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0">
<rect width="516" height="160" fill="white"/>
</clipPath>
<clipPath id="clip1">
<rect width="35.3917" height="35.3917" fill="white" transform="translate(232.258 110.599)"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 18 KiB

View File

@ -3,15 +3,21 @@
"use strict";
const isWin = AppConstants.platform == "win";
add_task(async function test_PIN_FIREFOX_TO_TASKBAR() {
const sandbox = sinon.createSandbox();
let shell = {
checkPinCurrentAppToTaskbar() {},
QueryInterface: () => shell,
get macDockSupport() {
return this;
},
get shellService() {
return this;
},
ensureAppIsPinnedToDock: sandbox.stub(),
isCurrentAppPinnedToTaskbarAsync: sandbox.stub(),
pinCurrentAppToTaskbar: sandbox.stub(),
};
@ -35,27 +41,28 @@ add_task(async function test_PIN_FIREFOX_TO_TASKBAR() {
);
await test();
Assert.equal(
shell.pinCurrentAppToTaskbar.callCount,
1,
"pinCurrentAppToTaskbar was called by the action"
);
function check(count, message) {
Assert.equal(
shell.pinCurrentAppToTaskbar.callCount,
count * isWin,
`pinCurrentAppToTaskbar was ${message} by the action for windows`
);
Assert.equal(
shell.ensureAppIsPinnedToDock.callCount,
count * !isWin,
`ensureAppIsPinnedToDock was ${message} by the action for not windows`
);
}
check(1, "called");
// Pretend the app is already pinned.
shell.isCurrentAppPinnedToTaskbarAsync.resolves(true);
await test();
Assert.equal(
shell.pinCurrentAppToTaskbar.callCount,
1,
"pinCurrentAppToTaskbar was not called by the action"
);
check(1, "not called");
// Pretend the app became unpinned.
shell.isCurrentAppPinnedToTaskbarAsync.resolves(false);
await test();
Assert.equal(
shell.pinCurrentAppToTaskbar.callCount,
2,
"pinCurrentAppToTaskbar was called again by the action"
);
check(2, "called again");
});