summaryrefslogtreecommitdiffstats
path: root/browser/themes/addons/light
diff options
context:
space:
mode:
Diffstat (limited to 'browser/themes/addons/light')
-rw-r--r--browser/themes/addons/light/experiment.css6
-rw-r--r--browser/themes/addons/light/icon.svg12
-rw-r--r--browser/themes/addons/light/manifest.json98
-rw-r--r--browser/themes/addons/light/preview.svg36
4 files changed, 152 insertions, 0 deletions
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>
generated by cgit v1.2.3 (git 2.39.1) at 2024-05-23 04:43:41 +0000