diff options
Diffstat (limited to 'browser/themes/addons/colorways/2022-independent-voices')
54 files changed, 2122 insertions, 0 deletions
diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/icon.svg new file mode 100644 index 0000000000..1422130dc6 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/activist/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" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(220, 72%, 28%)"/> + <stop offset="1" stop-color="hsl(220, 49%, 48%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/manifest.json new file mode 100644 index 0000000000..4c75d2fab5 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/manifest.json @@ -0,0 +1,78 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "activist-balanced-colorway@mozilla.org" + } + }, + "name": "Activist – Balanced", + "author": "Mozilla", + "version": "1.1.2", + "icons": { + "32": "icon.svg" + }, + "theme": { + "properties": { + "color_scheme": "light", + "content_color_scheme": "auto" + }, + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(223, 100%, 99%)", + "tab_line": "transparent", + "tab_loading": "hsl(0, 0%, 0%)", + "tab_loading_inactive": "hsl(0, 0%, 0%)", + "frame": "hsl(220, 72%, 28%)", + "popup": "hsl(228, 100%, 99%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(220, 58%, 39%)", + "popup_highlight": "hsla(220, 54%, 80%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(220, 49%, 48%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(223, 100%, 99%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(228, 100%, 99%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(220, 72%, 28%)", + "ntp_background": "hsl(221, 63%, 87%)", + "ntp_card_background": "hsl(228, 100%, 99%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(228, 100%, 99%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(220, 54%, 80%, 0.3)", + "address_bar_box": "hsl(220, 72%, 28%)", + "address_bar_box_hover": "hsla(220, 72%, 28%, 0.8)", + "address_bar_box_active": "hsla(220, 72%, 28%, 0.65)", + "address_bar_box_focus": "hsl(220, 49%, 48%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(220, 76%, 31%)", + "panel_item_hover": "hsla(220, 54%, 80%, 0.3)", + "panel_item_active": "hsla(220, 54%, 80%, 0.45)", + "panel_separator": "hsl(220, 58%, 39%)", + "icons_attention": "hsl(0, 0%, 0%)", + "toolbar_field_icons_attention": "hsl(0, 0%, 0%)", + "tab_attention_dot": "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_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/activist/balanced/preview.svg new file mode 100644 index 0000000000..9ebc168c7e --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/activist/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(220, 72%, 28%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(223, 100%, 99%)" 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(220, 49%, 48%)" /> + <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(223, 100%, 99%)" /> + <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/2022-independent-voices/activist/bold/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/activist/bold/icon.svg new file mode 100644 index 0000000000..37eee3b21e --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/activist/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(233, 73%, 12%)"/> + <stop offset="1" stop-color="hsl(234, 90%, 19%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/bold/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/activist/bold/manifest.json new file mode 100644 index 0000000000..d3404ca9a5 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/activist/bold/manifest.json @@ -0,0 +1,74 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "activist-bold-colorway@mozilla.org" + } + }, + "name": "Activist – Bold", + "author": "Mozilla", + "version": "1.1.2", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 100%)", + "tab_selected": "hsl(220, 79%, 11%)", + "tab_line": "hsl(220, 54%, 67%)", + "tab_loading": "hsl(220, 70%, 78%)", + "tab_loading_inactive": "hsl(220, 70%, 78%)", + "frame": "hsl(233, 73%, 12%)", + "popup": "hsl(220, 79%, 11%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(220, 69%, 66%)", + "popup_highlight": "hsla(220, 89%, 69%, 0.2)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(234, 90%, 19%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(233, 73%, 12%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(220, 79%, 11%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(233, 73%, 12%)", + "ntp_background": "hsl(222, 100%, 3%)", + "ntp_card_background": "hsl(220, 79%, 11%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(220, 79%, 11%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(220, 89%, 69%, 0.2)", + "address_bar_box": "hsl(220, 79%, 11%)", + "address_bar_box_active": "hsla(220, 79%, 11%, 0.65)", + "address_bar_box_focus": "hsl(234, 90%, 19%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(219, 37%, 59%)", + "panel_item_hover": "hsla(220, 89%, 69%, 0.2)", + "panel_item_active": "hsla(220, 89%, 69%, 0.35)", + "panel_separator": "hsl(220, 69%, 66%)", + "icons_attention": "hsl(220, 70%, 78%)", + "toolbar_field_icons_attention": "hsl(220, 70%, 78%)", + "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_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/2022-independent-voices/activist/bold/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/activist/bold/preview.svg new file mode 100644 index 0000000000..cf1f18c9b1 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/activist/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(233, 73%, 12%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(220, 79%, 11%)" stroke="hsl(220, 54%, 67%)" 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(234, 90%, 19%)" /> + <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(233, 73%, 12%)" /> + <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/2022-independent-voices/activist/soft/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/activist/soft/icon.svg new file mode 100644 index 0000000000..403f3e5dfd --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/activist/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(226, 45%, 79%)"/> + <stop offset="1" stop-color="hsl(227, 47%, 90%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/activist/soft/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/activist/soft/manifest.json new file mode 100644 index 0000000000..05753ccc52 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/activist/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "activist-soft-colorway@mozilla.org" + } + }, + "name": "Activist – 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(227, 91%, 41%)", + "tab_loading_inactive": "hsl(227, 91%, 41%)", + "frame": "hsl(226, 45%, 79%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(226, 54%, 56%)", + "popup_highlight": "hsla(226, 54%, 56%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(227, 47%, 90%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(226, 45%, 79%)", + "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(226, 45%, 79%)", + "ntp_background": "hsl(226, 68%, 96%)", + "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(226, 54%, 56%, 0.3)", + "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(227, 47%, 90%)", + "address_bar_box_text": "hsl(0, 0%, 0%)", + "address_bar_url_color": "hsl(226, 67%, 37%)", + "panel_item_hover": "hsla(226, 54%, 56%, 0.3)", + "panel_item_active": "hsla(226, 54%, 56%, 0.45)", + "panel_separator": "hsl(226, 54%, 56%)", + "icons_attention": "hsl(227, 91%, 41%)", + "toolbar_field_icons_attention": "hsl(227, 91%, 41%)", + "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/2022-independent-voices/activist/soft/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/activist/soft/preview.svg new file mode 100644 index 0000000000..d8756b95ad --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/activist/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(226, 45%, 79%)" /> + <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(227, 47%, 90%)" /> + <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(226, 45%, 79%)" /> + <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/2022-independent-voices/dreamer/balanced/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/icon.svg new file mode 100644 index 0000000000..4e70d68e8b --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/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" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(266, 39%, 35%)"/> + <stop offset="1" stop-color="hsl(265, 34%, 47%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/manifest.json new file mode 100644 index 0000000000..8c6a583464 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/manifest.json @@ -0,0 +1,78 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "dreamer-balanced-colorway@mozilla.org" + } + }, + "name": "Dreamer – Balanced", + "author": "Mozilla", + "version": "1.1.2", + "icons": { + "32": "icon.svg" + }, + "theme": { + "properties": { + "color_scheme": "light", + "content_color_scheme": "auto" + }, + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(277, 31%, 95%)", + "tab_line": "transparent", + "tab_loading": "hsl(0, 0%, 0%)", + "tab_loading_inactive": "hsl(0, 0%, 0%)", + "frame": "hsl(266, 39%, 35%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(266, 66%, 24%)", + "popup_highlight": "hsla(264, 43%, 85%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(265, 34%, 47%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(277, 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(266, 39%, 35%)", + "ntp_background": "hsl(263, 59%, 91%)", + "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(264, 43%, 85%, 0.3)", + "address_bar_box": "hsl(266, 39%, 35%)", + "address_bar_box_hover": "hsla(266, 39%, 35%, 0.8)", + "address_bar_box_active": "hsla(266, 39%, 35%, 0.65)", + "address_bar_box_focus": "hsl(265, 34%, 47%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(266, 39%, 35%)", + "panel_item_hover": "hsla(264, 43%, 85%, 0.3)", + "panel_item_active": "hsla(264, 43%, 85%, 0.45)", + "panel_separator": "hsl(266, 66%, 24%)", + "icons_attention": "hsl(0, 0%, 0%)", + "toolbar_field_icons_attention": "hsl(0, 0%, 0%)", + "tab_attention_dot": "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_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/preview.svg new file mode 100644 index 0000000000..c0277ca6a3 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/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(266, 39%, 35%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(277, 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(265, 34%, 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(277, 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/2022-independent-voices/dreamer/bold/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/icon.svg new file mode 100644 index 0000000000..ffcb472f42 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/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(266, 68%, 20%)"/> + <stop offset="1" stop-color="hsl(265, 45%, 29%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/manifest.json new file mode 100644 index 0000000000..2d7b867562 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/manifest.json @@ -0,0 +1,74 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "dreamer-bold-colorway@mozilla.org" + } + }, + "name": "Dreamer – Bold", + "author": "Mozilla", + "version": "1.1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 100%)", + "tab_selected": "hsl(267, 54%, 15%)", + "tab_line": "hsl(266, 49%, 45%)", + "tab_loading": "hsl(266, 83%, 81%)", + "tab_loading_inactive": "hsl(266, 83%, 81%)", + "frame": "hsl(266, 68%, 20%)", + "popup": "hsl(267, 54%, 15%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(266, 60%, 67%)", + "popup_highlight": "hsla(266, 39%, 35%, 0.6)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(265, 45%, 29%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(266, 68%, 20%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(267, 54%, 15%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(266, 68%, 20%)", + "ntp_background": "hsl(256, 100%, 4%)", + "ntp_card_background": "hsl(267, 54%, 15%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(267, 54%, 15%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(266, 39%, 35%, 0.6)", + "address_bar_box": "hsl(267, 54%, 15%)", + "address_bar_box_active": "hsla(267, 54%, 15%, 0.65)", + "address_bar_box_focus": "hsl(265, 45%, 29%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(266, 72%, 82%)", + "panel_item_hover": "hsla(266, 39%, 35%, 0.6)", + "panel_item_active": "hsla(266, 39%, 35%, 0.75)", + "panel_separator": "hsl(266, 60%, 67%)", + "icons_attention": "hsl(266, 83%, 81%)", + "toolbar_field_icons_attention": "hsl(266, 83%, 81%)", + "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_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/2022-independent-voices/dreamer/bold/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/preview.svg new file mode 100644 index 0000000000..c172daef44 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/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(266, 68%, 20%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(267, 54%, 15%)" stroke="hsl(266, 49%, 45%)" 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(265, 45%, 29%)" /> + <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(266, 68%, 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%)" /> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/icon.svg new file mode 100644 index 0000000000..f4f3e0c2c8 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/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(258, 49%, 84%)"/> + <stop offset="1" stop-color="hsl(259, 69%, 94%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/manifest.json new file mode 100644 index 0000000000..350b354405 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "dreamer-soft-colorway@mozilla.org" + } + }, + "name": "Dreamer – 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, 49%, 35%)", + "tab_loading_inactive": "hsl(278, 49%, 35%)", + "frame": "hsl(258, 49%, 84%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(278, 22%, 10%)", + "popup_border": "hsl(258, 72%, 43%)", + "popup_highlight": "hsla(259, 56%, 79%, 0.3)", + "popup_highlight_text": "hsl(278, 22%, 10%)", + "toolbar": "hsl(259, 69%, 94%)", + "toolbar_text": "hsl(278, 22%, 10%)", + "toolbar_field": "hsl(258, 49%, 84%)", + "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(258, 49%, 84%)", + "ntp_background": "hsl(258, 76%, 97%)", + "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(259, 56%, 79%, 0.3)", + "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(259, 69%, 94%)", + "address_bar_box_text": "hsl(278, 22%, 10%)", + "address_bar_url_color": "hsl(258, 46%, 46%)", + "panel_item_hover": "hsla(259, 56%, 79%, 0.3)", + "panel_item_active": "hsla(259, 56%, 79%, 0.45)", + "panel_separator": "hsl(258, 72%, 43%)", + "icons_attention": "hsl(278, 49%, 35%)", + "toolbar_field_icons_attention": "hsl(278, 49%, 35%)", + "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/2022-independent-voices/dreamer/soft/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/preview.svg new file mode 100644 index 0000000000..f801303d7d --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/dreamer/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(258, 49%, 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(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(259, 69%, 94%)" /> + <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(258, 49%, 84%)" /> + <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/2022-independent-voices/expressionist/balanced/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/icon.svg new file mode 100644 index 0000000000..28974b9b4b --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/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" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(45, 85%, 63%)"/> + <stop offset="1" stop-color="hsl(45, 93%, 77%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/manifest.json new file mode 100644 index 0000000000..17eac4aa7f --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "expressionist-balanced-colorway@mozilla.org" + } + }, + "name": "Expressionist – Balanced", + "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(46, 91%, 95%)", + "tab_line": "transparent", + "tab_loading": "hsl(0, 0%, 0%)", + "tab_loading_inactive": "hsl(0, 0%, 0%)", + "frame": "hsl(45, 85%, 63%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(33, 91%, 27%)", + "popup_highlight": "hsla(45, 85%, 63%, 0.2)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(45, 93%, 77%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(46, 91%, 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(45, 85%, 63%)", + "ntp_background": "hsl(46, 94%, 94%)", + "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(45, 85%, 63%, 0.2)", + "address_bar_box": "hsl(45, 85%, 63%)", + "address_bar_box_hover": "hsla(45, 85%, 63%, 0.8)", + "address_bar_box_active": "hsla(45, 85%, 63%, 0.65)", + "address_bar_box_focus": "hsl(45, 93%, 77%)", + "address_bar_box_text": "hsl(0, 0%, 0%)", + "address_bar_url_color": "hsl(33, 91%, 27%)", + "panel_item_hover": "hsla(45, 85%, 63%, 0.2)", + "panel_item_active": "hsla(45, 85%, 63%, 0.35)", + "panel_separator": "hsl(33, 91%, 27%)", + "icons_attention": "hsl(0, 0%, 0%)", + "toolbar_field_icons_attention": "hsl(0, 0%, 0%)", + "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/2022-independent-voices/expressionist/balanced/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/preview.svg new file mode 100644 index 0000000000..8d0bb43756 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/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(45, 85%, 63%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(46, 91%, 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%, 0%)" /> + <rect y="44" width="680" height="48" fill="hsl(45, 93%, 77%)" /> + <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(46, 91%, 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/2022-independent-voices/expressionist/bold/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/icon.svg new file mode 100644 index 0000000000..bd6d7f390f --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/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(45, 95%, 17%)"/> + <stop offset="1" stop-color="hsl(45, 89%, 25%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/manifest.json new file mode 100644 index 0000000000..514463473c --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "expressionist-bold-colorway@mozilla.org" + } + }, + "name": "Expressionist – 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(47, 95%, 8%)", + "tab_line": "hsl(45, 86%, 83%)", + "tab_loading": "hsl(45, 68%, 66%)", + "tab_loading_inactive": "hsl(45, 68%, 66%)", + "frame": "hsl(45, 95%, 17%)", + "popup": "hsl(47, 95%, 8%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(45, 49%, 77%)", + "popup_highlight": "hsla(45, 87%, 47%, 0.2)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(45, 89%, 25%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(45, 95%, 17%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(47, 95%, 8%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(45, 95%, 17%)", + "ntp_background": "hsl(46, 68%, 4%)", + "ntp_card_background": "hsl(47, 95%, 8%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(47, 95%, 8%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(45, 87%, 47%, 0.2)", + "address_bar_box": "hsl(47, 95%, 8%)", + "address_bar_box_hover": "hsla(47, 95%, 8%, 0.8)", + "address_bar_box_active": "hsla(47, 95%, 8%, 0.65)", + "address_bar_box_focus": "hsl(45, 89%, 25%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(45, 78%, 82%)", + "panel_item_hover": "hsla(45, 87%, 47%, 0.2)", + "panel_item_active": "hsla(45, 87%, 47%, 0.35)", + "panel_separator": "hsl(45, 49%, 77%)", + "icons_attention": "hsl(45, 68%, 66%)", + "toolbar_field_icons_attention": "hsl(45, 68%, 66%)", + "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/2022-independent-voices/expressionist/bold/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/preview.svg new file mode 100644 index 0000000000..e26a8edcf0 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/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(45, 95%, 17%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(47, 95%, 8%)" stroke="hsl(45, 86%, 83%)" 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(45, 89%, 25%)" /> + <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(45, 95%, 17%)" /> + <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/2022-independent-voices/expressionist/soft/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/icon.svg new file mode 100644 index 0000000000..a97d148a37 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/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, 76%, 85%)"/> + <stop offset="1" stop-color="hsl(46, 94%, 94%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/manifest.json new file mode 100644 index 0000000000..de192b05df --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "expressionist-soft-colorway@mozilla.org" + } + }, + "name": "Expressionist – 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(33, 74%, 29%)", + "tab_loading_inactive": "hsl(33, 74%, 29%)", + "frame": "hsl(45, 76%, 85%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(30, 5%, 8%)", + "popup_border": "hsl(45, 91%, 30%)", + "popup_highlight": "hsla(40, 90%, 50%, 0.2)", + "popup_highlight_text": "hsl(30, 5%, 8%)", + "toolbar": "hsl(46, 94%, 94%)", + "toolbar_text": "hsl(30, 5%, 8%)", + "toolbar_field": "hsl(45, 76%, 85%)", + "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(45, 76%, 85%)", + "ntp_background": "hsl(44, 100%, 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(40, 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(46, 94%, 94%)", + "address_bar_box_text": "hsl(30, 5%, 8%)", + "address_bar_url_color": "hsl(33, 86%, 23%)", + "panel_item_hover": "hsla(40, 90%, 50%, 0.2)", + "panel_item_active": "hsla(40, 90%, 50%, 0.35)", + "panel_separator": "hsl(45, 91%, 30%)", + "icons_attention": "hsl(33, 74%, 29%)", + "toolbar_field_icons_attention": "hsl(33, 74%, 29%)", + "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/2022-independent-voices/expressionist/soft/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/preview.svg new file mode 100644 index 0000000000..9eb3ddf051 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/expressionist/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, 76%, 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(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(46, 94%, 94%)" /> + <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(45, 76%, 85%)" /> + <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/2022-independent-voices/innovator/balanced/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/icon.svg new file mode 100644 index 0000000000..29a6895ca7 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/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" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(14, 94%, 55%)"/> + <stop offset="1" stop-color="hsl(14, 93%, 83%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/manifest.json new file mode 100644 index 0000000000..b47d0dcbd5 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "innovator-balanced-colorway@mozilla.org" + } + }, + "name": "Innovator – Balanced", + "author": "Mozilla", + "version": "1.1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(12, 100%, 91%)", + "tab_line": "transparent", + "tab_loading": "hsl(0, 0%, 0%)", + "tab_loading_inactive": "hsl(0, 0%, 0%)", + "frame": "hsl(14, 94%, 55%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(10, 92%, 33%)", + "popup_highlight": "hsla(17, 89%, 79%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(14, 93%, 83%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(12, 100%, 91%)", + "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(14, 94%, 55%)", + "ntp_background": "hsl(11, 100%, 90%)", + "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(17, 89%, 79%, 0.3)", + "address_bar_box": "hsl(14, 94%, 55%)", + "address_bar_box_hover": "hsla(14, 94%, 55%, 0.8)", + "address_bar_box_active": "hsla(14, 94%, 55%, 0.65)", + "address_bar_box_focus": "hsl(14, 93%, 83%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(10, 86%, 40%)", + "panel_item_hover": "hsla(17, 89%, 79%, 0.3)", + "panel_item_active": "hsla(17, 89%, 79%, 0.45)", + "panel_separator": "hsl(10, 92%, 33%)", + "icons_attention": "hsl(0, 0%, 0%)", + "toolbar_field_icons_attention": "hsl(0, 0%, 0%)", + "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/2022-independent-voices/innovator/balanced/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/preview.svg new file mode 100644 index 0000000000..292ad647a2 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/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(14, 94%, 55%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(12, 100%, 91%)" 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(14, 93%, 83%)" /> + <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(12, 100%, 91%)" /> + <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/2022-independent-voices/innovator/bold/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/icon.svg new file mode 100644 index 0000000000..3c96b19dd2 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/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(10, 89%, 18%)"/> + <stop offset="1" stop-color="hsl(11, 87%, 32%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/manifest.json new file mode 100644 index 0000000000..395405b791 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "innovator-bold-colorway@mozilla.org" + } + }, + "name": "Innovator – 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(11, 96%, 10%)", + "tab_line": "hsl(10, 93%, 89%)", + "tab_loading": "hsl(11, 88%, 90%)", + "tab_loading_inactive": "hsl(11, 88%, 90%)", + "frame": "hsl(10, 89%, 18%)", + "popup": "hsl(11, 96%, 10%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(10, 60%, 68%)", + "popup_highlight": "hsla(10, 85%, 36%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(11, 87%, 32%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(10, 89%, 18%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(11, 96%, 10%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(10, 89%, 18%)", + "ntp_background": "hsl(10, 100%, 1%)", + "ntp_card_background": "hsl(11, 96%, 10%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(11, 96%, 10%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(10, 85%, 36%, 0.3)", + "address_bar_box": "hsl(11, 96%, 10%)", + "address_bar_box_hover": "hsla(11, 96%, 10%, 0.8)", + "address_bar_box_active": "hsla(11, 96%, 10%, 0.65)", + "address_bar_box_focus": "hsl(11, 87%, 32%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(350, 57%, 90%)", + "panel_item_hover": "hsla(10, 85%, 36%, 0.3)", + "panel_item_active": "hsla(10, 85%, 36%, 0.45)", + "panel_separator": "hsl(10, 60%, 68%)", + "icons_attention": "hsl(11, 88%, 90%)", + "toolbar_field_icons_attention": "hsl(11, 88%, 90%)", + "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/2022-independent-voices/innovator/bold/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/innovator/bold/preview.svg new file mode 100644 index 0000000000..fdb79fe84d --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/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(10, 89%, 18%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(11, 96%, 10%)" stroke="hsl(10, 93%, 89%)" 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(11, 87%, 32%)" /> + <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(10, 89%, 18%)" /> + <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/2022-independent-voices/innovator/soft/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/icon.svg new file mode 100644 index 0000000000..6df542ae42 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/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(14, 81%, 81%)"/> + <stop offset="1" stop-color="hsl(14, 64%, 87%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/manifest.json new file mode 100644 index 0000000000..df0e55a309 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "innovator-soft-colorway@mozilla.org" + } + }, + "name": "Innovator – 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(14, 89%, 28%)", + "tab_loading_inactive": "hsl(14, 89%, 28%)", + "frame": "hsl(14, 81%, 81%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(351, 32%, 8%)", + "popup_border": "hsl(14, 93%, 36%)", + "popup_highlight": "hsla(14, 83%, 76%, 0.4)", + "popup_highlight_text": "hsl(351, 32%, 8%)", + "toolbar": "hsl(14, 64%, 87%)", + "toolbar_text": "hsl(351, 32%, 8%)", + "toolbar_field": "hsl(14, 81%, 81%)", + "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(14, 81%, 81%)", + "ntp_background": "hsl(14, 84%, 95%)", + "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(14, 83%, 76%, 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(14, 64%, 87%)", + "address_bar_box_text": "hsl(351, 32%, 8%)", + "address_bar_url_color": "hsl(14, 86%, 41%)", + "panel_item_hover": "hsla(14, 83%, 76%, 0.4)", + "panel_item_active": "hsla(14, 83%, 76%, 0.55)", + "panel_separator": "hsl(14, 93%, 36%)", + "icons_attention": "hsl(14, 89%, 28%)", + "toolbar_field_icons_attention": "hsl(14, 89%, 28%)", + "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/2022-independent-voices/innovator/soft/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/innovator/soft/preview.svg new file mode 100644 index 0000000000..fd076d525e --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/innovator/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(14, 81%, 81%)" /> + <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(14, 64%, 87%)" /> + <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(14, 81%, 81%)" /> + <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/2022-independent-voices/playmaker/balanced/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/icon.svg new file mode 100644 index 0000000000..dec120e11f --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/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" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(354, 71%, 43%)"/> + <stop offset="1" stop-color="hsl(354, 80%, 69%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/manifest.json new file mode 100644 index 0000000000..0ef95e6f04 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/manifest.json @@ -0,0 +1,74 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "playmaker-balanced-colorway@mozilla.org" + } + }, + "name": "Playmaker – Balanced", + "author": "Mozilla", + "version": "1.1.2", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(352, 65%, 95%)", + "tab_line": "transparent", + "tab_loading": "hsl(0, 0%, 0%)", + "tab_loading_inactive": "hsl(0, 0%, 0%)", + "frame": "hsl(354, 71%, 43%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(354, 87%, 36%)", + "popup_highlight": "hsla(355, 62%, 75%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(354, 80%, 69%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(352, 65%, 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(354, 71%, 43%)", + "ntp_background": "hsl(355, 73%, 91%)", + "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(355, 62%, 75%, 0.3)", + "address_bar_box": "hsl(354, 71%, 43%)", + "address_bar_box_hover": "hsla(354, 71%, 43%, 0.8)", + "address_bar_box_active": "hsla(354, 71%, 43%, 0.65)", + "address_bar_box_focus": "hsl(354, 80%, 69%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(354, 79%, 40%)", + "panel_item_hover": "hsla(355, 62%, 75%, 0.3)", + "panel_item_active": "hsla(355, 62%, 75%, 0.45)", + "panel_separator": "hsl(354, 87%, 36%)", + "icons_attention": "hsl(0, 0%, 0%)", + "toolbar_field_icons_attention": "hsl(0, 0%, 0%)", + "tab_attention_dot": "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_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/preview.svg new file mode 100644 index 0000000000..69fd21bad0 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/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(354, 71%, 43%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(352, 65%, 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(354, 80%, 69%)" /> + <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(352, 65%, 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/2022-independent-voices/playmaker/bold/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/icon.svg new file mode 100644 index 0000000000..8ca7b43562 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/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(354, 78%, 18%)"/> + <stop offset="1" stop-color="hsl(354, 56%, 28%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/manifest.json new file mode 100644 index 0000000000..9229b9c7b4 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "playmaker-bold-colorway@mozilla.org" + } + }, + "name": "Playmaker – 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(355, 61%, 11%)", + "tab_line": "hsl(354, 80%, 40%)", + "tab_loading": "hsl(0, 95%, 84%)", + "tab_loading_inactive": "hsl(0, 95%, 84%)", + "frame": "hsl(354, 78%, 18%)", + "popup": "hsl(355, 61%, 11%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(354, 83%, 75%)", + "popup_highlight": "hsla(354, 71%, 43%, 0.4)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(354, 56%, 28%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(354, 78%, 18%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(355, 61%, 11%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(354, 78%, 18%)", + "ntp_background": "hsl(0, 50%, 1%)", + "ntp_card_background": "hsl(355, 61%, 11%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(355, 61%, 11%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(354, 71%, 43%, 0.4)", + "address_bar_box": "hsl(355, 61%, 11%)", + "address_bar_box_hover": "hsla(355, 61%, 11%, 0.8)", + "address_bar_box_active": "hsla(355, 61%, 11%, 0.65)", + "address_bar_box_focus": "hsl(354, 56%, 28%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(4, 82%, 76%)", + "panel_item_hover": "hsla(354, 71%, 43%, 0.4)", + "panel_item_active": "hsla(354, 71%, 43%, 0.55)", + "panel_separator": "hsl(354, 83%, 75%)", + "icons_attention": "hsl(0, 95%, 84%)", + "toolbar_field_icons_attention": "hsl(0, 95%, 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/2022-independent-voices/playmaker/bold/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/preview.svg new file mode 100644 index 0000000000..bc3f80cbd2 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/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(354, 78%, 18%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(355, 61%, 11%)" stroke="hsl(354, 80%, 40%)" 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(354, 56%, 28%)" /> + <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(354, 78%, 18%)" /> + <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/2022-independent-voices/playmaker/soft/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/icon.svg new file mode 100644 index 0000000000..53cef4c9b9 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/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(354, 91%, 87%)"/> + <stop offset="1" stop-color="hsl(355, 100%, 93%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/manifest.json new file mode 100644 index 0000000000..5497dd7e9a --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "playmaker-soft-colorway@mozilla.org" + } + }, + "name": "Playmaker – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(7, 92%, 15%)", + "tab_text": "hsl(7, 92%, 15%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(10, 89%, 22%)", + "tab_loading_inactive": "hsl(10, 89%, 22%)", + "frame": "hsl(354, 91%, 87%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(7, 92%, 15%)", + "popup_border": "hsl(355, 96%, 29%)", + "popup_highlight": "hsla(354, 93%, 84%, 0.3)", + "popup_highlight_text": "hsl(7, 92%, 15%)", + "toolbar": "hsl(355, 100%, 93%)", + "toolbar_text": "hsl(7, 92%, 15%)", + "toolbar_field": "hsl(354, 91%, 87%)", + "toolbar_field_text": "hsl(7, 92%, 15%)", + "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(354, 91%, 87%)", + "ntp_background": "hsl(0, 100%, 99%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(7, 92%, 15%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(7, 92%, 15%)", + "sidebar_highlight": "hsla(354, 93%, 84%, 0.3)", + "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(355, 100%, 93%)", + "address_bar_box_text": "hsl(7, 92%, 15%)", + "address_bar_url_color": "hsl(355, 90%, 30%)", + "panel_item_hover": "hsla(354, 93%, 84%, 0.3)", + "panel_item_active": "hsla(354, 93%, 84%, 0.45)", + "panel_separator": "hsl(355, 96%, 29%)", + "icons_attention": "hsl(10, 89%, 22%)", + "toolbar_field_icons_attention": "hsl(10, 89%, 22%)", + "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/2022-independent-voices/playmaker/soft/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/preview.svg new file mode 100644 index 0000000000..08d6960850 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/playmaker/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(354, 91%, 87%)" /> + <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(7, 92%, 15%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(7, 92%, 15%)" /> + <rect y="44" width="680" height="48" fill="hsl(355, 100%, 93%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(7, 92%, 15%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(7, 92%, 15%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(7, 92%, 15%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(7, 92%, 15%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(7, 92%, 15%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(354, 91%, 87%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(7, 92%, 15%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(7, 92%, 15%)" /> + <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/2022-independent-voices/visionary/balanced/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/icon.svg new file mode 100644 index 0000000000..4404484e37 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/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" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(147, 94%, 25%)"/> + <stop offset="1" stop-color="hsl(146, 38%, 49%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/manifest.json new file mode 100644 index 0000000000..7710cde886 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "visionary-balanced-colorway@mozilla.org" + } + }, + "name": "Visionary – Balanced", + "author": "Mozilla", + "version": "1.1.2", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(150, 57%, 97%)", + "tab_line": "transparent", + "tab_loading": "hsl(0, 0%, 0%)", + "tab_loading_inactive": "hsl(0, 0%, 0%)", + "frame": "hsl(147, 94%, 25%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(147, 72%, 21%)", + "popup_highlight": "hsla(147, 40%, 78%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(146, 38%, 49%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(150, 57%, 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(147, 94%, 25%)", + "ntp_background": "hsl(146, 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(147, 40%, 78%, 0.3)", + "address_bar_box": "hsl(147, 94%, 25%)", + "address_bar_box_hover": "hsla(147, 94%, 25%, 0.8)", + "address_bar_box_active": "hsla(147, 94%, 25%, 0.65)", + "address_bar_box_focus": "hsl(146, 38%, 49%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(147, 89%, 19%)", + "panel_item_hover": "hsla(147, 40%, 78%, 0.3)", + "panel_item_active": "hsla(147, 40%, 78%, 0.45)", + "panel_separator": "hsl(147, 72%, 21%)", + "icons_attention": "hsl(0, 0%, 0%)", + "toolbar_field_icons_attention": "hsl(0, 0%, 0%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(146, 15%, 36%)", + "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/2022-independent-voices/visionary/balanced/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/preview.svg new file mode 100644 index 0000000000..e08c04ad37 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/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(147, 94%, 25%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(150, 57%, 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(146, 38%, 49%)" /> + <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(150, 57%, 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/2022-independent-voices/visionary/bold/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/icon.svg new file mode 100644 index 0000000000..caadabeede --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/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(146, 89%, 11%)"/> + <stop offset="1" stop-color="hsl(147, 82%, 17%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/manifest.json new file mode 100644 index 0000000000..45adf3316e --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "visionary-bold-colorway@mozilla.org" + } + }, + "name": "Visionary – 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(148, 74%, 7%)", + "tab_line": "hsl(146, 65%, 21%)", + "tab_loading": "hsl(147, 72%, 49%)", + "tab_loading_inactive": "hsl(147, 72%, 49%)", + "frame": "hsl(146, 89%, 11%)", + "popup": "hsl(148, 74%, 7%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(146, 66%, 37%)", + "popup_highlight": "hsla(133, 94%, 27%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(147, 82%, 17%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(146, 89%, 11%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(148, 74%, 7%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(146, 89%, 11%)", + "ntp_background": "hsl(150, 29%, 3%)", + "ntp_card_background": "hsl(148, 74%, 7%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(148, 74%, 7%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(133, 94%, 27%, 0.3)", + "address_bar_box": "hsl(148, 74%, 7%)", + "address_bar_box_hover": "hsla(148, 74%, 7%, 0.8)", + "address_bar_box_active": "hsla(148, 74%, 7%, 0.65)", + "address_bar_box_focus": "hsl(147, 82%, 17%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(40, 6%, 90%)", + "panel_item_hover": "hsla(133, 94%, 27%, 0.3)", + "panel_item_active": "hsla(133, 94%, 27%, 0.45)", + "panel_separator": "hsl(146, 66%, 37%)", + "icons_attention": "hsl(147, 72%, 49%)", + "toolbar_field_icons_attention": "hsl(147, 72%, 49%)", + "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/2022-independent-voices/visionary/bold/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/visionary/bold/preview.svg new file mode 100644 index 0000000000..9d03199725 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/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(146, 89%, 11%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(148, 74%, 7%)" stroke="hsl(146, 65%, 21%)" 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(147, 82%, 17%)" /> + <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(146, 89%, 11%)" /> + <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/2022-independent-voices/visionary/soft/icon.svg b/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/icon.svg new file mode 100644 index 0000000000..6de52afaf2 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/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, 53%, 75%)"/> + <stop offset="1" stop-color="hsl(146, 49%, 85%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/manifest.json b/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/manifest.json new file mode 100644 index 0000000000..e335d3f4db --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "visionary-soft-colorway@mozilla.org" + } + }, + "name": "Visionary – 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(140, 60%, 98%)", + "tab_line": "transparent", + "tab_loading": "hsl(144, 70%, 21%)", + "tab_loading_inactive": "hsl(144, 70%, 21%)", + "frame": "hsl(147, 53%, 75%)", + "popup": "hsl(140, 60%, 98%)", + "popup_text": "hsl(48, 10%, 10%)", + "popup_border": "hsl(147, 89%, 22%)", + "popup_highlight": "hsla(147, 54%, 52%, 0.3)", + "popup_highlight_text": "hsl(48, 10%, 10%)", + "toolbar": "hsl(146, 49%, 85%)", + "toolbar_text": "hsl(48, 10%, 10%)", + "toolbar_field": "hsl(147, 53%, 75%)", + "toolbar_field_text": "hsl(48, 10%, 10%)", + "toolbar_field_focus": "hsl(140, 60%, 98%)", + "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(147, 53%, 75%)", + "ntp_background": "hsl(148, 100%, 97%)", + "ntp_card_background": "hsl(140, 60%, 98%)", + "ntp_text": "hsl(48, 10%, 10%)", + "sidebar": "hsl(140, 60%, 98%)", + "sidebar_text": "hsl(48, 10%, 10%)", + "sidebar_highlight": "hsla(147, 54%, 52%, 0.3)", + "address_bar_box": "hsl(140, 60%, 98%)", + "address_bar_box_hover": "hsla(140, 60%, 98%, 0.8)", + "address_bar_box_active": "hsla(140, 60%, 98%, 0.65)", + "address_bar_box_focus": "hsl(146, 49%, 85%)", + "address_bar_box_text": "hsl(48, 10%, 10%)", + "address_bar_url_color": "hsl(147, 73%, 27%)", + "panel_item_hover": "hsla(147, 54%, 52%, 0.3)", + "panel_item_active": "hsla(147, 54%, 52%, 0.45)", + "panel_separator": "hsl(147, 89%, 22%)", + "icons_attention": "hsl(144, 70%, 21%)", + "toolbar_field_icons_attention": "hsl(144, 70%, 21%)", + "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/2022-independent-voices/visionary/soft/preview.svg b/browser/themes/addons/colorways/2022-independent-voices/visionary/soft/preview.svg new file mode 100644 index 0000000000..864706d582 --- /dev/null +++ b/browser/themes/addons/colorways/2022-independent-voices/visionary/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, 53%, 75%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(140, 60%, 98%)" 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(146, 49%, 85%)" /> + <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(147, 53%, 75%)" /> + <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> |
