diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /browser/themes/addons/colorways/2021-life-in-color | |
parent | Initial commit. (diff) | |
download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'browser/themes/addons/colorways/2021-life-in-color')
54 files changed, 2124 insertions, 0 deletions
diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/icon.svg new file mode 100644 index 0000000000..0bcba9aef3 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/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" gradientTransform="rotate(90)"> + <stop stop-color="#F5AD94"/> + <stop offset="1" stop-color="#E1653C"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/manifest.json new file mode 100644 index 0000000000..25da542d1a --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "abstract-balanced-colorway@mozilla.org" + } + }, + "name": "Abstract – Balanced", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(16, 73%, 97%)", + "tab_line": "transparent", + "tab_loading": "hsl(15, 62%, 40%)", + "tab_loading_inactive": "hsl(16, 100%, 82%)", + "frame": "hsl(15, 62%, 34%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(15, 74%, 63%)", + "popup_highlight": "hsla(15, 84%, 65%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(15, 62%, 40%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(16, 73%, 97%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(15, 62%, 34%)", + "ntp_background": "hsl(15, 39%, 80%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(15, 84%, 65%, 0.3)", + "address_bar_box": "hsl(15, 62%, 34%)", + "address_bar_box_hover": "hsla(15, 62%, 34%, 0.8)", + "address_bar_box_active": "hsla(15, 62%, 34%, 0.65)", + "address_bar_box_focus": "hsl(15, 62%, 40%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(15, 62%, 40%)", + "panel_item_hover": "hsla(15, 84%, 65%, 0.3)", + "panel_item_active": "hsla(15, 84%, 65%, 0.45)", + "panel_separator": "hsl(15, 74%, 63%)", + "icons_attention": "hsl(16, 100%, 82%)", + "toolbar_field_icons_attention": "hsl(15, 62%, 40%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "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/abstract/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/preview.svg new file mode 100644 index 0000000000..24dc27d4c6 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/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(15, 62%, 34%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(16, 73%, 97%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(15, 62%, 40%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(16, 73%, 97%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <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> diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/icon.svg new file mode 100644 index 0000000000..7f5f32157c --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/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(15, 10%, 16%)"/> + <stop offset="1" stop-color="hsl(18, 10%, 25%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/manifest.json new file mode 100644 index 0000000000..eda2056e0e --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "abstract-bold-colorway@mozilla.org" + } + }, + "name": "Abstract – Bold", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(15, 89%, 86%)", + "tab_text": "hsl(15, 89%, 86%)", + "tab_selected": "hsl(12, 5%, 21%)", + "tab_line": "hsl(15, 100%, 86%)", + "tab_loading": "hsl(15, 59%, 75%)", + "tab_loading_inactive": "hsl(15, 59%, 75%)", + "frame": "hsl(15, 10%, 16%)", + "popup": "hsl(12, 5%, 21%)", + "popup_text": "hsl(15, 89%, 86%)", + "popup_border": "hsl(15, 100%, 86%)", + "popup_highlight": "hsla(15, 100%, 86%, 0.2)", + "popup_highlight_text": "hsl(15, 89%, 86%)", + "toolbar": "hsl(18, 10%, 25%)", + "toolbar_text": "hsl(15, 89%, 86%)", + "toolbar_field": "hsl(15, 10%, 16%)", + "toolbar_field_text": "hsl(15, 89%, 86%)", + "toolbar_field_focus": "hsl(12, 5%, 21%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(15, 10%, 16%)", + "ntp_background": "hsl(20, 9%, 13%)", + "ntp_card_background": "hsl(12, 5%, 21%)", + "ntp_text": "hsl(15, 89%, 86%)", + "sidebar": "hsl(12, 5%, 21%)", + "sidebar_text": "hsl(15, 89%, 86%)", + "sidebar_highlight": "hsla(15, 100%, 86%, 0.2)", + "address_bar_box": "hsl(12, 5%, 21%)", + "address_bar_box_hover": "hsla(12, 5%, 21%, 0.8)", + "address_bar_box_active": "hsla(12, 5%, 21%, 0.65)", + "address_bar_box_focus": "hsl(18, 10%, 25%)", + "address_bar_box_text": "hsl(15, 89%, 86%)", + "address_bar_url_color": "hsl(15, 89%, 82%)", + "panel_item_hover": "hsla(15, 100%, 86%, 0.2)", + "panel_item_active": "hsla(15, 100%, 86%, 0.35)", + "panel_separator": "hsl(15, 100%, 86%)", + "icons_attention": "hsl(15, 59%, 75%)", + "toolbar_field_icons_attention": "hsl(15, 59%, 75%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "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/abstract/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/preview.svg new file mode 100644 index 0000000000..ff37080bdd --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/preview.svg @@ -0,0 +1,18 @@ +<!-- 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(15, 10%, 16%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(12, 5%, 21%)" stroke="hsl(15, 100%, 86%)" stroke-width="1.5" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(15, 89%, 86%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(15, 89%, 86%)" /> + <rect y="44" width="680" height="48" fill="hsl(18, 10%, 25%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(15, 10%, 16%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(15, 89%, 86%)" /> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/icon.svg new file mode 100644 index 0000000000..e36b822f9a --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/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(15, 100%, 78%)"/> + <stop offset="1" stop-color="hsl(15, 100%, 86%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/manifest.json new file mode 100644 index 0000000000..79eadac692 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "abstract-soft-colorway@mozilla.org" + } + }, + "name": "Abstract – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(30, 5%, 8%)", + "tab_text": "hsl(30, 5%, 8%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(15, 70%, 38%)", + "tab_loading_inactive": "hsl(15, 70%, 38%)", + "frame": "hsl(15, 100%, 78%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(30, 5%, 8%)", + "popup_border": "hsl(15, 71%, 80%)", + "popup_highlight": "hsla(15, 90%, 50%, 0.2)", + "popup_highlight_text": "hsl(30, 5%, 8%)", + "toolbar": "hsl(15, 100%, 86%)", + "toolbar_text": "hsl(30, 5%, 8%)", + "toolbar_field": "hsl(15, 100%, 78%)", + "toolbar_field_text": "hsl(30, 5%, 8%)", + "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(15, 100%, 78%)", + "ntp_background": "hsl(16, 73%, 97%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(30, 5%, 8%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(30, 5%, 8%)", + "sidebar_highlight": "hsla(15, 90%, 50%, 0.2)", + "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(15, 100%, 86%)", + "address_bar_box_text": "hsl(30, 5%, 8%)", + "address_bar_url_color": "hsl(15, 70%, 38%)", + "panel_item_hover": "hsla(15, 90%, 50%, 0.2)", + "panel_item_active": "hsla(15, 90%, 50%, 0.35)", + "panel_separator": "hsl(15, 71%, 80%)", + "icons_attention": "hsl(15, 70%, 38%)", + "toolbar_field_icons_attention": "hsl(15, 70%, 38%)", + "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/abstract/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/preview.svg new file mode 100644 index 0000000000..8e979444f9 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/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(15, 100%, 78%)" /> + <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(30, 5%, 8%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(30, 5%, 8%)" /> + <rect y="44" width="680" height="48" fill="hsl(15, 100%, 86%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(15, 100%, 78%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(30, 5%, 8%)" /> + <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> diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/icon.svg new file mode 100644 index 0000000000..71e10b3326 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/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" gradientTransform="rotate(90)"> + <stop stop-color="#FFE199"/> + <stop offset="1" stop-color="#EFA906"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/manifest.json new file mode 100644 index 0000000000..61a2bc45c0 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "cheers-balanced-colorway@mozilla.org" + } + }, + "name": "Cheers – Balanced", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 0%)", + "tab_text": "hsl(0, 0%, 100%)", + "tab_selected": "hsl(0, 0%, 20%)", + "tab_line": "transparent", + "tab_loading": "hsl(42, 95%, 60%)", + "tab_loading_inactive": "hsl(42, 100%, 27%)", + "frame": "hsl(42, 95%, 60%)", + "popup": "hsl(0, 0%, 20%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(42, 63%, 78%)", + "popup_highlight": "hsla(42, 100%, 62%, 0.22)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(42, 95%, 70%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(0, 0%, 20%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(0, 0%, 20%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(42, 95%, 60%)", + "ntp_background": "hsl(0, 0%, 9%)", + "ntp_card_background": "hsl(0, 0%, 20%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(0, 0%, 20%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(42, 100%, 62%, 0.22)", + "address_bar_box": "hsl(42, 95%, 60%)", + "address_bar_box_hover": "hsla(42, 95%, 60%, 0.8)", + "address_bar_box_active": "hsla(42, 95%, 60%, 0.65)", + "address_bar_box_focus": "hsl(42, 95%, 70%)", + "address_bar_box_text": "hsl(0, 0%, 0%)", + "address_bar_url_color": "hsl(42, 95%, 60%)", + "panel_item_hover": "hsla(42, 100%, 62%, 0.22)", + "panel_item_active": "hsla(42, 100%, 62%, 0.37)", + "panel_separator": "hsl(42, 63%, 78%)", + "icons_attention": "hsl(42, 100%, 27%)", + "toolbar_field_icons_attention": "hsl(42, 95%, 60%)", + "tab_attention_dot": "hsl(137, 15%, 36%)", + "appmenu_update_icon_color": "hsl(137, 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/cheers/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/preview.svg new file mode 100644 index 0000000000..1820af6cf3 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/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(42, 95%, 60%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 20%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect y="44" width="680" height="48" fill="hsl(42, 95%, 70%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(0, 0%, 20%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <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> diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/icon.svg new file mode 100644 index 0000000000..224dba4eaf --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/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(0, 0%, 11%)"/> + <stop offset="1" stop-color="hsl(0, 0%, 20%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/manifest.json new file mode 100644 index 0000000000..e9d4628b0d --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "cheers-bold-colorway@mozilla.org" + } + }, + "name": "Cheers – Bold", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(42, 96%, 65%)", + "tab_text": "hsl(42, 96%, 65%)", + "tab_selected": "hsl(0, 0%, 16%)", + "tab_line": "hsl(42, 80%, 58%)", + "tab_loading": "hsl(42, 70%, 72%)", + "tab_loading_inactive": "hsl(42, 70%, 72%)", + "frame": "hsl(0, 0%, 11%)", + "popup": "hsl(0, 0%, 16%)", + "popup_text": "hsl(42, 96%, 65%)", + "popup_border": "hsl(42, 95%, 60%)", + "popup_highlight": "hsla(42, 95%, 60%, 0.2)", + "popup_highlight_text": "hsl(42, 96%, 65%)", + "toolbar": "hsl(0, 0%, 20%)", + "toolbar_text": "hsl(42, 96%, 65%)", + "toolbar_field": "hsl(0, 0%, 11%)", + "toolbar_field_text": "hsl(42, 96%, 65%)", + "toolbar_field_focus": "hsl(0, 0%, 16%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(0, 0%, 11%)", + "ntp_background": "hsl(0, 0%, 11%)", + "ntp_card_background": "hsl(0, 0%, 16%)", + "ntp_text": "hsl(42, 96%, 65%)", + "sidebar": "hsl(0, 0%, 16%)", + "sidebar_text": "hsl(42, 96%, 65%)", + "sidebar_highlight": "hsla(42, 95%, 60%, 0.2)", + "address_bar_box": "hsl(0, 0%, 16%)", + "address_bar_box_hover": "hsla(0, 0%, 16%, 0.8)", + "address_bar_box_active": "hsla(0, 0%, 16%, 0.65)", + "address_bar_box_focus": "hsl(0, 0%, 20%)", + "address_bar_box_text": "hsl(42, 96%, 65%)", + "address_bar_url_color": "hsl(42, 70%, 72%)", + "panel_item_hover": "hsla(42, 95%, 60%, 0.2)", + "panel_item_active": "hsla(42, 95%, 60%, 0.35)", + "panel_separator": "hsl(42, 95%, 60%)", + "icons_attention": "hsl(42, 70%, 72%)", + "toolbar_field_icons_attention": "hsl(42, 70%, 72%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "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/cheers/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/preview.svg new file mode 100644 index 0000000000..ba16e58108 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/preview.svg @@ -0,0 +1,18 @@ +<!-- 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(0, 0%, 11%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 16%)" stroke="hsl(42, 80%, 58%)" stroke-width="1.5" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(42, 96%, 65%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(42, 96%, 65%)" /> + <rect y="44" width="680" height="48" fill="hsl(0, 0%, 20%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(0, 0%, 11%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(42, 96%, 65%)" /> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/icon.svg new file mode 100644 index 0000000000..1b9132ccb9 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/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(42, 100%, 70%)"/> + <stop offset="1" stop-color="hsl(42, 100%, 84%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/manifest.json new file mode 100644 index 0000000000..fbe7a2add5 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "cheers-soft-colorway@mozilla.org" + } + }, + "name": "Cheers – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 0%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(42, 100%, 30%)", + "tab_loading_inactive": "hsl(42, 100%, 30%)", + "frame": "hsl(42, 100%, 70%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(42, 100%, 60%)", + "popup_highlight": "hsla(42, 100%, 78%, 0.9)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(42, 100%, 84%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(42, 100%, 70%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "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(42, 100%, 70%)", + "ntp_background": "hsl(43, 61%, 92%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(42, 100%, 78%, 0.9)", + "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(42, 100%, 84%)", + "address_bar_box_text": "hsl(0, 0%, 0%)", + "address_bar_url_color": "hsl(42, 100%, 25%)", + "panel_item_hover": "hsla(42, 100%, 78%, 0.9)", + "panel_item_active": "hsl(42, 100%, 78%)", + "panel_separator": "hsl(42, 100%, 60%)", + "icons_attention": "hsl(42, 100%, 30%)", + "toolbar_field_icons_attention": "hsl(42, 100%, 30%)", + "tab_attention_dot": "hsl(137, 15%, 36%)", + "appmenu_update_icon_color": "hsl(137, 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/cheers/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/preview.svg new file mode 100644 index 0000000000..3d197dacf0 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/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(42, 100%, 70%)" /> + <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(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect y="44" width="680" height="48" fill="hsl(42, 100%, 84%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(42, 100%, 70%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <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> diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/icon.svg new file mode 100644 index 0000000000..46f9d406d0 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/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" gradientTransform="rotate(90)"> + <stop stop-color="#D2CEC6"/> + <stop offset="1" stop-color="#8E8671"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/manifest.json new file mode 100644 index 0000000000..ee50d27de7 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "elemental-balanced-colorway@mozilla.org" + } + }, + "name": "Elemental – Balanced", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(40, 7%, 92%)", + "tab_line": "transparent", + "tab_loading": "hsl(40, 7%, 18%)", + "tab_loading_inactive": "hsl(40, 8%, 85%)", + "frame": "hsl(38, 7%, 30%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(43, 7%, 60%)", + "popup_highlight": "hsla(40, 7%, 55%, 0.4)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(43, 7%, 40%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(40, 7%, 92%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(38, 7%, 30%)", + "ntp_background": "hsl(42, 8%, 78%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(40, 7%, 55%, 0.4)", + "address_bar_box": "hsl(38, 7%, 30%)", + "address_bar_box_hover": "hsla(38, 7%, 30%, 0.8)", + "address_bar_box_active": "hsla(38, 7%, 30%, 0.65)", + "address_bar_box_focus": "hsl(43, 7%, 40%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(150, 2%, 35%)", + "panel_item_hover": "hsla(40, 7%, 55%, 0.4)", + "panel_item_active": "hsla(40, 7%, 55%, 0.55)", + "panel_separator": "hsl(43, 7%, 60%)", + "icons_attention": "hsl(40, 8%, 85%)", + "toolbar_field_icons_attention": "hsl(40, 7%, 18%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "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/elemental/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/preview.svg new file mode 100644 index 0000000000..c700f4656d --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/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(38, 7%, 30%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(40, 7%, 92%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(43, 7%, 40%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(40, 7%, 92%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <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> diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/icon.svg new file mode 100644 index 0000000000..311409f39c --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/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(38, 7%, 30%)"/> + <stop offset="1" stop-color="hsl(42, 6%, 43%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/manifest.json new file mode 100644 index 0000000000..6dd0ca7cfc --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "elemental-bold-colorway@mozilla.org" + } + }, + "name": "Elemental – Bold", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 100%)", + "tab_selected": "hsl(40, 7%, 25%)", + "tab_line": "hsl(42, 7%, 38%)", + "tab_loading": "hsl(45, 6%, 88%)", + "tab_loading_inactive": "hsl(45, 6%, 88%)", + "frame": "hsl(38, 7%, 30%)", + "popup": "hsl(40, 7%, 25%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(43, 7%, 40%)", + "popup_highlight": "hsla(38, 7%, 70%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(42, 6%, 43%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(38, 7%, 30%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(40, 7%, 25%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(38, 7%, 30%)", + "ntp_background": "hsl(38, 7%, 30%)", + "ntp_card_background": "hsl(40, 7%, 25%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(40, 7%, 25%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(38, 7%, 70%, 0.3)", + "address_bar_box": "hsl(40, 7%, 25%)", + "address_bar_box_hover": "hsla(40, 7%, 25%, 0.8)", + "address_bar_box_active": "hsla(40, 7%, 25%, 0.65)", + "address_bar_box_focus": "hsl(42, 6%, 43%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(40, 6%, 90%)", + "panel_item_hover": "hsla(38, 7%, 70%, 0.3)", + "panel_item_active": "hsla(38, 7%, 70%, 0.45)", + "panel_separator": "hsl(43, 7%, 40%)", + "icons_attention": "hsl(45, 6%, 88%)", + "toolbar_field_icons_attention": "hsl(45, 6%, 88%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "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/elemental/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/preview.svg new file mode 100644 index 0000000000..8c1cd4867c --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/preview.svg @@ -0,0 +1,18 @@ +<!-- 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(38, 7%, 30%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(40, 7%, 25%)" stroke="hsl(42, 7%, 38%)" stroke-width="1.5" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(42, 6%, 43%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(38, 7%, 30%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/icon.svg new file mode 100644 index 0000000000..cb634ce131 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/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(45, 6%, 88%)"/> + <stop offset="1" stop-color="hsl(30, 7%, 94%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/manifest.json new file mode 100644 index 0000000000..b49d4d2209 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "elemental-soft-colorway@mozilla.org" + } + }, + "name": "Elemental – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(48, 10%, 10%)", + "tab_text": "hsl(48, 10%, 10%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(42, 7%, 38%)", + "tab_loading_inactive": "hsl(42, 7%, 38%)", + "frame": "hsl(45, 6%, 88%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(48, 10%, 10%)", + "popup_border": "hsl(48, 6%, 85%)", + "popup_highlight": "hsla(40, 7%, 73%, 0.4)", + "popup_highlight_text": "hsl(48, 10%, 10%)", + "toolbar": "hsl(30, 7%, 94%)", + "toolbar_text": "hsl(48, 10%, 10%)", + "toolbar_field": "hsl(45, 6%, 88%)", + "toolbar_field_text": "hsl(48, 10%, 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(45, 6%, 88%)", + "ntp_background": "hsl(60, 8%, 95%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(48, 10%, 10%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(48, 10%, 10%)", + "sidebar_highlight": "hsla(40, 7%, 73%, 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(30, 7%, 94%)", + "address_bar_box_text": "hsl(48, 10%, 10%)", + "address_bar_url_color": "hsl(42, 7%, 38%)", + "panel_item_hover": "hsla(40, 7%, 73%, 0.4)", + "panel_item_active": "hsla(40, 7%, 73%, 0.55)", + "panel_separator": "hsl(48, 6%, 85%)", + "icons_attention": "hsl(42, 7%, 38%)", + "toolbar_field_icons_attention": "hsl(42, 7%, 38%)", + "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/elemental/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/preview.svg new file mode 100644 index 0000000000..dce730c57e --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/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(45, 6%, 88%)" /> + <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(48, 10%, 10%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(48, 10%, 10%)" /> + <rect y="44" width="680" height="48" fill="hsl(30, 7%, 94%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(45, 6%, 88%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(48, 10%, 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> diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/icon.svg new file mode 100644 index 0000000000..08f3eaf469 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/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" gradientTransform="rotate(90)"> + <stop stop-color="#F9DDE0"/> + <stop offset="1" stop-color="#E18995"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/manifest.json new file mode 100644 index 0000000000..d744db57f3 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "foto-balanced-colorway@mozilla.org" + } + }, + "name": "Foto – Balanced", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(349, 35%, 94%)", + "tab_line": "transparent", + "tab_loading": "hsl(351, 37%, 40%)", + "tab_loading_inactive": "hsl(352, 56%, 84%)", + "frame": "hsl(351, 37%, 40%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(351, 44%, 63%)", + "popup_highlight": "hsla(350, 53%, 75%, 0.5)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(351, 37%, 47%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(349, 35%, 94%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(351, 37%, 40%)", + "ntp_background": "hsl(351, 37%, 80%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(350, 53%, 75%, 0.5)", + "address_bar_box": "hsl(351, 37%, 40%)", + "address_bar_box_hover": "hsla(351, 37%, 40%, 0.8)", + "address_bar_box_active": "hsla(351, 37%, 40%, 0.65)", + "address_bar_box_focus": "hsl(351, 37%, 47%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(351, 37%, 40%)", + "panel_item_hover": "hsla(350, 53%, 75%, 0.5)", + "panel_item_active": "hsla(350, 53%, 75%, 0.65)", + "panel_separator": "hsl(351, 44%, 63%)", + "icons_attention": "hsl(352, 56%, 84%)", + "toolbar_field_icons_attention": "hsl(351, 37%, 40%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "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/foto/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/preview.svg new file mode 100644 index 0000000000..1c43a6e67d --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/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(351, 37%, 40%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(349, 35%, 94%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(351, 37%, 47%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(349, 35%, 94%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <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> diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/icon.svg new file mode 100644 index 0000000000..b08be54e42 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/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(350, 32%, 30%)"/> + <stop offset="1" stop-color="hsl(351, 32%, 42%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/manifest.json new file mode 100644 index 0000000000..91abfe5119 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "foto-bold-colorway@mozilla.org" + } + }, + "name": "Foto – Bold", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 100%)", + "tab_selected": "hsl(351, 27%, 25%)", + "tab_line": "hsl(351, 31%, 52%)", + "tab_loading": "hsl(352, 56%, 84%)", + "tab_loading_inactive": "hsl(352, 56%, 84%)", + "frame": "hsl(350, 32%, 30%)", + "popup": "hsl(351, 27%, 25%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(351, 32%, 46%)", + "popup_highlight": "hsla(351, 32%, 50%, 0.6)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(351, 32%, 42%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(350, 32%, 30%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(351, 27%, 25%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(350, 32%, 30%)", + "ntp_background": "hsl(350, 14%, 17%)", + "ntp_card_background": "hsl(351, 27%, 25%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(351, 27%, 25%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(351, 32%, 50%, 0.6)", + "address_bar_box": "hsl(351, 27%, 25%)", + "address_bar_box_hover": "hsla(351, 27%, 25%, 0.8)", + "address_bar_box_active": "hsla(351, 27%, 25%, 0.65)", + "address_bar_box_focus": "hsl(351, 32%, 42%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(350, 57%, 90%)", + "panel_item_hover": "hsla(351, 32%, 50%, 0.6)", + "panel_item_active": "hsla(351, 32%, 50%, 0.75)", + "panel_separator": "hsl(351, 32%, 46%)", + "icons_attention": "hsl(352, 56%, 84%)", + "toolbar_field_icons_attention": "hsl(352, 56%, 84%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "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/foto/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/preview.svg new file mode 100644 index 0000000000..338672498f --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/preview.svg @@ -0,0 +1,18 @@ +<!-- 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(350, 32%, 30%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(351, 27%, 25%)" stroke="hsl(351, 31%, 52%)" stroke-width="1.5" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(351, 32%, 42%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(350, 32%, 30%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/icon.svg new file mode 100644 index 0000000000..9552e234f0 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/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(352, 56%, 84%)"/> + <stop offset="1" stop-color="hsl(351, 47%, 89%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/manifest.json new file mode 100644 index 0000000000..e9f1edf319 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "foto-soft-colorway@mozilla.org" + } + }, + "name": "Foto – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(351, 32%, 8%)", + "tab_text": "hsl(351, 32%, 8%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(351, 32%, 42%)", + "tab_loading_inactive": "hsl(351, 32%, 42%)", + "frame": "hsl(352, 56%, 84%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(351, 32%, 8%)", + "popup_border": "hsl(350, 61%, 88%)", + "popup_highlight": "hsla(351, 52%, 82%, 0.5)", + "popup_highlight_text": "hsl(351, 32%, 8%)", + "toolbar": "hsl(351, 47%, 89%)", + "toolbar_text": "hsl(351, 32%, 8%)", + "toolbar_field": "hsl(352, 56%, 84%)", + "toolbar_field_text": "hsl(351, 32%, 8%)", + "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(352, 56%, 84%)", + "ntp_background": "hsl(354, 33%, 94%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(351, 32%, 8%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(351, 32%, 8%)", + "sidebar_highlight": "hsla(351, 52%, 82%, 0.5)", + "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(351, 47%, 89%)", + "address_bar_box_text": "hsl(351, 32%, 8%)", + "address_bar_url_color": "hsl(351, 37%, 40%)", + "panel_item_hover": "hsla(351, 52%, 82%, 0.5)", + "panel_item_active": "hsla(351, 52%, 82%, 0.65)", + "panel_separator": "hsl(350, 61%, 88%)", + "icons_attention": "hsl(351, 32%, 42%)", + "toolbar_field_icons_attention": "hsl(351, 32%, 42%)", + "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/foto/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/preview.svg new file mode 100644 index 0000000000..e21d5c9de8 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/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(352, 56%, 84%)" /> + <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(351, 32%, 8%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(351, 32%, 8%)" /> + <rect y="44" width="680" height="48" fill="hsl(351, 47%, 89%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(352, 56%, 84%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(351, 32%, 8%)" /> + <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> diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/icon.svg new file mode 100644 index 0000000000..a6bb9c5a8b --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/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" gradientTransform="rotate(90)"> + <stop stop-color="#EBD1FA"/> + <stop offset="1" stop-color="#A864CE"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/manifest.json new file mode 100644 index 0000000000..b7d668485a --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "graffiti-balanced-colorway@mozilla.org" + } + }, + "name": "Graffiti – Balanced", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(278, 31%, 95%)", + "tab_line": "transparent", + "tab_loading": "hsl(278, 32%, 35%)", + "tab_loading_inactive": "hsl(279, 77%, 95%)", + "frame": "hsl(278, 33%, 40%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(278, 32%, 50%)", + "popup_highlight": "hsla(278, 80%, 78%, 0.4)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(279, 29%, 52%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(278, 31%, 95%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(278, 33%, 40%)", + "ntp_background": "hsl(277, 30%, 86%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(278, 80%, 78%, 0.4)", + "address_bar_box": "hsl(278, 33%, 40%)", + "address_bar_box_hover": "hsla(278, 33%, 40%, 0.8)", + "address_bar_box_active": "hsla(278, 33%, 40%, 0.65)", + "address_bar_box_focus": "hsl(279, 29%, 52%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(278, 32%, 35%)", + "panel_item_hover": "hsla(278, 80%, 78%, 0.4)", + "panel_item_active": "hsla(278, 80%, 78%, 0.55)", + "panel_separator": "hsl(278, 32%, 50%)", + "icons_attention": "hsl(279, 77%, 95%)", + "toolbar_field_icons_attention": "hsl(278, 32%, 35%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "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/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/preview.svg new file mode 100644 index 0000000000..9aa245de3e --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/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, 33%, 40%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(278, 31%, 95%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(279, 29%, 52%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(278, 31%, 95%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <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> diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/icon.svg new file mode 100644 index 0000000000..764d072a09 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/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(279, 31%, 28%)"/> + <stop offset="1" stop-color="hsl(278, 27%, 40%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/manifest.json new file mode 100644 index 0000000000..e56600702e --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "graffiti-bold-colorway@mozilla.org" + } + }, + "name": "Graffiti – Bold", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 100%)", + "tab_selected": "hsl(275, 15%, 22%)", + "tab_line": "hsl(278, 32%, 50%)", + "tab_loading": "hsl(278, 79%, 85%)", + "tab_loading_inactive": "hsl(278, 79%, 85%)", + "frame": "hsl(279, 31%, 28%)", + "popup": "hsl(275, 15%, 22%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(278, 30%, 42%)", + "popup_highlight": "hsla(278, 33%, 52%, 0.6)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(278, 27%, 40%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(279, 31%, 28%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(275, 15%, 22%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(279, 31%, 28%)", + "ntp_background": "hsl(270, 10%, 12%)", + "ntp_card_background": "hsl(275, 15%, 22%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(275, 15%, 22%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(278, 33%, 52%, 0.6)", + "address_bar_box": "hsl(275, 15%, 22%)", + "address_bar_box_hover": "hsla(275, 15%, 22%, 0.8)", + "address_bar_box_active": "hsla(275, 15%, 22%, 0.65)", + "address_bar_box_focus": "hsl(278, 27%, 40%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(278, 80%, 88%)", + "panel_item_hover": "hsla(278, 33%, 52%, 0.6)", + "panel_item_active": "hsla(278, 33%, 52%, 0.75)", + "panel_separator": "hsl(278, 30%, 42%)", + "icons_attention": "hsl(278, 79%, 85%)", + "toolbar_field_icons_attention": "hsl(278, 79%, 85%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "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/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/preview.svg new file mode 100644 index 0000000000..f1db86b92e --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/preview.svg @@ -0,0 +1,18 @@ +<!-- 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(279, 31%, 28%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(275, 15%, 22%)" stroke="hsl(278, 32%, 50%)" stroke-width="1.5" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(278, 27%, 40%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(279, 31%, 28%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> +</svg> 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> diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/icon.svg new file mode 100644 index 0000000000..4c06426349 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/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" gradientTransform="rotate(90)"> + <stop stop-color="#B6D8C4"/> + <stop offset="1" stop-color="#609F7A"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/manifest.json new file mode 100644 index 0000000000..c265b4ae87 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "lush-balanced-colorway@mozilla.org" + } + }, + "name": "Lush – Balanced", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(120, 7%, 94%)", + "tab_line": "transparent", + "tab_loading": "hsl(138, 16%, 32%)", + "tab_loading_inactive": "hsl(147, 25%, 86%)", + "frame": "hsl(144, 16%, 30%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(145, 25%, 50%)", + "popup_highlight": "hsla(145, 36%, 40%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(146, 15%, 36%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(120, 7%, 94%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(144, 16%, 30%)", + "ntp_background": "hsl(140, 10%, 82%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(145, 36%, 40%, 0.3)", + "address_bar_box": "hsl(144, 16%, 30%)", + "address_bar_box_hover": "hsla(144, 16%, 30%, 0.8)", + "address_bar_box_active": "hsla(144, 16%, 30%, 0.65)", + "address_bar_box_focus": "hsl(146, 15%, 36%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(138, 16%, 32%)", + "panel_item_hover": "hsla(145, 36%, 40%, 0.3)", + "panel_item_active": "hsla(145, 36%, 40%, 0.45)", + "panel_separator": "hsl(145, 25%, 50%)", + "icons_attention": "hsl(147, 25%, 86%)", + "toolbar_field_icons_attention": "hsl(138, 16%, 32%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "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/lush/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/preview.svg new file mode 100644 index 0000000000..3bfe84c75f --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/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(144, 16%, 30%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(120, 7%, 94%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(146, 15%, 36%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(120, 7%, 94%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <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> diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/icon.svg new file mode 100644 index 0000000000..9c2c88dd7b --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/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(139, 16%, 30%)"/> + <stop offset="1" stop-color="hsl(139, 15%, 42%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/manifest.json new file mode 100644 index 0000000000..dd4011023d --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "lush-bold-colorway@mozilla.org" + } + }, + "name": "Lush – Bold", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 100%)", + "tab_selected": "hsl(140, 2%, 28%)", + "tab_line": "hsl(139, 8%, 48%)", + "tab_loading": "hsl(146, 44%, 86%)", + "tab_loading_inactive": "hsl(146, 44%, 86%)", + "frame": "hsl(139, 16%, 30%)", + "popup": "hsl(140, 2%, 28%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(140, 10%, 35%)", + "popup_highlight": "hsla(137, 18%, 50%, 0.42)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(139, 15%, 42%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(139, 16%, 30%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(140, 2%, 28%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(139, 16%, 30%)", + "ntp_background": "hsl(150, 2%, 20%)", + "ntp_card_background": "hsl(140, 2%, 28%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(140, 2%, 28%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(137, 18%, 50%, 0.42)", + "address_bar_box": "hsl(140, 2%, 28%)", + "address_bar_box_hover": "hsla(140, 2%, 28%, 0.8)", + "address_bar_box_active": "hsla(140, 2%, 28%, 0.65)", + "address_bar_box_focus": "hsl(139, 15%, 42%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(146, 44%, 86%)", + "panel_item_hover": "hsla(137, 18%, 50%, 0.42)", + "panel_item_active": "hsla(137, 18%, 50%, 0.57)", + "panel_separator": "hsl(140, 10%, 35%)", + "icons_attention": "hsl(146, 44%, 86%)", + "toolbar_field_icons_attention": "hsl(146, 44%, 86%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "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/lush/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/preview.svg new file mode 100644 index 0000000000..83af350291 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/preview.svg @@ -0,0 +1,18 @@ +<!-- 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(139, 16%, 30%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(140, 2%, 28%)" stroke="hsl(139, 8%, 48%)" stroke-width="1.5" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(139, 15%, 42%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(139, 16%, 30%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/icon.svg new file mode 100644 index 0000000000..79cf4d5bb7 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/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(147, 25%, 86%)"/> + <stop offset="1" stop-color="hsl(140, 26%, 93%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/manifest.json new file mode 100644 index 0000000000..1f4ef55c98 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "lush-soft-colorway@mozilla.org" + } + }, + "name": "Lush – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(150, 6%, 20%)", + "tab_text": "hsl(150, 6%, 20%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(145, 24%, 32%)", + "tab_loading_inactive": "hsl(145, 24%, 32%)", + "frame": "hsl(147, 25%, 86%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(150, 6%, 20%)", + "popup_border": "hsl(144, 25%, 88%)", + "popup_highlight": "hsla(143, 25%, 86%, 0.7)", + "popup_highlight_text": "hsl(150, 6%, 20%)", + "toolbar": "hsl(140, 26%, 93%)", + "toolbar_text": "hsl(150, 6%, 20%)", + "toolbar_field": "hsl(147, 25%, 86%)", + "toolbar_field_text": "hsl(150, 6%, 20%)", + "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(147, 25%, 86%)", + "ntp_background": "hsl(150, 25%, 97%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(150, 6%, 20%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(150, 6%, 20%)", + "sidebar_highlight": "hsla(143, 25%, 86%, 0.7)", + "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(140, 26%, 93%)", + "address_bar_box_text": "hsl(150, 6%, 20%)", + "address_bar_url_color": "hsl(145, 24%, 32%)", + "panel_item_hover": "hsla(143, 25%, 86%, 0.7)", + "panel_item_active": "hsla(143, 25%, 86%, 0.85)", + "panel_separator": "hsl(144, 25%, 88%)", + "icons_attention": "hsl(145, 24%, 32%)", + "toolbar_field_icons_attention": "hsl(145, 24%, 32%)", + "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/lush/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/preview.svg new file mode 100644 index 0000000000..611339319e --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/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(147, 25%, 86%)" /> + <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(150, 6%, 20%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(150, 6%, 20%)" /> + <rect y="44" width="680" height="48" fill="hsl(140, 26%, 93%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(147, 25%, 86%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(150, 6%, 20%)" /> + <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> |