diff options
Diffstat (limited to 'browser/themes/addons/colorways/2021-life-in-color/graffiti/soft')
3 files changed, 124 insertions, 0 deletions
diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/icon.svg new file mode 100644 index 0000000000..d50944e91a --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/icon.svg @@ -0,0 +1,12 @@ +<!-- 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="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(278, 79%, 85%)"/> + <stop offset="1" stop-color="hsl(278, 80%, 91%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/manifest.json new file mode 100644 index 0000000000..dba350671b --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "graffiti-soft-colorway@mozilla.org" + } + }, + "name": "Graffiti – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(278, 22%, 10%)", + "tab_text": "hsl(278, 22%, 10%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(278, 33%, 44%)", + "tab_loading_inactive": "hsl(278, 33%, 44%)", + "frame": "hsl(278, 79%, 85%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(278, 22%, 10%)", + "popup_border": "hsl(278, 80%, 86%)", + "popup_highlight": "hsla(278, 80%, 78%, 0.4)", + "popup_highlight_text": "hsl(278, 22%, 10%)", + "toolbar": "hsl(278, 80%, 91%)", + "toolbar_text": "hsl(278, 22%, 10%)", + "toolbar_field": "hsl(278, 79%, 85%)", + "toolbar_field_text": "hsl(278, 22%, 10%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(278, 79%, 85%)", + "ntp_background": "hsl(279, 77%, 95%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(278, 22%, 10%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(278, 22%, 10%)", + "sidebar_highlight": "hsla(278, 80%, 78%, 0.4)", + "address_bar_box": "hsl(0, 0%, 100%)", + "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)", + "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)", + "address_bar_box_focus": "hsl(278, 80%, 91%)", + "address_bar_box_text": "hsl(278, 22%, 10%)", + "address_bar_url_color": "hsl(278, 33%, 44%)", + "panel_item_hover": "hsla(278, 80%, 78%, 0.4)", + "panel_item_active": "hsla(278, 80%, 78%, 0.55)", + "panel_separator": "hsl(278, 80%, 86%)", + "icons_attention": "hsl(278, 33%, 44%)", + "toolbar_field_icons_attention": "hsl(278, 33%, 44%)", + "tab_attention_dot": "hsl(146, 15%, 36%)", + "appmenu_update_icon_color": "hsl(146, 15%, 36%)", + "appmenu_info_icon_color": "hsl(203, 77%, 31%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/preview.svg new file mode 100644 index 0000000000..ed76cdcce9 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/preview.svg @@ -0,0 +1,36 @@ +<!-- 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="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(278, 79%, 85%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(278, 22%, 10%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(278, 22%, 10%)" /> + <rect y="44" width="680" height="48" fill="hsl(278, 80%, 91%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(278, 79%, 85%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(278, 22%, 10%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" 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="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <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="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> |
