diff options
Diffstat (limited to 'browser/themes/addons')
145 files changed, 5564 insertions, 0 deletions
diff --git a/browser/themes/addons/alpenglow/background-gradient-dark.svg b/browser/themes/addons/alpenglow/background-gradient-dark.svg new file mode 100644 index 0000000000..6ab26b42d5 --- /dev/null +++ b/browser/themes/addons/alpenglow/background-gradient-dark.svg @@ -0,0 +1,4 @@ +<!-- 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="72" height="144" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="50%" id="a"><stop stop-color="#20123A" offset="0%"/><stop stop-color="#291D4F" offset="100%"/></linearGradient></defs><path fill="url(#a)" d="M0 0h72v144H0z" fill-rule="evenodd"/></svg>
\ No newline at end of file diff --git a/browser/themes/addons/alpenglow/background-gradient.svg b/browser/themes/addons/alpenglow/background-gradient.svg new file mode 100644 index 0000000000..a0b54a46ad --- /dev/null +++ b/browser/themes/addons/alpenglow/background-gradient.svg @@ -0,0 +1,4 @@ +<!-- 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="72" height="144" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="50%" y1="-18.096%" x2="50%" y2="50%" id="a"><stop stop-color="#FF6BBA" offset="0%"/><stop stop-color="#FFC999" offset="100%"/></linearGradient></defs><path fill="url(#a)" d="M0 0h72v144H0z" fill-rule="evenodd"/></svg>
\ No newline at end of file diff --git a/browser/themes/addons/alpenglow/background-noodles-left-dark.svg b/browser/themes/addons/alpenglow/background-noodles-left-dark.svg new file mode 100644 index 0000000000..40d99a78b6 --- /dev/null +++ b/browser/themes/addons/alpenglow/background-noodles-left-dark.svg @@ -0,0 +1,4 @@ +<!-- 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="160" height="144" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="50%" y1="9.5%" x2="79.211%" y2="21.548%" id="c"><stop stop-color="#20123A" offset="0%"/><stop stop-color="#20123A" stop-opacity="0" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="62.978%" y2="75.109%" id="d"><stop stop-color="#20123A" offset="0%"/><stop stop-color="#321C64" offset="100%"/></linearGradient><linearGradient x1="41.797%" y1="-6.305%" x2="113.914%" y2="120.857%" id="e"><stop stop-color="#20123A" offset="0%"/><stop stop-color="#5F2ECA" offset="64.418%"/><stop stop-color="#7542E5" stop-opacity="0" offset="100%"/></linearGradient><linearGradient x1="35.625%" y1="-6.728%" x2="75.087%" y2="128.478%" id="f"><stop stop-color="#2B1753" offset="0%"/><stop stop-color="#7033CA" offset="35.304%"/><stop stop-color="#FF4AD9" offset="73.362%"/><stop stop-color="#FF778E" offset="100%"/><stop stop-color="#FF778E" offset="100%"/></linearGradient><linearGradient x1="51.531%" y1="102.377%" x2="34.091%" y2="-21.792%" id="g"><stop stop-color="#FC4CA0" offset="0%"/><stop stop-color="#FFA769" offset="100%"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="a"><stop stop-color="#fff" offset="60%"/><stop stop-color="#fff" stop-opacity="0" offset="100%"/></linearGradient><mask id="b" x="0" y="0" width="100%" height="100%"><rect width="100%" height="100%" fill="url(#a)"/></mask></defs><g mask="url(#b)"><path fill="url(#c)" filter="url(#b)" d="M0 0h160v144H0z"/><path d="M72.036 0C108.15 10.622 135 50.606 135 98.308c0 16.443-3.19 31.97-8.85 45.692H0L-.002 20.97C9.606 11.01 21.095 3.713 33.716 0h38.32z" fill="url(#d)"/><path d="M70.511 0C94.736 17.553 111 50.047 111 87.23c0 21.045-5.21 40.588-14.124 56.77L0 143.997V.003L70.511 0z" fill="url(#e)"/><path d="M38.316 0l52.766 75.046c13.99 19.898 14.364 48.659 2.105 68.954H21.635L0 113.229V0h38.316z" fill="url(#f)"/><path d="M25.588 72.994l2.445 3.333C42.91 95.856 52.223 119.417 56 144H0L-.001 14.588c4.074 21.204 12.588 41.404 25.589 58.406z" fill="url(#g)"/></g></svg>
\ No newline at end of file diff --git a/browser/themes/addons/alpenglow/background-noodles-left.svg b/browser/themes/addons/alpenglow/background-noodles-left.svg new file mode 100644 index 0000000000..ee2b4b6b75 --- /dev/null +++ b/browser/themes/addons/alpenglow/background-noodles-left.svg @@ -0,0 +1,4 @@ +<!-- 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 xmlns="http://www.w3.org/2000/svg" width="160" height="144"><defs><linearGradient id="c" x1="36.13" y1="115.75" x2="36.42" y2="115.63" gradientTransform="matrix(160 0 0 -144 -5724 16732)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc56a1"/><stop offset="1" stop-color="#fc56a1" stop-opacity="0"/></linearGradient><linearGradient id="d" x1="36.04" y1="115.68" x2="36.45" y2="115.42" gradientTransform="matrix(135 0 0 -144 -4824.07 16732)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc4ca0"/><stop offset="1" stop-color="#ffa769"/></linearGradient><linearGradient id="e" x1="35.6" y1="116.06" x2="36.35" y2="115.39" gradientTransform="matrix(111 0 0 -144 -3960 16732)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4e27a4"/><stop offset=".34" stop-color="#8b4ee5"/><stop offset=".73" stop-color="#ff4ad9"/><stop offset="1" stop-color="#ff778e"/></linearGradient><linearGradient id="f" x1="35.51" y1="116.3" x2="36.42" y2="115.12" gradientTransform="matrix(102 0 0 -144 -3635.99 16732)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#20123a"/><stop offset=".11" stop-color="#3f2574"/><stop offset=".24" stop-color="#5f39b0"/><stop offset=".34" stop-color="#7245d6"/><stop offset=".39" stop-color="#7a4ae4"/><stop offset=".45" stop-color="#7a4ae4" stop-opacity=".97"/><stop offset=".53" stop-color="#7949e4" stop-opacity=".89"/><stop offset=".63" stop-color="#7948e4" stop-opacity=".75"/><stop offset=".74" stop-color="#7846e4" stop-opacity=".56"/><stop offset=".86" stop-color="#7745e5" stop-opacity=".32"/><stop offset=".99" stop-color="#7542e5" stop-opacity=".02"/><stop offset="1" stop-color="#7542e5" stop-opacity="0"/></linearGradient><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="a"><stop stop-color="#fff" offset="60%"/><stop stop-color="#fff" stop-opacity="0" offset="100%"/></linearGradient><mask id="b" x="0" y="0" width="100%" height="100%"><rect width="100%" height="100%" fill="url(#a)"/></mask></defs><g mask="url(#b)" fill-rule="evenodd"><path d="M0 0h160v144H0z" fill="url(#c)"/><path d="M72 0c36.11 10.62 63 50.61 63 98.31a119.92 119.92 0 01-8.85 45.69H0V21A77.43 77.43 0 0133.72 0z" fill="url(#d)"/><path d="M70.51 0C94.74 17.55 111 50.05 111 87.23A117.86 117.86 0 0196.88 144H0V0z" fill="url(#e)"/><path d="M38.32 0l52.76 75.05c14 19.89 14.37 48.66 2.11 69H21.64L0 113.23V0z" fill="url(#f)"/><path d="M25.59 73L28 76.33C42.91 95.86 52.22 119.42 56 144H0V14.59C4.07 35.79 12.59 56 25.59 73z" fill="#20123a"/></g></svg>
\ No newline at end of file diff --git a/browser/themes/addons/alpenglow/background-noodles-right-dark.svg b/browser/themes/addons/alpenglow/background-noodles-right-dark.svg new file mode 100644 index 0000000000..b8a53679d9 --- /dev/null +++ b/browser/themes/addons/alpenglow/background-noodles-right-dark.svg @@ -0,0 +1,4 @@ +<!-- 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="160" height="144" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="40.05%" y1="65.335%" x2="89.619%" y2="55.891%" id="a"><stop stop-color="#20123A" offset="0%"/><stop stop-color="#20123A" stop-opacity="0" offset="100%"/><stop stop-color="#20123A" stop-opacity="0" offset="100%"/></linearGradient><linearGradient x1="55.904%" y1="13.312%" x2="59.943%" y2="106.223%" id="c"><stop stop-color="#321C64" offset="0%"/><stop stop-color="#20123A" offset="100%"/></linearGradient><linearGradient x1="53.449%" y1="103.324%" x2="83.014%" y2="-63.876%" id="d"><stop stop-color="#20123A" offset="0%"/><stop stop-color="#5F2ECA" offset="64.418%"/><stop stop-color="#7542E5" stop-opacity="0" offset="100%"/></linearGradient><linearGradient x1="52.55%" y1="106.999%" x2="57.768%" y2="-26.862%" id="e"><stop stop-color="#2B1753" offset="0%"/><stop stop-color="#7033CA" offset="36.937%"/><stop stop-color="#FF4AD9" offset="73.362%"/><stop stop-color="#FF778E" offset="100%"/><stop stop-color="#FF778E" offset="100%"/></linearGradient><linearGradient x1="58.794%" y1="0%" x2="-74.439%" y2="-16.628%" id="f"><stop stop-color="#FC4CA0" offset="0%"/><stop stop-color="#FFA769" offset="100%"/></linearGradient><filter x="0%" y="0%" width="100%" height="100%" filterUnits="objectBoundingBox" id="b"><feGaussianBlur in="SourceGraphic"/></filter></defs><g fill="none" fill-rule="evenodd"><path fill="url(#a)" filter="url(#b)" transform="rotate(180 80 72)" d="M0 0h160v144H0z"/><path d="M160 0v143.998l-20.783.002C80.276 130.93 34.071 72.955 25 0h135z" fill="url(#c)"/><path d="M160 0v141.76C112.93 119.62 78.896 64.927 76 .003L160 0z" fill="url(#d)"/><path d="M111.14 9.511l.39.968 45.484 116.068A57.65 57.65 0 01160 137h-54V0c1.969 2.852 3.7 6.03 5.14 9.511z" fill="url(#e)" transform="rotate(180 133 68.5)"/><path d="M160 28h-14.998L145 0c3.895 9.971 8.903 19.403 15 28z" fill="url(#f)" transform="rotate(180 152.5 14)"/></g></svg>
\ No newline at end of file diff --git a/browser/themes/addons/alpenglow/background-noodles-right.svg b/browser/themes/addons/alpenglow/background-noodles-right.svg new file mode 100644 index 0000000000..da1357b8c7 --- /dev/null +++ b/browser/themes/addons/alpenglow/background-noodles-right.svg @@ -0,0 +1,4 @@ +<!-- 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 data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="160" height="144"><defs><linearGradient id="a" x1="36.76" y1="115.32" x2="36.99" y2="115.42" gradientTransform="matrix(-160 0 0 144 5956 -16532)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fe82a4"/><stop offset="1" stop-color="#fe7fa3" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="36.29" y1="115.74" x2="35.97" y2="115.48" gradientTransform="matrix(135 0 0 -144 -4799 16732)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc4ca0"/><stop offset="1" stop-color="#ffa769"/></linearGradient><linearGradient id="c" x1="36.14" y1="116.11" x2="35.99" y2="115.21" gradientTransform="matrix(84 0 0 -141.76 -2912 16472.16)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7542e5"/><stop offset=".15" stop-color="#8b4ee5"/><stop offset=".62" stop-color="#ff4aa2"/><stop offset="1" stop-color="#ff778e"/></linearGradient><linearGradient id="d" x1="191.06" y1="13.93" x2="137.54" y2="64.24" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#20123a"/><stop offset="1" stop-color="#20123a" stop-opacity="0"/></linearGradient></defs><path d="M160 144H0V0h160z" fill-rule="evenodd" fill="url(#a)"/><path d="M160 0v144h-20.78C80.28 130.93 34.07 73 25 0z" fill-rule="evenodd" fill="url(#b)"/><path d="M160 0v141.76C112.93 119.62 78.9 64.93 76 0z" fill-rule="evenodd" fill="url(#c)"/><g fill-rule="evenodd"><path d="M154.86 127.49l-.39-1L109 10.45A56.68 56.68 0 01106 0h54v137a51 51 0 01-5.14-9.51z" fill="#8c58ff"/><path data-name="d" d="M154.86 127.49l-.39-1L109 10.45A56.68 56.68 0 01106 0h54v137a51 51 0 01-5.14-9.51z" fill="url(#d)"/></g><path d="M145 0h15v28a130.53 130.53 0 00-15-28z" fill="#20123a" fill-rule="evenodd"/></svg>
\ No newline at end of file diff --git a/browser/themes/addons/alpenglow/icon.svg b/browser/themes/addons/alpenglow/icon.svg new file mode 100644 index 0000000000..591ba2fc1b --- /dev/null +++ b/browser/themes/addons/alpenglow/icon.svg @@ -0,0 +1,13 @@ +<!-- 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="0.512202" y1="49.8366" x2="62.5272" y2="0.0151922" gradientUnits="userSpaceOnUse"> + <stop stop-color="#9059FF"/> + <stop offset="0.520833" stop-color="#FF4AA2"/> + <stop offset="1" stop-color="#FFBD4F"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/alpenglow/manifest.json b/browser/themes/addons/alpenglow/manifest.json new file mode 100644 index 0000000000..05a25e1391 --- /dev/null +++ b/browser/themes/addons/alpenglow/manifest.json @@ -0,0 +1,139 @@ +{ + "manifest_version": 2, + + "browser_specific_settings": { + "gecko": { + "id": "firefox-alpenglow@mozilla.org" + } + }, + + "name": "Firefox Alpenglow", + "description": "Use a colorful appearance for buttons, menus, and windows.", + "version": "1.4", + "icons": { "32": "icon.svg" }, + + "theme": { + "images": { + "additional_backgrounds": [ + "background-noodles-right.svg", + "background-noodles-left.svg", + "background-gradient.svg" + ] + }, + + "properties": { + "additional_backgrounds_alignment": [ + "right top", + "left top", + "right top" + ], + "additional_backgrounds_tiling": ["no-repeat", "no-repeat", "repeat-x"], + "zap_gradient": "linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%)" + }, + "colors": { + "frame": "hsla(240, 20%, 98%, 1)", + "toolbar": "hsla(0, 0%, 100%, .76)", + "button_background_active": "hsla(240, 26%, 11%, .16)", + "button_background_hover": "hsla(240, 26%, 11%, .08)", + "icons": "hsla(258, 66%, 48%, 1)", + "icons_attention": "hsla(180, 100%, 32%, 1)", + "toolbar_text": "hsla(261, 53%, 15%, 1)", + "toolbar_vertical_separator": "hsla(261, 53%, 15%, .2)", + "toolbar_field": "hsla(0, 0%, 100%, .8)", + "toolbar_field_focus": "hsla(261, 53%, 15%, .96)", + "toolbar_field_text": "hsla(261, 53%, 15%, 1)", + "toolbar_field_text_focus": "hsla(255, 100%, 94%, 1)", + "toolbar_field_border": "transparent", + "toolbar_field_border_focus": "hsla(265, 100%, 72%, 1)", + "toolbar_field_highlight": "hsla(265, 100%, 72%, .32)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsla(261, 53%, 15%, .32)", + "bookmark_text": "hsla(261, 53%, 15%, 1)", + "tab_text": "hsla(261, 53%, 15%, 1)", + "tab_background_text": "hsla(261, 53%, 15%, 1)", + "tab_background_separator": "hsla(261, 53%, 15%, 1)", + "tab_line": "hsla(265, 100%, 72%, 1)", + "tab_loading": "hsla(265, 100%, 72%, 1)", + "ntp_background": "#F9F9FB", + "ntp_text": "hsla(261, 53%, 15%, 1)", + "popup": "hsla(254, 46%, 21%, 1)", + "popup_text": "hsla(255, 100%, 94%, 1)", + "popup_border": "hsla(255, 100%, 94%, .32)", + "popup_highlight": "hsla(255, 100%, 94%, .12)", + "popup_highlight_text": "hsla(0, 0%, 100%, 1)", + "sidebar": "hsla(240, 15%, 95%, 1)", + "sidebar_text": "hsla(261, 53%, 15%, 1)", + "sidebar_border": "hsla(261, 53%, 15%, .24)", + "sidebar_highlight": "hsla(265, 100%, 72%, 1)", + "sidebar_highlight_text": "hsla(0, 0%, 100%, 1)", + "focus_outline": "hsla(258, 65%, 48%, 1)" + } + }, + "dark_theme": { + "images": { + "additional_backgrounds": [ + "background-noodles-right-dark.svg", + "background-noodles-left-dark.svg", + "background-gradient-dark.svg" + ] + }, + + "properties": { + "additional_backgrounds_alignment": [ + "right top", + "left top", + "right top" + ], + "additional_backgrounds_tiling": ["no-repeat", "no-repeat", "repeat-x"], + "zap_gradient": "linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%)" + }, + "colors": { + "frame": "hsla(240, 20%, 98%, 1)", + "toolbar": "hsla(254, 46%, 21%, .96)", + "button_background_active": "hsla(255, 100%, 94%, .24)", + "button_background_hover": "hsla(255, 100%, 94%, .12)", + "icons": "hsla(271, 100%, 77%, 1)", + "icons_attention": "hsla(157, 100%, 66%, 1)", + "toolbar_text": "hsla(255, 100%, 94%, 1)", + "toolbar_vertical_separator": "hsla(271, 100%, 77%, .4)", + "toolbar_field": "hsla(250, 43%, 25%, 1)", + "toolbar_field_focus": "hsla(250, 43%, 25%, .98)", + "toolbar_field_text": "hsla(255, 100%, 94%, 1)", + "toolbar_field_text_focus": "hsla(255, 100%, 94%, 1)", + "toolbar_field_border": "transparent", + "toolbar_field_border_focus": "hsla(265, 100%, 72%, 1)", + "toolbar_field_highlight": "hsla(265, 100%, 72%, .32)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsla(245, 38%, 33%, .96)", + "bookmark_text": "hsla(255, 100%, 94%, 1)", + "tab_selected": "rgb(60, 31, 123)", + "tab_text": "hsla(255, 100%, 94%, 1)", + "tab_background_text": "hsla(255, 100%, 94%, 1)", + "tab_background_separator": "hsla(255, 100%, 94%, 1)", + "tab_line": "hsla(265, 100%, 72%, 1)", + "tab_loading": "hsla(265, 100%, 72%, 1)", + "ntp_background": "#2A2A2E", + "ntp_text": "hsla(255, 100%, 94%, 1)", + "popup": "hsla(250, 43%, 25%, 1)", + "popup_text": "hsla(255, 100%, 94%, 1)", + "popup_border": "hsla(255, 100%, 94%, .32)", + "popup_highlight": "hsla(255, 100%, 94%, .12)", + "popup_highlight_text": "hsla(0, 0%, 100%, 1)", + "sidebar": "hsla(250, 43%, 25%, 1)", + "sidebar_text": "hsla(255, 100%, 94%, 1)", + "sidebar_border": "hsla(255, 100%, 94%, .24)", + "sidebar_highlight": "hsla(259, 76%, 58%, 1)", + "sidebar_highlight_text": "hsla(0, 0%, 100%, 1)", + "focus_outline": "hsla(265, 100%, 72%, 1)" + } + }, + + "theme_experiment": { + "colors": { + "focus_outline": "--focus-outline-color" + }, + "properties": { + "zap_gradient": "--panel-separator-zap-gradient" + } + } +} diff --git a/browser/themes/addons/alpenglow/preview.svg b/browser/themes/addons/alpenglow/preview.svg new file mode 100644 index 0000000000..887129ce3b --- /dev/null +++ b/browser/themes/addons/alpenglow/preview.svg @@ -0,0 +1,4 @@ +<!-- 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 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="680" height="92"><defs><linearGradient id="a" x1="340" y1="110.6483" x2="340" y2="48" gradientTransform="matrix(1, 0, 0, -1, 0, 94)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff6bba"/><stop offset="1" stop-color="#ffc999"/></linearGradient><linearGradient id="b" x1="594.6449" y1="19.413" x2="559.1679" y2="2.2744" gradientTransform="matrix(1, 0, 0, -1, 0, 94)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fe82a4"/><stop offset="1" stop-color="#fe7fa3" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="620.5032" y1="28.0963" x2="575.1182" y2="-6.4747" gradientTransform="matrix(1, 0, 0, -1, 0, 94)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc4ca0"/><stop offset="1" stop-color="#ffa769"/></linearGradient><linearGradient id="d" x1="653.6632" y1="78.8082" x2="619.4852" y2="-42.7065" gradientTransform="matrix(1, 0, 0, -1, 0, 94)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7542e5"/><stop offset="0.15" stop-color="#8b4ee5"/><stop offset="0.62" stop-color="#ff4aa2"/><stop offset="1" stop-color="#ff778e"/></linearGradient><linearGradient id="e" x1="711.0562" y1="80.0741" x2="657.5361" y2="29.7641" gradientTransform="matrix(1, 0, 0, -1, 0, 94)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#20123a"/><stop offset="1" stop-color="#20123a" stop-opacity="0"/></linearGradient><linearGradient id="f" x1="57.8121" y1="32.2012" x2="102.6741" y2="11.5753" gradientTransform="matrix(1, 0, 0, -1, 0, 94)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fc56a1"/><stop offset="1" stop-color="#fc56a1" stop-opacity="0"/></linearGradient><linearGradient id="g" x1="41.4175" y1="20.0672" x2="98.759" y2="-14.0228" xlink:href="#c"/><linearGradient id="h" x1="-18.9468" y1="59.324" x2="82.5921" y2="-10.5968" gradientTransform="matrix(1, 0, 0, -1, 0, 94)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4e27a4"/><stop offset="0.34" stop-color="#8b4ee5"/><stop offset="0.73" stop-color="#ff4ad9"/><stop offset="1" stop-color="#ff778e"/></linearGradient><linearGradient id="i" x1="-37.3141" y1="83.7844" x2="97.6859" y2="-40.2126" gradientTransform="matrix(1, 0, 0, -1, 0, 94)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#20123a"/><stop offset="0.11" stop-color="#3f2574"/><stop offset="0.24" stop-color="#5f39b0"/><stop offset="0.34" stop-color="#7245d6"/><stop offset="0.39" stop-color="#7a4ae4"/><stop offset="0.45" stop-color="#7a4ae4" stop-opacity="0.97"/><stop offset="0.53" stop-color="#7949e4" stop-opacity="0.89"/><stop offset="0.63" stop-color="#7948e4" stop-opacity="0.75"/><stop offset="0.74" stop-color="#7846e4" stop-opacity="0.56"/><stop offset="0.86" stop-color="#7745e5" stop-opacity="0.32"/><stop offset="0.99" stop-color="#7542e5" stop-opacity="0.02"/><stop offset="1" stop-color="#7542e5" stop-opacity="0"/></linearGradient></defs><rect width="680" height="92" fill="url(#a)"/><rect x="520" width="160" height="144" fill="none"/><path d="M680,144H520V0H680Z" fill-rule="evenodd" fill="url(#b)"/><path d="M680,0V144H659.22C600.28,130.93,554.07,73,545,0Z" fill-rule="evenodd" fill="url(#c)"/><path d="M680,0V141.76C632.93,119.62,598.9,64.93,596,0Z" fill-rule="evenodd" fill="url(#d)"/><path d="M674.86,127.49l-.39-1L629,10.45A56.658,56.658,0,0,1,626,0h54V137A51.054,51.054,0,0,1,674.86,127.49Z" fill="#8c58ff" fill-rule="evenodd"/><path d="M674.86,127.49l-.39-1L629,10.45A56.658,56.658,0,0,1,626,0h54V137A51.054,51.054,0,0,1,674.86,127.49Z" fill-rule="evenodd" fill="url(#e)"/><path d="M665,0h15V28A130.5192,130.5192,0,0,0,665,0Z" fill="#20123a" fill-rule="evenodd"/><rect width="160" height="144" fill="none"/><path d="M0,0H160V144H0Z" fill-rule="evenodd" fill="url(#f)"/><path d="M72,0c36.11,10.62,63,50.61,63,98.31A119.9242,119.9242,0,0,1,126.15,144H0V21A77.431,77.431,0,0,1,33.72,0Z" fill-rule="evenodd" fill="url(#g)"/><path d="M70.51,0C94.74,17.55,111,50.05,111,87.23A117.8588,117.8588,0,0,1,96.88,144H0V0Z" fill-rule="evenodd" fill="url(#h)"/><path d="M38.32,0,91.08,75.05c14,19.89,14.37,48.66,2.11,69H21.64L0,113.23V0Z" fill-rule="evenodd" fill="url(#i)"/><path d="M25.59,73,28,76.33C42.91,95.86,52.22,119.42,56,144H0V14.59C4.07,35.79,12.59,56,25.59,73Z" fill="#20123a" fill-rule="evenodd"/><rect x="28" y="5" width="166" height="34" rx="4" fill="#fff" fill-opacity="0.75" stroke="#5a2acb" stroke-width="1.5"/><path d="M53,20H170a2,2,0,0,1,2,2h0a2,2,0,0,1-2,2H53a2,2,0,0,1-2-2h0A2,2,0,0,1,53,20Z" fill="#15141a"/><path d="M223,20H340a2,2,0,0,1,2,2h0a2,2,0,0,1-2,2H223a2,2,0,0,1-2-2h0A2,2,0,0,1,223,20Z" fill="#15141a"/><rect y="44" width="680" height="48" fill="#fff" fill-opacity="0.75"/><circle cx="24" cy="68" r="6.25" fill="none" stroke="#5a2acb" stroke-width="1.5"/><circle cx="60" cy="68" r="6.25" fill="none" stroke="#5a2acb" stroke-width="1.5"/><line x1="663" y1="73.75" x2="649" y2="73.75" fill="none" stroke="#5a2acb" stroke-width="1.5"/><line x1="663" y1="67.75" x2="649" y2="67.75" fill="none" stroke="#5a2acb" stroke-width="1.5"/><line x1="663" y1="61.75" x2="649" y2="61.75" fill="none" stroke="#5a2acb" stroke-width="1.5"/><rect x="114" y="52" width="488" height="32" rx="4" fill="#fff" fill-opacity="0.8"/><circle cx="130" cy="68" r="6.25" fill="none" stroke="#36294e" stroke-width="1.5"/><path d="M148,66H452a2,2,0,0,1,2,2h0a2,2,0,0,1-2,2H148a2,2,0,0,1-2-2h0A2,2,0,0,1,148,66Z" fill="#20123b"/></svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/icon.svg new file mode 100644 index 0000000000..0bcba9aef3 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" gradientTransform="rotate(90)"> + <stop stop-color="#F5AD94"/> + <stop offset="1" stop-color="#E1653C"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/manifest.json new file mode 100644 index 0000000000..25da542d1a --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "abstract-balanced-colorway@mozilla.org" + } + }, + "name": "Abstract – Balanced", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(16, 73%, 97%)", + "tab_line": "transparent", + "tab_loading": "hsl(15, 62%, 40%)", + "tab_loading_inactive": "hsl(16, 100%, 82%)", + "frame": "hsl(15, 62%, 34%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(15, 74%, 63%)", + "popup_highlight": "hsla(15, 84%, 65%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(15, 62%, 40%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(16, 73%, 97%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(15, 62%, 34%)", + "ntp_background": "hsl(15, 39%, 80%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(15, 84%, 65%, 0.3)", + "address_bar_box": "hsl(15, 62%, 34%)", + "address_bar_box_hover": "hsla(15, 62%, 34%, 0.8)", + "address_bar_box_active": "hsla(15, 62%, 34%, 0.65)", + "address_bar_box_focus": "hsl(15, 62%, 40%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(15, 62%, 40%)", + "panel_item_hover": "hsla(15, 84%, 65%, 0.3)", + "panel_item_active": "hsla(15, 84%, 65%, 0.45)", + "panel_separator": "hsl(15, 74%, 63%)", + "icons_attention": "hsl(16, 100%, 82%)", + "toolbar_field_icons_attention": "hsl(15, 62%, 40%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/preview.svg new file mode 100644 index 0000000000..24dc27d4c6 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/preview.svg @@ -0,0 +1,36 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(15, 62%, 34%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(16, 73%, 97%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(15, 62%, 40%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(16, 73%, 97%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/icon.svg new file mode 100644 index 0000000000..7f5f32157c --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(15, 10%, 16%)"/> + <stop offset="1" stop-color="hsl(18, 10%, 25%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/manifest.json new file mode 100644 index 0000000000..eda2056e0e --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "abstract-bold-colorway@mozilla.org" + } + }, + "name": "Abstract – Bold", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(15, 89%, 86%)", + "tab_text": "hsl(15, 89%, 86%)", + "tab_selected": "hsl(12, 5%, 21%)", + "tab_line": "hsl(15, 100%, 86%)", + "tab_loading": "hsl(15, 59%, 75%)", + "tab_loading_inactive": "hsl(15, 59%, 75%)", + "frame": "hsl(15, 10%, 16%)", + "popup": "hsl(12, 5%, 21%)", + "popup_text": "hsl(15, 89%, 86%)", + "popup_border": "hsl(15, 100%, 86%)", + "popup_highlight": "hsla(15, 100%, 86%, 0.2)", + "popup_highlight_text": "hsl(15, 89%, 86%)", + "toolbar": "hsl(18, 10%, 25%)", + "toolbar_text": "hsl(15, 89%, 86%)", + "toolbar_field": "hsl(15, 10%, 16%)", + "toolbar_field_text": "hsl(15, 89%, 86%)", + "toolbar_field_focus": "hsl(12, 5%, 21%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(15, 10%, 16%)", + "ntp_background": "hsl(20, 9%, 13%)", + "ntp_card_background": "hsl(12, 5%, 21%)", + "ntp_text": "hsl(15, 89%, 86%)", + "sidebar": "hsl(12, 5%, 21%)", + "sidebar_text": "hsl(15, 89%, 86%)", + "sidebar_highlight": "hsla(15, 100%, 86%, 0.2)", + "address_bar_box": "hsl(12, 5%, 21%)", + "address_bar_box_hover": "hsla(12, 5%, 21%, 0.8)", + "address_bar_box_active": "hsla(12, 5%, 21%, 0.65)", + "address_bar_box_focus": "hsl(18, 10%, 25%)", + "address_bar_box_text": "hsl(15, 89%, 86%)", + "address_bar_url_color": "hsl(15, 89%, 82%)", + "panel_item_hover": "hsla(15, 100%, 86%, 0.2)", + "panel_item_active": "hsla(15, 100%, 86%, 0.35)", + "panel_separator": "hsl(15, 100%, 86%)", + "icons_attention": "hsl(15, 59%, 75%)", + "toolbar_field_icons_attention": "hsl(15, 59%, 75%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/preview.svg new file mode 100644 index 0000000000..ff37080bdd --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/bold/preview.svg @@ -0,0 +1,18 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(15, 10%, 16%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(12, 5%, 21%)" stroke="hsl(15, 100%, 86%)" stroke-width="1.5" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(15, 89%, 86%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(15, 89%, 86%)" /> + <rect y="44" width="680" height="48" fill="hsl(18, 10%, 25%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(15, 10%, 16%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(15, 89%, 86%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(15, 89%, 86%)" /> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/icon.svg new file mode 100644 index 0000000000..e36b822f9a --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(15, 100%, 78%)"/> + <stop offset="1" stop-color="hsl(15, 100%, 86%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/manifest.json new file mode 100644 index 0000000000..79eadac692 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "abstract-soft-colorway@mozilla.org" + } + }, + "name": "Abstract – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(30, 5%, 8%)", + "tab_text": "hsl(30, 5%, 8%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(15, 70%, 38%)", + "tab_loading_inactive": "hsl(15, 70%, 38%)", + "frame": "hsl(15, 100%, 78%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(30, 5%, 8%)", + "popup_border": "hsl(15, 71%, 80%)", + "popup_highlight": "hsla(15, 90%, 50%, 0.2)", + "popup_highlight_text": "hsl(30, 5%, 8%)", + "toolbar": "hsl(15, 100%, 86%)", + "toolbar_text": "hsl(30, 5%, 8%)", + "toolbar_field": "hsl(15, 100%, 78%)", + "toolbar_field_text": "hsl(30, 5%, 8%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(15, 100%, 78%)", + "ntp_background": "hsl(16, 73%, 97%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(30, 5%, 8%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(30, 5%, 8%)", + "sidebar_highlight": "hsla(15, 90%, 50%, 0.2)", + "address_bar_box": "hsl(0, 0%, 100%)", + "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)", + "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)", + "address_bar_box_focus": "hsl(15, 100%, 86%)", + "address_bar_box_text": "hsl(30, 5%, 8%)", + "address_bar_url_color": "hsl(15, 70%, 38%)", + "panel_item_hover": "hsla(15, 90%, 50%, 0.2)", + "panel_item_active": "hsla(15, 90%, 50%, 0.35)", + "panel_separator": "hsl(15, 71%, 80%)", + "icons_attention": "hsl(15, 70%, 38%)", + "toolbar_field_icons_attention": "hsl(15, 70%, 38%)", + "tab_attention_dot": "hsl(146, 15%, 36%)", + "appmenu_update_icon_color": "hsl(146, 15%, 36%)", + "appmenu_info_icon_color": "hsl(203, 77%, 31%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/preview.svg new file mode 100644 index 0000000000..8e979444f9 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/abstract/soft/preview.svg @@ -0,0 +1,36 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(15, 100%, 78%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(30, 5%, 8%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(30, 5%, 8%)" /> + <rect y="44" width="680" height="48" fill="hsl(15, 100%, 86%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(15, 100%, 78%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(30, 5%, 8%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(30, 5%, 8%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/icon.svg new file mode 100644 index 0000000000..71e10b3326 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" gradientTransform="rotate(90)"> + <stop stop-color="#FFE199"/> + <stop offset="1" stop-color="#EFA906"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/manifest.json new file mode 100644 index 0000000000..61a2bc45c0 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "cheers-balanced-colorway@mozilla.org" + } + }, + "name": "Cheers – Balanced", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 0%)", + "tab_text": "hsl(0, 0%, 100%)", + "tab_selected": "hsl(0, 0%, 20%)", + "tab_line": "transparent", + "tab_loading": "hsl(42, 95%, 60%)", + "tab_loading_inactive": "hsl(42, 100%, 27%)", + "frame": "hsl(42, 95%, 60%)", + "popup": "hsl(0, 0%, 20%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(42, 63%, 78%)", + "popup_highlight": "hsla(42, 100%, 62%, 0.22)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(42, 95%, 70%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(0, 0%, 20%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(0, 0%, 20%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(42, 95%, 60%)", + "ntp_background": "hsl(0, 0%, 9%)", + "ntp_card_background": "hsl(0, 0%, 20%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(0, 0%, 20%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(42, 100%, 62%, 0.22)", + "address_bar_box": "hsl(42, 95%, 60%)", + "address_bar_box_hover": "hsla(42, 95%, 60%, 0.8)", + "address_bar_box_active": "hsla(42, 95%, 60%, 0.65)", + "address_bar_box_focus": "hsl(42, 95%, 70%)", + "address_bar_box_text": "hsl(0, 0%, 0%)", + "address_bar_url_color": "hsl(42, 95%, 60%)", + "panel_item_hover": "hsla(42, 100%, 62%, 0.22)", + "panel_item_active": "hsla(42, 100%, 62%, 0.37)", + "panel_separator": "hsl(42, 63%, 78%)", + "icons_attention": "hsl(42, 100%, 27%)", + "toolbar_field_icons_attention": "hsl(42, 95%, 60%)", + "tab_attention_dot": "hsl(137, 15%, 36%)", + "appmenu_update_icon_color": "hsl(137, 15%, 36%)", + "appmenu_info_icon_color": "hsl(203, 77%, 31%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/preview.svg new file mode 100644 index 0000000000..1820af6cf3 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/preview.svg @@ -0,0 +1,36 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(42, 95%, 60%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 20%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect y="44" width="680" height="48" fill="hsl(42, 95%, 70%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(0, 0%, 20%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/icon.svg new file mode 100644 index 0000000000..224dba4eaf --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(0, 0%, 11%)"/> + <stop offset="1" stop-color="hsl(0, 0%, 20%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/manifest.json new file mode 100644 index 0000000000..e9d4628b0d --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "cheers-bold-colorway@mozilla.org" + } + }, + "name": "Cheers – Bold", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(42, 96%, 65%)", + "tab_text": "hsl(42, 96%, 65%)", + "tab_selected": "hsl(0, 0%, 16%)", + "tab_line": "hsl(42, 80%, 58%)", + "tab_loading": "hsl(42, 70%, 72%)", + "tab_loading_inactive": "hsl(42, 70%, 72%)", + "frame": "hsl(0, 0%, 11%)", + "popup": "hsl(0, 0%, 16%)", + "popup_text": "hsl(42, 96%, 65%)", + "popup_border": "hsl(42, 95%, 60%)", + "popup_highlight": "hsla(42, 95%, 60%, 0.2)", + "popup_highlight_text": "hsl(42, 96%, 65%)", + "toolbar": "hsl(0, 0%, 20%)", + "toolbar_text": "hsl(42, 96%, 65%)", + "toolbar_field": "hsl(0, 0%, 11%)", + "toolbar_field_text": "hsl(42, 96%, 65%)", + "toolbar_field_focus": "hsl(0, 0%, 16%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(0, 0%, 11%)", + "ntp_background": "hsl(0, 0%, 11%)", + "ntp_card_background": "hsl(0, 0%, 16%)", + "ntp_text": "hsl(42, 96%, 65%)", + "sidebar": "hsl(0, 0%, 16%)", + "sidebar_text": "hsl(42, 96%, 65%)", + "sidebar_highlight": "hsla(42, 95%, 60%, 0.2)", + "address_bar_box": "hsl(0, 0%, 16%)", + "address_bar_box_hover": "hsla(0, 0%, 16%, 0.8)", + "address_bar_box_active": "hsla(0, 0%, 16%, 0.65)", + "address_bar_box_focus": "hsl(0, 0%, 20%)", + "address_bar_box_text": "hsl(42, 96%, 65%)", + "address_bar_url_color": "hsl(42, 70%, 72%)", + "panel_item_hover": "hsla(42, 95%, 60%, 0.2)", + "panel_item_active": "hsla(42, 95%, 60%, 0.35)", + "panel_separator": "hsl(42, 95%, 60%)", + "icons_attention": "hsl(42, 70%, 72%)", + "toolbar_field_icons_attention": "hsl(42, 70%, 72%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/preview.svg new file mode 100644 index 0000000000..ba16e58108 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/bold/preview.svg @@ -0,0 +1,18 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(0, 0%, 11%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 16%)" stroke="hsl(42, 80%, 58%)" stroke-width="1.5" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(42, 96%, 65%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(42, 96%, 65%)" /> + <rect y="44" width="680" height="48" fill="hsl(0, 0%, 20%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(0, 0%, 11%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(42, 96%, 65%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(42, 96%, 65%)" /> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/icon.svg new file mode 100644 index 0000000000..1b9132ccb9 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(42, 100%, 70%)"/> + <stop offset="1" stop-color="hsl(42, 100%, 84%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/manifest.json new file mode 100644 index 0000000000..fbe7a2add5 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "cheers-soft-colorway@mozilla.org" + } + }, + "name": "Cheers – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 0%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(42, 100%, 30%)", + "tab_loading_inactive": "hsl(42, 100%, 30%)", + "frame": "hsl(42, 100%, 70%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(42, 100%, 60%)", + "popup_highlight": "hsla(42, 100%, 78%, 0.9)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(42, 100%, 84%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(42, 100%, 70%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(42, 100%, 70%)", + "ntp_background": "hsl(43, 61%, 92%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(42, 100%, 78%, 0.9)", + "address_bar_box": "hsl(0, 0%, 100%)", + "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)", + "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)", + "address_bar_box_focus": "hsl(42, 100%, 84%)", + "address_bar_box_text": "hsl(0, 0%, 0%)", + "address_bar_url_color": "hsl(42, 100%, 25%)", + "panel_item_hover": "hsla(42, 100%, 78%, 0.9)", + "panel_item_active": "hsl(42, 100%, 78%)", + "panel_separator": "hsl(42, 100%, 60%)", + "icons_attention": "hsl(42, 100%, 30%)", + "toolbar_field_icons_attention": "hsl(42, 100%, 30%)", + "tab_attention_dot": "hsl(137, 15%, 36%)", + "appmenu_update_icon_color": "hsl(137, 15%, 36%)", + "appmenu_info_icon_color": "hsl(203, 77%, 31%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/preview.svg new file mode 100644 index 0000000000..3d197dacf0 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/cheers/soft/preview.svg @@ -0,0 +1,36 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(42, 100%, 70%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect y="44" width="680" height="48" fill="hsl(42, 100%, 84%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(42, 100%, 70%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/icon.svg new file mode 100644 index 0000000000..46f9d406d0 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" gradientTransform="rotate(90)"> + <stop stop-color="#D2CEC6"/> + <stop offset="1" stop-color="#8E8671"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/manifest.json new file mode 100644 index 0000000000..ee50d27de7 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "elemental-balanced-colorway@mozilla.org" + } + }, + "name": "Elemental – Balanced", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(40, 7%, 92%)", + "tab_line": "transparent", + "tab_loading": "hsl(40, 7%, 18%)", + "tab_loading_inactive": "hsl(40, 8%, 85%)", + "frame": "hsl(38, 7%, 30%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(43, 7%, 60%)", + "popup_highlight": "hsla(40, 7%, 55%, 0.4)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(43, 7%, 40%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(40, 7%, 92%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(38, 7%, 30%)", + "ntp_background": "hsl(42, 8%, 78%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(40, 7%, 55%, 0.4)", + "address_bar_box": "hsl(38, 7%, 30%)", + "address_bar_box_hover": "hsla(38, 7%, 30%, 0.8)", + "address_bar_box_active": "hsla(38, 7%, 30%, 0.65)", + "address_bar_box_focus": "hsl(43, 7%, 40%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(150, 2%, 35%)", + "panel_item_hover": "hsla(40, 7%, 55%, 0.4)", + "panel_item_active": "hsla(40, 7%, 55%, 0.55)", + "panel_separator": "hsl(43, 7%, 60%)", + "icons_attention": "hsl(40, 8%, 85%)", + "toolbar_field_icons_attention": "hsl(40, 7%, 18%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/preview.svg new file mode 100644 index 0000000000..c700f4656d --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/preview.svg @@ -0,0 +1,36 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(38, 7%, 30%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(40, 7%, 92%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(43, 7%, 40%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(40, 7%, 92%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/icon.svg new file mode 100644 index 0000000000..311409f39c --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(38, 7%, 30%)"/> + <stop offset="1" stop-color="hsl(42, 6%, 43%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/manifest.json new file mode 100644 index 0000000000..6dd0ca7cfc --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "elemental-bold-colorway@mozilla.org" + } + }, + "name": "Elemental – Bold", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 100%)", + "tab_selected": "hsl(40, 7%, 25%)", + "tab_line": "hsl(42, 7%, 38%)", + "tab_loading": "hsl(45, 6%, 88%)", + "tab_loading_inactive": "hsl(45, 6%, 88%)", + "frame": "hsl(38, 7%, 30%)", + "popup": "hsl(40, 7%, 25%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(43, 7%, 40%)", + "popup_highlight": "hsla(38, 7%, 70%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(42, 6%, 43%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(38, 7%, 30%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(40, 7%, 25%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(38, 7%, 30%)", + "ntp_background": "hsl(38, 7%, 30%)", + "ntp_card_background": "hsl(40, 7%, 25%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(40, 7%, 25%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(38, 7%, 70%, 0.3)", + "address_bar_box": "hsl(40, 7%, 25%)", + "address_bar_box_hover": "hsla(40, 7%, 25%, 0.8)", + "address_bar_box_active": "hsla(40, 7%, 25%, 0.65)", + "address_bar_box_focus": "hsl(42, 6%, 43%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(40, 6%, 90%)", + "panel_item_hover": "hsla(38, 7%, 70%, 0.3)", + "panel_item_active": "hsla(38, 7%, 70%, 0.45)", + "panel_separator": "hsl(43, 7%, 40%)", + "icons_attention": "hsl(45, 6%, 88%)", + "toolbar_field_icons_attention": "hsl(45, 6%, 88%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/preview.svg new file mode 100644 index 0000000000..8c1cd4867c --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/bold/preview.svg @@ -0,0 +1,18 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(38, 7%, 30%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(40, 7%, 25%)" stroke="hsl(42, 7%, 38%)" stroke-width="1.5" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(42, 6%, 43%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(38, 7%, 30%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/icon.svg new file mode 100644 index 0000000000..cb634ce131 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(45, 6%, 88%)"/> + <stop offset="1" stop-color="hsl(30, 7%, 94%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/manifest.json new file mode 100644 index 0000000000..b49d4d2209 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "elemental-soft-colorway@mozilla.org" + } + }, + "name": "Elemental – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(48, 10%, 10%)", + "tab_text": "hsl(48, 10%, 10%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(42, 7%, 38%)", + "tab_loading_inactive": "hsl(42, 7%, 38%)", + "frame": "hsl(45, 6%, 88%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(48, 10%, 10%)", + "popup_border": "hsl(48, 6%, 85%)", + "popup_highlight": "hsla(40, 7%, 73%, 0.4)", + "popup_highlight_text": "hsl(48, 10%, 10%)", + "toolbar": "hsl(30, 7%, 94%)", + "toolbar_text": "hsl(48, 10%, 10%)", + "toolbar_field": "hsl(45, 6%, 88%)", + "toolbar_field_text": "hsl(48, 10%, 10%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(45, 6%, 88%)", + "ntp_background": "hsl(60, 8%, 95%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(48, 10%, 10%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(48, 10%, 10%)", + "sidebar_highlight": "hsla(40, 7%, 73%, 0.4)", + "address_bar_box": "hsl(0, 0%, 100%)", + "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)", + "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)", + "address_bar_box_focus": "hsl(30, 7%, 94%)", + "address_bar_box_text": "hsl(48, 10%, 10%)", + "address_bar_url_color": "hsl(42, 7%, 38%)", + "panel_item_hover": "hsla(40, 7%, 73%, 0.4)", + "panel_item_active": "hsla(40, 7%, 73%, 0.55)", + "panel_separator": "hsl(48, 6%, 85%)", + "icons_attention": "hsl(42, 7%, 38%)", + "toolbar_field_icons_attention": "hsl(42, 7%, 38%)", + "tab_attention_dot": "hsl(146, 15%, 36%)", + "appmenu_update_icon_color": "hsl(146, 15%, 36%)", + "appmenu_info_icon_color": "hsl(203, 77%, 31%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/preview.svg new file mode 100644 index 0000000000..dce730c57e --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/elemental/soft/preview.svg @@ -0,0 +1,36 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(45, 6%, 88%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(48, 10%, 10%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(48, 10%, 10%)" /> + <rect y="44" width="680" height="48" fill="hsl(30, 7%, 94%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(45, 6%, 88%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(48, 10%, 10%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(48, 10%, 10%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/icon.svg new file mode 100644 index 0000000000..08f3eaf469 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" gradientTransform="rotate(90)"> + <stop stop-color="#F9DDE0"/> + <stop offset="1" stop-color="#E18995"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/manifest.json new file mode 100644 index 0000000000..d744db57f3 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "foto-balanced-colorway@mozilla.org" + } + }, + "name": "Foto – Balanced", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(349, 35%, 94%)", + "tab_line": "transparent", + "tab_loading": "hsl(351, 37%, 40%)", + "tab_loading_inactive": "hsl(352, 56%, 84%)", + "frame": "hsl(351, 37%, 40%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(351, 44%, 63%)", + "popup_highlight": "hsla(350, 53%, 75%, 0.5)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(351, 37%, 47%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(349, 35%, 94%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(351, 37%, 40%)", + "ntp_background": "hsl(351, 37%, 80%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(350, 53%, 75%, 0.5)", + "address_bar_box": "hsl(351, 37%, 40%)", + "address_bar_box_hover": "hsla(351, 37%, 40%, 0.8)", + "address_bar_box_active": "hsla(351, 37%, 40%, 0.65)", + "address_bar_box_focus": "hsl(351, 37%, 47%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(351, 37%, 40%)", + "panel_item_hover": "hsla(350, 53%, 75%, 0.5)", + "panel_item_active": "hsla(350, 53%, 75%, 0.65)", + "panel_separator": "hsl(351, 44%, 63%)", + "icons_attention": "hsl(352, 56%, 84%)", + "toolbar_field_icons_attention": "hsl(351, 37%, 40%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/preview.svg new file mode 100644 index 0000000000..1c43a6e67d --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/balanced/preview.svg @@ -0,0 +1,36 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(351, 37%, 40%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(349, 35%, 94%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(351, 37%, 47%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(349, 35%, 94%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/icon.svg new file mode 100644 index 0000000000..b08be54e42 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(350, 32%, 30%)"/> + <stop offset="1" stop-color="hsl(351, 32%, 42%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/manifest.json new file mode 100644 index 0000000000..91abfe5119 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "foto-bold-colorway@mozilla.org" + } + }, + "name": "Foto – Bold", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 100%)", + "tab_selected": "hsl(351, 27%, 25%)", + "tab_line": "hsl(351, 31%, 52%)", + "tab_loading": "hsl(352, 56%, 84%)", + "tab_loading_inactive": "hsl(352, 56%, 84%)", + "frame": "hsl(350, 32%, 30%)", + "popup": "hsl(351, 27%, 25%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(351, 32%, 46%)", + "popup_highlight": "hsla(351, 32%, 50%, 0.6)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(351, 32%, 42%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(350, 32%, 30%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(351, 27%, 25%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(350, 32%, 30%)", + "ntp_background": "hsl(350, 14%, 17%)", + "ntp_card_background": "hsl(351, 27%, 25%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(351, 27%, 25%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(351, 32%, 50%, 0.6)", + "address_bar_box": "hsl(351, 27%, 25%)", + "address_bar_box_hover": "hsla(351, 27%, 25%, 0.8)", + "address_bar_box_active": "hsla(351, 27%, 25%, 0.65)", + "address_bar_box_focus": "hsl(351, 32%, 42%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(350, 57%, 90%)", + "panel_item_hover": "hsla(351, 32%, 50%, 0.6)", + "panel_item_active": "hsla(351, 32%, 50%, 0.75)", + "panel_separator": "hsl(351, 32%, 46%)", + "icons_attention": "hsl(352, 56%, 84%)", + "toolbar_field_icons_attention": "hsl(352, 56%, 84%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/preview.svg new file mode 100644 index 0000000000..338672498f --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/bold/preview.svg @@ -0,0 +1,18 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(350, 32%, 30%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(351, 27%, 25%)" stroke="hsl(351, 31%, 52%)" stroke-width="1.5" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(351, 32%, 42%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(350, 32%, 30%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/icon.svg new file mode 100644 index 0000000000..9552e234f0 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(352, 56%, 84%)"/> + <stop offset="1" stop-color="hsl(351, 47%, 89%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/manifest.json new file mode 100644 index 0000000000..e9f1edf319 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "foto-soft-colorway@mozilla.org" + } + }, + "name": "Foto – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(351, 32%, 8%)", + "tab_text": "hsl(351, 32%, 8%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(351, 32%, 42%)", + "tab_loading_inactive": "hsl(351, 32%, 42%)", + "frame": "hsl(352, 56%, 84%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(351, 32%, 8%)", + "popup_border": "hsl(350, 61%, 88%)", + "popup_highlight": "hsla(351, 52%, 82%, 0.5)", + "popup_highlight_text": "hsl(351, 32%, 8%)", + "toolbar": "hsl(351, 47%, 89%)", + "toolbar_text": "hsl(351, 32%, 8%)", + "toolbar_field": "hsl(352, 56%, 84%)", + "toolbar_field_text": "hsl(351, 32%, 8%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(352, 56%, 84%)", + "ntp_background": "hsl(354, 33%, 94%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(351, 32%, 8%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(351, 32%, 8%)", + "sidebar_highlight": "hsla(351, 52%, 82%, 0.5)", + "address_bar_box": "hsl(0, 0%, 100%)", + "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)", + "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)", + "address_bar_box_focus": "hsl(351, 47%, 89%)", + "address_bar_box_text": "hsl(351, 32%, 8%)", + "address_bar_url_color": "hsl(351, 37%, 40%)", + "panel_item_hover": "hsla(351, 52%, 82%, 0.5)", + "panel_item_active": "hsla(351, 52%, 82%, 0.65)", + "panel_separator": "hsl(350, 61%, 88%)", + "icons_attention": "hsl(351, 32%, 42%)", + "toolbar_field_icons_attention": "hsl(351, 32%, 42%)", + "tab_attention_dot": "hsl(146, 15%, 36%)", + "appmenu_update_icon_color": "hsl(146, 15%, 36%)", + "appmenu_info_icon_color": "hsl(203, 77%, 31%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/foto/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/preview.svg new file mode 100644 index 0000000000..e21d5c9de8 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/foto/soft/preview.svg @@ -0,0 +1,36 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(352, 56%, 84%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(351, 32%, 8%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(351, 32%, 8%)" /> + <rect y="44" width="680" height="48" fill="hsl(351, 47%, 89%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(352, 56%, 84%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(351, 32%, 8%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(351, 32%, 8%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/icon.svg new file mode 100644 index 0000000000..a6bb9c5a8b --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" gradientTransform="rotate(90)"> + <stop stop-color="#EBD1FA"/> + <stop offset="1" stop-color="#A864CE"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/manifest.json new file mode 100644 index 0000000000..b7d668485a --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "graffiti-balanced-colorway@mozilla.org" + } + }, + "name": "Graffiti – Balanced", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(278, 31%, 95%)", + "tab_line": "transparent", + "tab_loading": "hsl(278, 32%, 35%)", + "tab_loading_inactive": "hsl(279, 77%, 95%)", + "frame": "hsl(278, 33%, 40%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(278, 32%, 50%)", + "popup_highlight": "hsla(278, 80%, 78%, 0.4)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(279, 29%, 52%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(278, 31%, 95%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(278, 33%, 40%)", + "ntp_background": "hsl(277, 30%, 86%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(278, 80%, 78%, 0.4)", + "address_bar_box": "hsl(278, 33%, 40%)", + "address_bar_box_hover": "hsla(278, 33%, 40%, 0.8)", + "address_bar_box_active": "hsla(278, 33%, 40%, 0.65)", + "address_bar_box_focus": "hsl(279, 29%, 52%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(278, 32%, 35%)", + "panel_item_hover": "hsla(278, 80%, 78%, 0.4)", + "panel_item_active": "hsla(278, 80%, 78%, 0.55)", + "panel_separator": "hsl(278, 32%, 50%)", + "icons_attention": "hsl(279, 77%, 95%)", + "toolbar_field_icons_attention": "hsl(278, 32%, 35%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/preview.svg new file mode 100644 index 0000000000..9aa245de3e --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/preview.svg @@ -0,0 +1,36 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(278, 33%, 40%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(278, 31%, 95%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(279, 29%, 52%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(278, 31%, 95%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/icon.svg new file mode 100644 index 0000000000..764d072a09 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(279, 31%, 28%)"/> + <stop offset="1" stop-color="hsl(278, 27%, 40%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/manifest.json new file mode 100644 index 0000000000..e56600702e --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "graffiti-bold-colorway@mozilla.org" + } + }, + "name": "Graffiti – Bold", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 100%)", + "tab_selected": "hsl(275, 15%, 22%)", + "tab_line": "hsl(278, 32%, 50%)", + "tab_loading": "hsl(278, 79%, 85%)", + "tab_loading_inactive": "hsl(278, 79%, 85%)", + "frame": "hsl(279, 31%, 28%)", + "popup": "hsl(275, 15%, 22%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(278, 30%, 42%)", + "popup_highlight": "hsla(278, 33%, 52%, 0.6)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(278, 27%, 40%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(279, 31%, 28%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(275, 15%, 22%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(279, 31%, 28%)", + "ntp_background": "hsl(270, 10%, 12%)", + "ntp_card_background": "hsl(275, 15%, 22%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(275, 15%, 22%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(278, 33%, 52%, 0.6)", + "address_bar_box": "hsl(275, 15%, 22%)", + "address_bar_box_hover": "hsla(275, 15%, 22%, 0.8)", + "address_bar_box_active": "hsla(275, 15%, 22%, 0.65)", + "address_bar_box_focus": "hsl(278, 27%, 40%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(278, 80%, 88%)", + "panel_item_hover": "hsla(278, 33%, 52%, 0.6)", + "panel_item_active": "hsla(278, 33%, 52%, 0.75)", + "panel_separator": "hsl(278, 30%, 42%)", + "icons_attention": "hsl(278, 79%, 85%)", + "toolbar_field_icons_attention": "hsl(278, 79%, 85%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/preview.svg new file mode 100644 index 0000000000..f1db86b92e --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/preview.svg @@ -0,0 +1,18 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(279, 31%, 28%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(275, 15%, 22%)" stroke="hsl(278, 32%, 50%)" stroke-width="1.5" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(278, 27%, 40%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(279, 31%, 28%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/icon.svg new file mode 100644 index 0000000000..d50944e91a --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(278, 79%, 85%)"/> + <stop offset="1" stop-color="hsl(278, 80%, 91%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/manifest.json new file mode 100644 index 0000000000..dba350671b --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "graffiti-soft-colorway@mozilla.org" + } + }, + "name": "Graffiti – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(278, 22%, 10%)", + "tab_text": "hsl(278, 22%, 10%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(278, 33%, 44%)", + "tab_loading_inactive": "hsl(278, 33%, 44%)", + "frame": "hsl(278, 79%, 85%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(278, 22%, 10%)", + "popup_border": "hsl(278, 80%, 86%)", + "popup_highlight": "hsla(278, 80%, 78%, 0.4)", + "popup_highlight_text": "hsl(278, 22%, 10%)", + "toolbar": "hsl(278, 80%, 91%)", + "toolbar_text": "hsl(278, 22%, 10%)", + "toolbar_field": "hsl(278, 79%, 85%)", + "toolbar_field_text": "hsl(278, 22%, 10%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(278, 79%, 85%)", + "ntp_background": "hsl(279, 77%, 95%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(278, 22%, 10%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(278, 22%, 10%)", + "sidebar_highlight": "hsla(278, 80%, 78%, 0.4)", + "address_bar_box": "hsl(0, 0%, 100%)", + "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)", + "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)", + "address_bar_box_focus": "hsl(278, 80%, 91%)", + "address_bar_box_text": "hsl(278, 22%, 10%)", + "address_bar_url_color": "hsl(278, 33%, 44%)", + "panel_item_hover": "hsla(278, 80%, 78%, 0.4)", + "panel_item_active": "hsla(278, 80%, 78%, 0.55)", + "panel_separator": "hsl(278, 80%, 86%)", + "icons_attention": "hsl(278, 33%, 44%)", + "toolbar_field_icons_attention": "hsl(278, 33%, 44%)", + "tab_attention_dot": "hsl(146, 15%, 36%)", + "appmenu_update_icon_color": "hsl(146, 15%, 36%)", + "appmenu_info_icon_color": "hsl(203, 77%, 31%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/preview.svg new file mode 100644 index 0000000000..ed76cdcce9 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/preview.svg @@ -0,0 +1,36 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(278, 79%, 85%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(278, 22%, 10%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(278, 22%, 10%)" /> + <rect y="44" width="680" height="48" fill="hsl(278, 80%, 91%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(278, 79%, 85%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(278, 22%, 10%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(278, 22%, 10%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/icon.svg new file mode 100644 index 0000000000..4c06426349 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" gradientTransform="rotate(90)"> + <stop stop-color="#B6D8C4"/> + <stop offset="1" stop-color="#609F7A"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/manifest.json new file mode 100644 index 0000000000..c265b4ae87 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "lush-balanced-colorway@mozilla.org" + } + }, + "name": "Lush – Balanced", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 0%)", + "tab_selected": "hsl(120, 7%, 94%)", + "tab_line": "transparent", + "tab_loading": "hsl(138, 16%, 32%)", + "tab_loading_inactive": "hsl(147, 25%, 86%)", + "frame": "hsl(144, 16%, 30%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(145, 25%, 50%)", + "popup_highlight": "hsla(145, 36%, 40%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(146, 15%, 36%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(120, 7%, 94%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 179, 244, 1)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(144, 16%, 30%)", + "ntp_background": "hsl(140, 10%, 82%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(0, 0%, 0%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(0, 0%, 0%)", + "sidebar_highlight": "hsla(145, 36%, 40%, 0.3)", + "address_bar_box": "hsl(144, 16%, 30%)", + "address_bar_box_hover": "hsla(144, 16%, 30%, 0.8)", + "address_bar_box_active": "hsla(144, 16%, 30%, 0.65)", + "address_bar_box_focus": "hsl(146, 15%, 36%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(138, 16%, 32%)", + "panel_item_hover": "hsla(145, 36%, 40%, 0.3)", + "panel_item_active": "hsla(145, 36%, 40%, 0.45)", + "panel_separator": "hsl(145, 25%, 50%)", + "icons_attention": "hsl(147, 25%, 86%)", + "toolbar_field_icons_attention": "hsl(138, 16%, 32%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/preview.svg new file mode 100644 index 0000000000..3bfe84c75f --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/balanced/preview.svg @@ -0,0 +1,36 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(144, 16%, 30%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(120, 7%, 94%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(146, 15%, 36%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(120, 7%, 94%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/bold/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/icon.svg new file mode 100644 index 0000000000..9c2c88dd7b --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(139, 16%, 30%)"/> + <stop offset="1" stop-color="hsl(139, 15%, 42%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/bold/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/manifest.json new file mode 100644 index 0000000000..dd4011023d --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "lush-bold-colorway@mozilla.org" + } + }, + "name": "Lush – Bold", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(0, 0%, 100%)", + "tab_text": "hsl(0, 0%, 100%)", + "tab_selected": "hsl(140, 2%, 28%)", + "tab_line": "hsl(139, 8%, 48%)", + "tab_loading": "hsl(146, 44%, 86%)", + "tab_loading_inactive": "hsl(146, 44%, 86%)", + "frame": "hsl(139, 16%, 30%)", + "popup": "hsl(140, 2%, 28%)", + "popup_text": "hsl(0, 0%, 100%)", + "popup_border": "hsl(140, 10%, 35%)", + "popup_highlight": "hsla(137, 18%, 50%, 0.42)", + "popup_highlight_text": "hsl(0, 0%, 100%)", + "toolbar": "hsl(139, 15%, 42%)", + "toolbar_text": "hsl(0, 0%, 100%)", + "toolbar_field": "hsl(139, 16%, 30%)", + "toolbar_field_text": "hsl(0, 0%, 100%)", + "toolbar_field_focus": "hsl(140, 2%, 28%)", + "toolbar_field_border_focus": "rgba(0, 221, 255, 0.7)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(139, 16%, 30%)", + "ntp_background": "hsl(150, 2%, 20%)", + "ntp_card_background": "hsl(140, 2%, 28%)", + "ntp_text": "hsl(0, 0%, 100%)", + "sidebar": "hsl(140, 2%, 28%)", + "sidebar_text": "hsl(0, 0%, 100%)", + "sidebar_highlight": "hsla(137, 18%, 50%, 0.42)", + "address_bar_box": "hsl(140, 2%, 28%)", + "address_bar_box_hover": "hsla(140, 2%, 28%, 0.8)", + "address_bar_box_active": "hsla(140, 2%, 28%, 0.65)", + "address_bar_box_focus": "hsl(139, 15%, 42%)", + "address_bar_box_text": "hsl(0, 0%, 100%)", + "address_bar_url_color": "hsl(146, 44%, 86%)", + "panel_item_hover": "hsla(137, 18%, 50%, 0.42)", + "panel_item_active": "hsla(137, 18%, 50%, 0.57)", + "panel_separator": "hsl(140, 10%, 35%)", + "icons_attention": "hsl(146, 44%, 86%)", + "toolbar_field_icons_attention": "hsl(146, 44%, 86%)", + "tab_attention_dot": "hsl(94, 100%, 71%)", + "appmenu_update_icon_color": "hsl(94, 100%, 71%)", + "appmenu_info_icon_color": "hsl(173, 100%, 71%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/bold/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/preview.svg new file mode 100644 index 0000000000..83af350291 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/bold/preview.svg @@ -0,0 +1,18 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(139, 16%, 30%)" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(140, 2%, 28%)" stroke="hsl(139, 8%, 48%)" stroke-width="1.5" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> + <rect y="44" width="680" height="48" fill="hsl(139, 15%, 42%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(139, 16%, 30%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 100%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 100%)" /> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/soft/icon.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/icon.svg new file mode 100644 index 0000000000..79cf4d5bb7 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/icon.svg @@ -0,0 +1,12 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="63" height="62" viewBox="0 0 63 62" fill="none" xmlns="http://www.w3.org/2000/svg"> + <circle cx="31.5" cy="31" r="31" fill="url(#paint0_linear)"/> + <defs> + <linearGradient id="paint0_linear" x1="44.4829" y1="19" x2="10.4829" y2="53" gradientUnits="userSpaceOnUse"> + <stop stop-color="hsl(147, 25%, 86%)"/> + <stop offset="1" stop-color="hsl(140, 26%, 93%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/soft/manifest.json b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/manifest.json new file mode 100644 index 0000000000..1f4ef55c98 --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "lush-soft-colorway@mozilla.org" + } + }, + "name": "Lush – Soft", + "author": "Mozilla", + "version": "1.1", + "icons": { + "32": "icon.svg" + }, + "theme": { + "colors": { + "tab_background_text": "hsl(150, 6%, 20%)", + "tab_text": "hsl(150, 6%, 20%)", + "tab_selected": "hsl(0, 0%, 100%)", + "tab_line": "transparent", + "tab_loading": "hsl(145, 24%, 32%)", + "tab_loading_inactive": "hsl(145, 24%, 32%)", + "frame": "hsl(147, 25%, 86%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(150, 6%, 20%)", + "popup_border": "hsl(144, 25%, 88%)", + "popup_highlight": "hsla(143, 25%, 86%, 0.7)", + "popup_highlight_text": "hsl(150, 6%, 20%)", + "toolbar": "hsl(140, 26%, 93%)", + "toolbar_text": "hsl(150, 6%, 20%)", + "toolbar_field": "hsl(147, 25%, 86%)", + "toolbar_field_text": "hsl(150, 6%, 20%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(147, 25%, 86%)", + "ntp_background": "hsl(150, 25%, 97%)", + "ntp_card_background": "hsl(0, 0%, 100%)", + "ntp_text": "hsl(150, 6%, 20%)", + "sidebar": "hsl(0, 0%, 100%)", + "sidebar_text": "hsl(150, 6%, 20%)", + "sidebar_highlight": "hsla(143, 25%, 86%, 0.7)", + "address_bar_box": "hsl(0, 0%, 100%)", + "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)", + "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)", + "address_bar_box_focus": "hsl(140, 26%, 93%)", + "address_bar_box_text": "hsl(150, 6%, 20%)", + "address_bar_url_color": "hsl(145, 24%, 32%)", + "panel_item_hover": "hsla(143, 25%, 86%, 0.7)", + "panel_item_active": "hsla(143, 25%, 86%, 0.85)", + "panel_separator": "hsl(144, 25%, 88%)", + "icons_attention": "hsl(145, 24%, 32%)", + "toolbar_field_icons_attention": "hsl(145, 24%, 32%)", + "tab_attention_dot": "hsl(146, 15%, 36%)", + "appmenu_update_icon_color": "hsl(146, 15%, 36%)", + "appmenu_info_icon_color": "hsl(203, 77%, 31%)" + } + }, + "theme_experiment": { + "colors": { + "address_bar_box": "--urlbar-box-bgcolor", + "address_bar_box_hover": "--urlbar-box-hover-bgcolor", + "address_bar_box_active": "--urlbar-box-active-bgcolor", + "address_bar_box_focus": "--urlbar-box-focus-bgcolor", + "address_bar_box_text": "--urlbar-box-text-color", + "address_bar_url_color": "--urlbar-popup-url-color", + "panel_item_hover": "--panel-item-hover-bgcolor", + "panel_item_active": "--panel-item-active-bgcolor", + "panel_separator": "--panel-separator-color", + "toolbar_field_icons_attention": "--lwt-toolbar-field-icon-fill-attention", + "tab_attention_dot": "--lwt-tab-attention-icon-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_loading_inactive": "--lwt-tab-loading-fill-inactive" + } + } +} diff --git a/browser/themes/addons/colorways/2021-life-in-color/lush/soft/preview.svg b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/preview.svg new file mode 100644 index 0000000000..611339319e --- /dev/null +++ b/browser/themes/addons/colorways/2021-life-in-color/lush/soft/preview.svg @@ -0,0 +1,36 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg width="680" height="92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="hsl(147, 25%, 86%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(150, 6%, 20%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(150, 6%, 20%)" /> + <rect y="44" width="680" height="48" fill="hsl(140, 26%, 93%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(147, 25%, 86%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(150, 6%, 20%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(150, 6%, 20%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> 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> diff --git a/browser/themes/addons/colorways/2022-true-colors/blue/icon.svg b/browser/themes/addons/colorways/2022-true-colors/blue/icon.svg new file mode 100644 index 0000000000..f562013826 --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/blue/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(206, 43%, 65%)"/> + <stop offset="1" stop-color="hsl(206, 43%, 78%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-true-colors/blue/manifest.json b/browser/themes/addons/colorways/2022-true-colors/blue/manifest.json new file mode 100644 index 0000000000..c0c38d40a1 --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/blue/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "2022blue-colorway@mozilla.org" + } + }, + "name": "Chillaxing", + "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(207, 60%, 36%)", + "tab_loading_inactive": "hsl(207, 60%, 36%)", + "frame": "hsl(206, 43%, 65%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(207, 43%, 75%)", + "popup_highlight": "hsla(207, 44%, 70%, 0.6)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(206, 43%, 78%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(206, 43%, 65%)", + "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(206, 43%, 65%)", + "ntp_background": "hsl(207, 43%, 85%)", + "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(207, 44%, 70%, 0.6)", + "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(206, 43%, 78%)", + "address_bar_box_text": "hsl(0, 0%, 0%)", + "address_bar_url_color": "hsl(207, 43%, 41%)", + "panel_item_hover": "hsla(207, 44%, 70%, 0.6)", + "panel_item_active": "hsla(207, 44%, 70%, 0.75)", + "panel_separator": "hsl(207, 43%, 75%)", + "icons_attention": "hsl(207, 60%, 36%)", + "toolbar_field_icons_attention": "hsl(207, 60%, 36%)", + "tab_attention_dot": "hsl(145, 33%, 40%)", + "appmenu_update_icon_color": "hsl(145, 33%, 40%)", + "appmenu_info_icon_color": "hsl(206, 50%, 41%)" + } + }, + "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-true-colors/blue/preview.svg b/browser/themes/addons/colorways/2022-true-colors/blue/preview.svg new file mode 100644 index 0000000000..96ca0f7ec8 --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/blue/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(206, 43%, 65%)" /> + <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(206, 43%, 78%)" /> + <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(206, 43%, 65%)" /> + <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-true-colors/green/icon.svg b/browser/themes/addons/colorways/2022-true-colors/green/icon.svg new file mode 100644 index 0000000000..2ff592a450 --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/green/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(142, 32%, 57%)"/> + <stop offset="1" stop-color="hsl(142, 32%, 73%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-true-colors/green/manifest.json b/browser/themes/addons/colorways/2022-true-colors/green/manifest.json new file mode 100644 index 0000000000..540507a9fa --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/green/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "2022green-colorway@mozilla.org" + } + }, + "name": "Vegging Out", + "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(142, 24%, 32%)", + "tab_loading_inactive": "hsl(142, 24%, 32%)", + "frame": "hsl(142, 32%, 57%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(142, 25%, 75%)", + "popup_highlight": "hsla(142, 32%, 78%, 0.8)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(142, 32%, 73%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(142, 32%, 57%)", + "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(142, 32%, 57%)", + "ntp_background": "hsl(143, 32%, 89%)", + "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(142, 32%, 78%, 0.8)", + "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(142, 32%, 73%)", + "address_bar_box_text": "hsl(0, 0%, 0%)", + "address_bar_url_color": "hsl(143, 35%, 30%)", + "panel_item_hover": "hsla(142, 32%, 78%, 0.8)", + "panel_item_active": "hsla(142, 32%, 78%, 0.95)", + "panel_separator": "hsl(142, 25%, 75%)", + "icons_attention": "hsl(142, 24%, 32%)", + "toolbar_field_icons_attention": "hsl(142, 24%, 32%)", + "tab_attention_dot": "hsl(141, 15%, 36%)", + "appmenu_update_icon_color": "hsl(141, 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-true-colors/green/preview.svg b/browser/themes/addons/colorways/2022-true-colors/green/preview.svg new file mode 100644 index 0000000000..db7900891a --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/green/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(142, 32%, 57%)" /> + <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(142, 32%, 73%)" /> + <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(142, 32%, 57%)" /> + <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-true-colors/orange/icon.svg b/browser/themes/addons/colorways/2022-true-colors/orange/icon.svg new file mode 100644 index 0000000000..1eb441ce04 --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/orange/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(16, 94%, 65%)"/> + <stop offset="1" stop-color="hsl(17, 92%, 80%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-true-colors/orange/manifest.json b/browser/themes/addons/colorways/2022-true-colors/orange/manifest.json new file mode 100644 index 0000000000..8643398f91 --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/orange/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "2022orange-colorway@mozilla.org" + } + }, + "name": "That’s So Fire", + "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(16, 70%, 38%)", + "tab_loading_inactive": "hsl(16, 70%, 38%)", + "frame": "hsl(16, 94%, 65%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(16, 72%, 76%)", + "popup_highlight": "hsla(16, 90%, 50%, 0.3)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(17, 92%, 80%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(16, 94%, 65%)", + "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(16, 94%, 65%)", + "ntp_background": "hsl(17, 92%, 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(16, 90%, 50%, 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(17, 92%, 80%)", + "address_bar_box_text": "hsl(0, 0%, 0%)", + "address_bar_url_color": "hsl(16, 90%, 43%)", + "panel_item_hover": "hsla(16, 90%, 50%, 0.3)", + "panel_item_active": "hsla(16, 90%, 50%, 0.45)", + "panel_separator": "hsl(16, 72%, 76%)", + "icons_attention": "hsl(16, 70%, 38%)", + "toolbar_field_icons_attention": "hsl(16, 70%, 38%)", + "tab_attention_dot": "hsl(145, 15%, 43%)", + "appmenu_update_icon_color": "hsl(145, 15%, 43%)", + "appmenu_info_icon_color": "hsl(203, 77%, 41%)" + } + }, + "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-true-colors/orange/preview.svg b/browser/themes/addons/colorways/2022-true-colors/orange/preview.svg new file mode 100644 index 0000000000..fbb738a93b --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/orange/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(16, 94%, 65%)" /> + <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(17, 92%, 80%)" /> + <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(16, 94%, 65%)" /> + <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-true-colors/purple/icon.svg b/browser/themes/addons/colorways/2022-true-colors/purple/icon.svg new file mode 100644 index 0000000000..2e9e6dd54d --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/purple/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(284, 35%, 70%)"/> + <stop offset="1" stop-color="hsl(285, 36%, 81%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-true-colors/purple/manifest.json b/browser/themes/addons/colorways/2022-true-colors/purple/manifest.json new file mode 100644 index 0000000000..2edb9ceaa8 --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/purple/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "2022purple-colorway@mozilla.org" + } + }, + "name": "Bomb-dot-com", + "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(285, 35%, 42%)", + "tab_loading_inactive": "hsl(285, 35%, 42%)", + "frame": "hsl(284, 35%, 70%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(284, 80%, 77%)", + "popup_highlight": "hsla(284, 61%, 75%, 0.6)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(285, 36%, 81%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(284, 35%, 70%)", + "toolbar_field_text": "hsl(0, 0%, 0%)", + "toolbar_field_focus": "hsl(0, 0%, 100%)", + "toolbar_field_border_focus": "rgba(0, 96, 223, 0.5)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(284, 35%, 70%)", + "ntp_background": "hsl(284, 35%, 88%)", + "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(284, 61%, 75%, 0.6)", + "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(285, 36%, 81%)", + "address_bar_box_text": "hsl(0, 0%, 0%)", + "address_bar_url_color": "hsl(285, 32%, 40%)", + "panel_item_hover": "hsla(284, 61%, 75%, 0.6)", + "panel_item_active": "hsla(284, 61%, 75%, 0.75)", + "panel_separator": "hsl(284, 80%, 77%)", + "icons_attention": "hsl(285, 35%, 42%)", + "toolbar_field_icons_attention": "hsl(285, 35%, 42%)", + "tab_attention_dot": "hsl(145, 35%, 46%)", + "appmenu_update_icon_color": "hsl(145, 35%, 46%)", + "appmenu_info_icon_color": "hsl(203, 80%, 50%)" + } + }, + "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-true-colors/purple/preview.svg b/browser/themes/addons/colorways/2022-true-colors/purple/preview.svg new file mode 100644 index 0000000000..76f57a9fb6 --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/purple/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(284, 35%, 70%)" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="hsl(0, 0%, 100%)" stroke="transparent" stroke-width="1.5" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <rect y="44" width="680" height="48" fill="hsl(285, 36%, 81%)" /> + <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(284, 35%, 70%)" /> + <circle cx="130" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="hsl(0, 0%, 0%)" /> + <defs> + <filter id="filter0_dd" x="24" y="1" width="174" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="2" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.5 0" /> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" /> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" /> + <feOffset /> + <feGaussianBlur stdDeviation="0.5" /> + <feColorMatrix type="matrix" values="0 0 0 0 0.501961 0 0 0 0 0.501961 0 0 0 0 0.556863 0 0 0 0.9 0" /> + <feBlend mode="normal" in2="effect1_dropShadow" result="effect2_dropShadow" /> + <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow" result="shape" /> + </filter> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-true-colors/red/icon.svg b/browser/themes/addons/colorways/2022-true-colors/red/icon.svg new file mode 100644 index 0000000000..899cffc519 --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/red/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(356, 95%, 67%)"/> + <stop offset="1" stop-color="hsl(356, 91%, 75%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-true-colors/red/manifest.json b/browser/themes/addons/colorways/2022-true-colors/red/manifest.json new file mode 100644 index 0000000000..b4cfb2a82a --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/red/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "2022red-colorway@mozilla.org" + } + }, + "name": "Rawrrr!", + "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(356, 72%, 27%)", + "tab_loading_inactive": "hsl(356, 72%, 27%)", + "frame": "hsl(356, 95%, 67%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(356, 61%, 78%)", + "popup_highlight": "hsla(356, 75%, 76%, 0.6)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(356, 91%, 75%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(356, 95%, 67%)", + "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(356, 95%, 67%)", + "ntp_background": "hsl(356, 84%, 88%)", + "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(356, 75%, 76%, 0.6)", + "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(356, 91%, 75%)", + "address_bar_box_text": "hsl(0, 0%, 0%)", + "address_bar_url_color": "hsl(356, 72%, 42%)", + "panel_item_hover": "hsla(356, 75%, 76%, 0.6)", + "panel_item_active": "hsla(356, 75%, 76%, 0.75)", + "panel_separator": "hsl(356, 61%, 78%)", + "icons_attention": "hsl(356, 72%, 27%)", + "toolbar_field_icons_attention": "hsl(356, 72%, 27%)", + "tab_attention_dot": "hsl(145, 15%, 34%)", + "appmenu_update_icon_color": "hsl(145, 15%, 34%)", + "appmenu_info_icon_color": "hsl(204, 75%, 28%)" + } + }, + "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-true-colors/red/preview.svg b/browser/themes/addons/colorways/2022-true-colors/red/preview.svg new file mode 100644 index 0000000000..7ce088c235 --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/red/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(356, 95%, 67%)" /> + <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(356, 91%, 75%)" /> + <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(356, 95%, 67%)" /> + <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-true-colors/yellow/icon.svg b/browser/themes/addons/colorways/2022-true-colors/yellow/icon.svg new file mode 100644 index 0000000000..055ac2904b --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/yellow/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(39, 98%, 63%)"/> + <stop offset="1" stop-color="hsl(39, 98%, 84%)"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/colorways/2022-true-colors/yellow/manifest.json b/browser/themes/addons/colorways/2022-true-colors/yellow/manifest.json new file mode 100644 index 0000000000..fad940bbb4 --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/yellow/manifest.json @@ -0,0 +1,76 @@ +{ + "manifest_version": 2, + "applications": { + "gecko": { + "id": "2022yellow-colorway@mozilla.org" + } + }, + "name": "Cheese Puff", + "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(29, 84%, 46%)", + "tab_loading_inactive": "hsl(29, 84%, 46%)", + "frame": "hsl(39, 98%, 63%)", + "popup": "hsl(0, 0%, 100%)", + "popup_text": "hsl(0, 0%, 0%)", + "popup_border": "hsl(39, 100%, 68%)", + "popup_highlight": "hsla(39, 100%, 72%, 0.9)", + "popup_highlight_text": "hsl(0, 0%, 0%)", + "toolbar": "hsl(39, 98%, 84%)", + "toolbar_text": "hsl(0, 0%, 0%)", + "toolbar_field": "hsl(39, 98%, 63%)", + "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(39, 98%, 63%)", + "ntp_background": "hsl(39, 97%, 87%)", + "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(39, 100%, 72%, 0.9)", + "address_bar_box": "hsl(0, 0%, 100%)", + "address_bar_box_hover": "hsla(0, 0%, 100%, 0.8)", + "address_bar_box_active": "hsla(0, 0%, 100%, 0.65)", + "address_bar_box_focus": "hsl(39, 98%, 84%)", + "address_bar_box_text": "hsl(0, 0%, 0%)", + "address_bar_url_color": "hsl(39, 100%, 30%)", + "panel_item_hover": "hsla(39, 100%, 72%, 0.9)", + "panel_item_active": "hsl(39, 100%, 72%)", + "panel_separator": "hsl(39, 100%, 68%)", + "icons_attention": "hsl(29, 84%, 46%)", + "toolbar_field_icons_attention": "hsl(29, 84%, 46%)", + "tab_attention_dot": "hsl(138, 15%, 44%)", + "appmenu_update_icon_color": "hsl(138, 15%, 44%)", + "appmenu_info_icon_color": "hsl(203, 77%, 41%)" + } + }, + "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-true-colors/yellow/preview.svg b/browser/themes/addons/colorways/2022-true-colors/yellow/preview.svg new file mode 100644 index 0000000000..dfe21a4881 --- /dev/null +++ b/browser/themes/addons/colorways/2022-true-colors/yellow/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(39, 98%, 63%)" /> + <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(39, 98%, 84%)" /> + <circle cx="24" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="hsl(0, 0%, 0%)" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="hsl(39, 98%, 63%)" /> + <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/dark/experiment.css b/browser/themes/addons/dark/experiment.css new file mode 100644 index 0000000000..be11bc1988 --- /dev/null +++ b/browser/themes/addons/dark/experiment.css @@ -0,0 +1,6 @@ +/* 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/. */ + +/* Proton Dark theme */ +@import url("chrome://browser/skin/light-dark-overrides.css"); diff --git a/browser/themes/addons/dark/icon.svg b/browser/themes/addons/dark/icon.svg new file mode 100644 index 0000000000..6d60850b77 --- /dev/null +++ b/browser/themes/addons/dark/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="#42414D"/> + <stop offset="1" stop-color="#1C1B22"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/dark/manifest.json b/browser/themes/addons/dark/manifest.json new file mode 100644 index 0000000000..57e97174ef --- /dev/null +++ b/browser/themes/addons/dark/manifest.json @@ -0,0 +1,97 @@ +{ + "manifest_version": 2, + + "browser_specific_settings": { + "gecko": { + "id": "firefox-compact-dark@mozilla.org" + } + }, + + "name": "Dark", + "description": "A theme with a dark color scheme.", + "author": "Mozilla", + "version": "1.2", + + "icons": { "32": "icon.svg" }, + + "theme": { + "colors": { + "tab_background_text": "#fbfbfe", + "tab_selected": "rgb(66,65,77)", + "tab_text": "rgb(251,251,254)", + "icons": "rgb(251,251,254)", + "frame": "#1c1b22", + "popup": "rgb(66,65,77)", + "popup_text": "rgb(251,251,254)", + "popup_border": "rgb(82,82,94)", + "popup_highlight": "rgb(43,42,51)", + "tab_line": "transparent", + "toolbar": "rgb(43,42,51)", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "hsl(240, 5%, 5%)", + "toolbar_field": "rgb(28,27,34)", + "toolbar_field_border": "transparent", + "toolbar_field_text": "rgb(251,251,254)", + "toolbar_field_focus": "rgb(66,65,77)", + "toolbar_text": "rgb(251, 251, 254)", + "ntp_background": "rgb(43, 42, 51)", + "ntp_card_background": "rgb(66,65,77)", + "ntp_text": "rgb(251, 251, 254)", + "sidebar": "#38383D", + "sidebar_text": "rgb(249, 249, 250)", + "sidebar_border": "rgba(255, 255, 255, 0.1)", + "button": "rgb(43,42,51)", + "button_hover": "rgb(82,82,94)", + "button_active": "rgb(91,91,102)", + "button_primary": "rgb(0, 221, 255)", + "button_primary_hover": "rgb(128, 235, 255)", + "button_primary_active": "rgb(170, 242, 255)", + "button_primary_color": "rgb(43, 42, 51)", + "input_background": "#42414D", + "input_color": "rgb(251,251,254)", + "input_border": "#8f8f9d", + "autocomplete_popup_separator": "rgb(82,82,94)", + "appmenu_update_icon_color": "#54FFBD", + "appmenu_info_icon_color": "#80EBFF", + "tab_icon_overlay_stroke": "rgb(66,65,77)", + "tab_icon_overlay_fill": "rgb(251,251,254)" + }, + "properties": { + "color_scheme": "dark", + "panel_hover": "color-mix(in srgb, currentColor 9%, transparent)", + "panel_active": "color-mix(in srgb, currentColor 14%, transparent)", + "panel_active_darker": "color-mix(in srgb, currentColor 25%, transparent)", + "toolbar_field_icon_opacity": "1", + "zap_gradient": "linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%)" + } + }, + + "theme_experiment": { + "stylesheet": "experiment.css", + "colors": { + "button": "--button-bgcolor", + "button_hover": "--button-hover-bgcolor", + "button_active": "--button-active-bgcolor", + "button_primary": "--button-primary-bgcolor", + "button_primary_hover": "--button-primary-hover-bgcolor", + "button_primary_active": "--button-primary-active-bgcolor", + "button_primary_color": "--button-primary-color", + "input_background": "--input-bgcolor", + "input_color": "--input-color", + "input_border": "--input-border-color", + "autocomplete_popup_separator": "--autocomplete-popup-separator-color", + "zoom_controls": "--zoom-controls-bgcolor", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_icon_overlay_stroke": "--tab-icon-overlay-stroke", + "tab_icon_overlay_fill": "--tab-icon-overlay-fill" + }, + "properties": { + "panel_hover": "--panel-item-hover-bgcolor", + "panel_active": "--arrowpanel-dimmed-further", + "panel_active_darker": "--panel-item-active-bgcolor", + "toolbar_field_icon_opacity": "--urlbar-icon-fill-opacity", + "zap_gradient": "--panel-separator-zap-gradient" + } + } +} diff --git a/browser/themes/addons/dark/preview.svg b/browser/themes/addons/dark/preview.svg new file mode 100644 index 0000000000..7fd9cbcfa7 --- /dev/null +++ b/browser/themes/addons/dark/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" viewBox="0 0 680 92" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="680" height="92" fill="#1C1B22" /> + <rect x="28" y="5" width="166" height="34" rx="4" fill="#42414D" /> + <rect x="51" y="20" width="121" height="4" rx="2" fill="#FBFBFE" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="#B8B7BB" /> + <rect y="44" width="680" height="48" fill="#2B2A33" /> + <circle cx="24" cy="68" r="6.25" stroke="#FBFBFE" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="#FBFBFE" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="#FBFBFE" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="#FBFBFE" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="#FBFBFE" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="#1C1B22" /> + <circle cx="130" cy="68" r="6.25" stroke="white" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="white" /> +</svg> diff --git a/browser/themes/addons/jar.mn b/browser/themes/addons/jar.mn new file mode 100644 index 0000000000..69bb3000d6 --- /dev/null +++ b/browser/themes/addons/jar.mn @@ -0,0 +1,102 @@ +# 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/. + +browser.jar: +% resource builtin-themes %content/builtin-themes/ + + content/builtin-themes/alpenglow (alpenglow/*.svg) + content/builtin-themes/alpenglow/manifest.json (alpenglow/manifest.json) + + content/builtin-themes/dark (dark/*.svg) + content/builtin-themes/dark (dark/*.css) + content/builtin-themes/dark/manifest.json (dark/manifest.json) + + content/builtin-themes/light (light/*.svg) + content/builtin-themes/light (light/*.css) + content/builtin-themes/light/manifest.json (light/manifest.json) + + content/builtin-themes/colorways/2021lush/soft (colorways/2021-life-in-color/lush/soft/*.svg) + content/builtin-themes/colorways/2021lush/soft/manifest.json (colorways/2021-life-in-color/lush/soft/manifest.json) + content/builtin-themes/colorways/2021lush/balanced (colorways/2021-life-in-color/lush/balanced/*.svg) + content/builtin-themes/colorways/2021lush/balanced/manifest.json (colorways/2021-life-in-color/lush/balanced/manifest.json) + content/builtin-themes/colorways/2021lush/bold (colorways/2021-life-in-color/lush/bold/*.svg) + content/builtin-themes/colorways/2021lush/bold/manifest.json (colorways/2021-life-in-color/lush/bold/manifest.json) + content/builtin-themes/colorways/2021abstract/soft (colorways/2021-life-in-color/abstract/soft/*.svg) + content/builtin-themes/colorways/2021abstract/soft/manifest.json (colorways/2021-life-in-color/abstract/soft/manifest.json) + content/builtin-themes/colorways/2021abstract/balanced (colorways/2021-life-in-color/abstract/balanced/*.svg) + content/builtin-themes/colorways/2021abstract/balanced/manifest.json (colorways/2021-life-in-color/abstract/balanced/manifest.json) + content/builtin-themes/colorways/2021abstract/bold (colorways/2021-life-in-color/abstract/bold/*.svg) + content/builtin-themes/colorways/2021abstract/bold/manifest.json (colorways/2021-life-in-color/abstract/bold/manifest.json) + content/builtin-themes/colorways/2021elemental/soft (colorways/2021-life-in-color/elemental/soft/*.svg) + content/builtin-themes/colorways/2021elemental/soft/manifest.json (colorways/2021-life-in-color/elemental/soft/manifest.json) + content/builtin-themes/colorways/2021elemental/balanced (colorways/2021-life-in-color/elemental/balanced/*.svg) + content/builtin-themes/colorways/2021elemental/balanced/manifest.json (colorways/2021-life-in-color/elemental/balanced/manifest.json) + content/builtin-themes/colorways/2021elemental/bold (colorways/2021-life-in-color/elemental/bold/*.svg) + content/builtin-themes/colorways/2021elemental/bold/manifest.json (colorways/2021-life-in-color/elemental/bold/manifest.json) + content/builtin-themes/colorways/2021cheers/soft (colorways/2021-life-in-color/cheers/soft/*.svg) + content/builtin-themes/colorways/2021cheers/soft/manifest.json (colorways/2021-life-in-color/cheers/soft/manifest.json) + content/builtin-themes/colorways/2021cheers/balanced (colorways/2021-life-in-color/cheers/balanced/*.svg) + content/builtin-themes/colorways/2021cheers/balanced/manifest.json (colorways/2021-life-in-color/cheers/balanced/manifest.json) + content/builtin-themes/colorways/2021cheers/bold (colorways/2021-life-in-color/cheers/bold/*.svg) + content/builtin-themes/colorways/2021cheers/bold/manifest.json (colorways/2021-life-in-color/cheers/bold/manifest.json) + content/builtin-themes/colorways/2021graffiti/soft (colorways/2021-life-in-color/graffiti/soft/*.svg) + content/builtin-themes/colorways/2021graffiti/soft/manifest.json (colorways/2021-life-in-color/graffiti/soft/manifest.json) + content/builtin-themes/colorways/2021graffiti/balanced (colorways/2021-life-in-color/graffiti/balanced/*.svg) + content/builtin-themes/colorways/2021graffiti/balanced/manifest.json (colorways/2021-life-in-color/graffiti/balanced/manifest.json) + content/builtin-themes/colorways/2021graffiti/bold (colorways/2021-life-in-color/graffiti/bold/*.svg) + content/builtin-themes/colorways/2021graffiti/bold/manifest.json (colorways/2021-life-in-color/graffiti/bold/manifest.json) + content/builtin-themes/colorways/2021foto/soft (colorways/2021-life-in-color/foto/soft/*.svg) + content/builtin-themes/colorways/2021foto/soft/manifest.json (colorways/2021-life-in-color/foto/soft/manifest.json) + content/builtin-themes/colorways/2021foto/balanced (colorways/2021-life-in-color/foto/balanced/*.svg) + content/builtin-themes/colorways/2021foto/balanced/manifest.json (colorways/2021-life-in-color/foto/balanced/manifest.json) + content/builtin-themes/colorways/2021foto/bold (colorways/2021-life-in-color/foto/bold/*.svg) + content/builtin-themes/colorways/2021foto/bold/manifest.json (colorways/2021-life-in-color/foto/bold/manifest.json) + content/builtin-themes/colorways/2022blue (colorways/2022-true-colors/blue/*.svg) + content/builtin-themes/colorways/2022blue/manifest.json (colorways/2022-true-colors/blue/manifest.json) + content/builtin-themes/colorways/2022green (colorways/2022-true-colors/green/*.svg) + content/builtin-themes/colorways/2022green/manifest.json (colorways/2022-true-colors/green/manifest.json) + content/builtin-themes/colorways/2022orange (colorways/2022-true-colors/orange/*.svg) + content/builtin-themes/colorways/2022orange/manifest.json (colorways/2022-true-colors/orange/manifest.json) + content/builtin-themes/colorways/2022purple (colorways/2022-true-colors/purple/*.svg) + content/builtin-themes/colorways/2022purple/manifest.json (colorways/2022-true-colors/purple/manifest.json) + content/builtin-themes/colorways/2022red (colorways/2022-true-colors/red/*.svg) + content/builtin-themes/colorways/2022red/manifest.json (colorways/2022-true-colors/red/manifest.json) + content/builtin-themes/colorways/2022yellow (colorways/2022-true-colors/yellow/*.svg) + content/builtin-themes/colorways/2022yellow/manifest.json (colorways/2022-true-colors/yellow/manifest.json) + content/builtin-themes/colorways/2022playmaker/soft (colorways/2022-independent-voices/playmaker/soft/*.svg) + content/builtin-themes/colorways/2022playmaker/soft/manifest.json (colorways/2022-independent-voices/playmaker/soft/manifest.json) + content/builtin-themes/colorways/2022playmaker/balanced (colorways/2022-independent-voices/playmaker/balanced/*.svg) + content/builtin-themes/colorways/2022playmaker/balanced/manifest.json (colorways/2022-independent-voices/playmaker/balanced/manifest.json) + content/builtin-themes/colorways/2022playmaker/bold (colorways/2022-independent-voices/playmaker/bold/*.svg) + content/builtin-themes/colorways/2022playmaker/bold/manifest.json (colorways/2022-independent-voices/playmaker/bold/manifest.json) + content/builtin-themes/colorways/2022expressionist/soft (colorways/2022-independent-voices/expressionist/soft/*.svg) + content/builtin-themes/colorways/2022expressionist/soft/manifest.json (colorways/2022-independent-voices/expressionist/soft/manifest.json) + content/builtin-themes/colorways/2022expressionist/balanced (colorways/2022-independent-voices/expressionist/balanced/*.svg) + content/builtin-themes/colorways/2022expressionist/balanced/manifest.json (colorways/2022-independent-voices/expressionist/balanced/manifest.json) + content/builtin-themes/colorways/2022expressionist/bold (colorways/2022-independent-voices/expressionist/bold/*.svg) + content/builtin-themes/colorways/2022expressionist/bold/manifest.json (colorways/2022-independent-voices/expressionist/bold/manifest.json) + content/builtin-themes/colorways/2022visionary/soft (colorways/2022-independent-voices/visionary/soft/*.svg) + content/builtin-themes/colorways/2022visionary/soft/manifest.json (colorways/2022-independent-voices/visionary/soft/manifest.json) + content/builtin-themes/colorways/2022visionary/balanced (colorways/2022-independent-voices/visionary/balanced/*.svg) + content/builtin-themes/colorways/2022visionary/balanced/manifest.json (colorways/2022-independent-voices/visionary/balanced/manifest.json) + content/builtin-themes/colorways/2022visionary/bold (colorways/2022-independent-voices/visionary/bold/*.svg) + content/builtin-themes/colorways/2022visionary/bold/manifest.json (colorways/2022-independent-voices/visionary/bold/manifest.json) + content/builtin-themes/colorways/2022activist/soft (colorways/2022-independent-voices/activist/soft/*.svg) + content/builtin-themes/colorways/2022activist/soft/manifest.json (colorways/2022-independent-voices/activist/soft/manifest.json) + content/builtin-themes/colorways/2022activist/balanced (colorways/2022-independent-voices/activist/balanced/*.svg) + content/builtin-themes/colorways/2022activist/balanced/manifest.json (colorways/2022-independent-voices/activist/balanced/manifest.json) + content/builtin-themes/colorways/2022activist/bold (colorways/2022-independent-voices/activist/bold/*.svg) + content/builtin-themes/colorways/2022activist/bold/manifest.json (colorways/2022-independent-voices/activist/bold/manifest.json) + content/builtin-themes/colorways/2022dreamer/soft (colorways/2022-independent-voices/dreamer/soft/*.svg) + content/builtin-themes/colorways/2022dreamer/soft/manifest.json (colorways/2022-independent-voices/dreamer/soft/manifest.json) + content/builtin-themes/colorways/2022dreamer/balanced (colorways/2022-independent-voices/dreamer/balanced/*.svg) + content/builtin-themes/colorways/2022dreamer/balanced/manifest.json (colorways/2022-independent-voices/dreamer/balanced/manifest.json) + content/builtin-themes/colorways/2022dreamer/bold (colorways/2022-independent-voices/dreamer/bold/*.svg) + content/builtin-themes/colorways/2022dreamer/bold/manifest.json (colorways/2022-independent-voices/dreamer/bold/manifest.json) + content/builtin-themes/colorways/2022innovator/soft (colorways/2022-independent-voices/innovator/soft/*.svg) + content/builtin-themes/colorways/2022innovator/soft/manifest.json (colorways/2022-independent-voices/innovator/soft/manifest.json) + content/builtin-themes/colorways/2022innovator/balanced (colorways/2022-independent-voices/innovator/balanced/*.svg) + content/builtin-themes/colorways/2022innovator/balanced/manifest.json (colorways/2022-independent-voices/innovator/balanced/manifest.json) + content/builtin-themes/colorways/2022innovator/bold (colorways/2022-independent-voices/innovator/bold/*.svg) + content/builtin-themes/colorways/2022innovator/bold/manifest.json (colorways/2022-independent-voices/innovator/bold/manifest.json) diff --git a/browser/themes/addons/light/experiment.css b/browser/themes/addons/light/experiment.css new file mode 100644 index 0000000000..fbb5ce4f51 --- /dev/null +++ b/browser/themes/addons/light/experiment.css @@ -0,0 +1,6 @@ +/* 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/. */ + +/* Proton Light theme */ +@import url("chrome://browser/skin/light-dark-overrides.css"); diff --git a/browser/themes/addons/light/icon.svg b/browser/themes/addons/light/icon.svg new file mode 100644 index 0000000000..5a4c2d0e67 --- /dev/null +++ b/browser/themes/addons/light/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="11.4829" y1="51" x2="43.4829" y2="19" gradientUnits="userSpaceOnUse"> + <stop stop-color="#F0F0F4"/> + <stop offset="1" stop-color="#F9F9FB"/> + </linearGradient> + </defs> +</svg> diff --git a/browser/themes/addons/light/manifest.json b/browser/themes/addons/light/manifest.json new file mode 100644 index 0000000000..a0de205327 --- /dev/null +++ b/browser/themes/addons/light/manifest.json @@ -0,0 +1,98 @@ +{ + "manifest_version": 2, + + "browser_specific_settings": { + "gecko": { + "id": "firefox-compact-light@mozilla.org" + } + }, + + "name": "Light", + "description": "A theme with a light color scheme.", + "author": "Mozilla", + "version": "1.2", + + "icons": { "32": "icon.svg" }, + + "theme": { + "colors": { + "tab_background_text": "rgb(21,20,26)", + "tab_selected": "#fff", + "tab_text": "rgb(21,20,26)", + "icons": "rgb(91,91,102)", + "frame": "#f0f0f4", + "popup": "#fff", + "popup_text": "rgb(21,20,26)", + "popup_border": "rgb(240,240,244)", + "popup_highlight": "#e0e0e6", + "popup_highlight_text": "#15141a", + "tab_line": "transparent", + "toolbar": "#f9f9fb", + "toolbar_top_separator": "transparent", + "toolbar_bottom_separator": "#ccc", + "toolbar_field": "#f0f0f4", + "toolbar_field_text": "rgb(21,20,26)", + "toolbar_field_border": "transparent", + "toolbar_field_focus": "white", + "toolbar_text": "rgb(21,20,26)", + "ntp_background": "#F9F9FB", + "ntp_text": "rgb(21, 20, 26)", + "popup_action_color": "rgb(91,91,102)", + "button": "rgba(207,207,216,.33)", + "button_hover": "rgba(207,207,216,.66)", + "button_active": "rgb(207,207,216)", + "button_primary": "rgb(0, 97, 224)", + "button_primary_hover": "rgb(2, 80, 187)", + "button_primary_active": "rgb(5, 62, 148)", + "button_primary_color": "rgb(251, 251, 254)", + "input_color": "rgb(21,20,26)", + "input_background": "rgb(255,255,255)", + "autocomplete_popup_hover": "rgb(240,240,244)", + "autocomplete_popup_separator": "rgb(240,240,244)", + "appmenu_update_icon_color": "#2AC3A2", + "appmenu_info_icon_color": "#0090ED", + "tab_icon_overlay_stroke": "rgb(255,255,255)", + "tab_icon_overlay_fill": "rgb(91,91,102)" + }, + "properties": { + "color_scheme": "light", + "panel_hover": "color-mix(in srgb, currentColor 12%, transparent)", + "panel_active": "color-mix(in srgb, currentColor 20%, transparent)", + "panel_active_darker": "color-mix(in srgb, currentColor 27%, transparent)", + "toolbar_field_icon_opacity": "0.72", + "input_border_color": "color-mix(in srgb, currentColor 41%, transparent)", + "zap_gradient": "linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%)" + } + }, + + "theme_experiment": { + "stylesheet": "experiment.css", + "colors": { + "popup_action_color": "--urlbar-popup-action-color", + "button": "--button-bgcolor", + "button_hover": "--button-hover-bgcolor", + "button_active": "--button-active-bgcolor", + "button_primary": "--button-primary-bgcolor", + "button_primary_hover": "--button-primary-hover-bgcolor", + "button_primary_active": "--button-primary-active-bgcolor", + "button_primary_color": "--button-primary-color", + "input_background": "--input-bgcolor", + "input_color": "--input-color", + "input_border": "--input-border-color", + "autocomplete_popup_hover": "--autocomplete-popup-hover-background", + "autocomplete_popup_separator": "--autocomplete-popup-separator-color", + "appmenu_update_icon_color": "--panel-banner-item-update-supported-bgcolor", + "appmenu_info_icon_color": "--panel-banner-item-info-icon-bgcolor", + "tab_icon_overlay_stroke": "--tab-icon-overlay-stroke", + "tab_icon_overlay_fill": "--tab-icon-overlay-fill" + }, + "properties": { + "panel_hover": "--panel-item-hover-bgcolor", + "panel_active": "--arrowpanel-dimmed-further", + "panel_active_darker": "--panel-item-active-bgcolor", + "toolbar_field_icon_opacity": "--urlbar-icon-fill-opacity", + "input_border_color": "--input-border-color", + "zap_gradient": "--panel-separator-zap-gradient" + } + } +} diff --git a/browser/themes/addons/light/preview.svg b/browser/themes/addons/light/preview.svg new file mode 100644 index 0000000000..19e9643169 --- /dev/null +++ b/browser/themes/addons/light/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="#F0F0F4" /> + <g filter="url(#filter0_dd)"> + <rect x="28" y="5" width="166" height="34" rx="4" fill="white" /> + </g> + <rect x="51" y="20" width="121" height="4" rx="2" fill="#15141A" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="#15141A" /> + <rect y="44" width="680" height="48" fill="#F9F9FB" /> + <circle cx="24" cy="68" r="6.25" stroke="#5B5B66" stroke-width="1.5" /> + <circle cx="60" cy="68" r="6.25" stroke="#5B5B66" stroke-width="1.5" /> + <line x1="663" y1="73.75" x2="649" y2="73.75" stroke="#5B5B66" stroke-width="1.5" /> + <line x1="663" y1="67.75" x2="649" y2="67.75" stroke="#5B5B66" stroke-width="1.5" /> + <line x1="663" y1="61.75" x2="649" y2="61.75" stroke="#5B5B66" stroke-width="1.5" /> + <rect x="114" y="52" width="488" height="32" rx="4" fill="#F0F0F4" /> + <circle cx="130" cy="68" r="6.25" stroke="#5B5B66" stroke-width="1.5" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="#5B5B66" /> + <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/moz.build b/browser/themes/addons/moz.build new file mode 100644 index 0000000000..d988c0ff9b --- /dev/null +++ b/browser/themes/addons/moz.build @@ -0,0 +1,7 @@ +# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*- +# vim: set filetype=python: +# 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/. + +JAR_MANIFESTS += ["jar.mn"] |
