diff options
Diffstat (limited to 'toolkit/mozapps/extensions/default-theme')
-rw-r--r-- | toolkit/mozapps/extensions/default-theme/icon.svg | 7 | ||||
-rw-r--r-- | toolkit/mozapps/extensions/default-theme/manifest.json | 95 | ||||
-rw-r--r-- | toolkit/mozapps/extensions/default-theme/preview.svg | 46 |
3 files changed, 148 insertions, 0 deletions
diff --git a/toolkit/mozapps/extensions/default-theme/icon.svg b/toolkit/mozapps/extensions/default-theme/icon.svg new file mode 100644 index 0000000000..ecf787db73 --- /dev/null +++ b/toolkit/mozapps/extensions/default-theme/icon.svg @@ -0,0 +1,7 @@ +<!-- 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="63" viewBox="0 0 63 63" fill="none" xmlns="http://www.w3.org/2000/svg"> + <path d="M53.8717 54C66.0976 41.5959 66.0425 21.6295 53.7065 9.29348C41.3705 -3.04253 21.4041 -3.09758 9 9.12833L53.8717 54Z" fill="#23222B"/> + <path d="M9.12833 9C-3.09758 21.4041 -3.04253 41.3705 9.29348 53.7065C21.6295 66.0425 41.5959 66.0976 54 53.8717L9.12833 9Z" fill="#F0F0F4"/> +</svg> diff --git a/toolkit/mozapps/extensions/default-theme/manifest.json b/toolkit/mozapps/extensions/default-theme/manifest.json new file mode 100644 index 0000000000..007424510d --- /dev/null +++ b/toolkit/mozapps/extensions/default-theme/manifest.json @@ -0,0 +1,95 @@ +{ + "manifest_version": 2, + + "browser_specific_settings": { + "gecko": { + "id": "default-theme@mozilla.org" + } + }, + + "name": "System theme — auto", + "description": "Follow the operating system setting for buttons, menus, and windows.", + "author": "Mozilla", + "version": "1.3", + + "icons": { "32": "icon.svg" }, + + "theme": {}, + + "dark_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": "#2b2a33", + "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_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": { + "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": { + "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", + "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/toolkit/mozapps/extensions/default-theme/preview.svg b/toolkit/mozapps/extensions/default-theme/preview.svg new file mode 100644 index 0000000000..4d59fdcc6f --- /dev/null +++ b/toolkit/mozapps/extensions/default-theme/preview.svg @@ -0,0 +1,46 @@ +<!-- 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" /> + <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" /> + <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="680" height="92"> + <path d="M680 92V0H334C321.85 0 312 9.84974 312 22C312 34.1503 302.15 44 290 44H252C238.745 44 228 54.7452 228 68C228 81.2548 217.255 92 204 92H680Z" fill="#C4C4C4" /> + </mask> + <g mask="url(#mask0)"> + <rect width="680" height="92" fill="#1C1B22" /> + <rect x="221" y="20" width="121" height="4" rx="2" fill="#B8B7BB" /> + <rect y="44" width="680" height="48" fill="#2B2A33" /> + <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" /> + <rect x="146" y="66" width="308" height="4" rx="2" fill="white" /> + </g> + <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> |