Photon Blue over System Theme

manifest.json

{
  "manifest_version": 2,
  "name": "Photon Blue over System Theme",
  "description": "Firefox's System (1.3) + Light (1.2) themes with a Photon Blue top bar - should adapt to day/night dark/light system theme changes.",
  "version": "0.1",
  "applications": {
    "gecko": {
      "id": "[email protected]"
    }
  },
  "author": "Jefferson \"jscher2000\" Scher",
  "icons": {
    "32": "icon.svg"
  },
  "theme": {
    "colors": {
      "tab_background_text": "#fbfbfe",
      "tab_selected": "#fbfbfe",
      "tab_text": "rgb(21,20,26)",
      "icons": "rgb(91,91,102)",
      "frame": "#202340",
      "popup": "#fff",
      "popup_text": "rgb(21,20,26)",
      "popup_border": "rgb(240,240,244)",
      "popup_highlight": "#e0e0e6",
      "popup_highlight_text": "#15141a",
      "tab_line": "rgba(128,128,142,0.9)",
      "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)",
      "error_text_color": "rgb(197,0,66)",
      "input_color": "rgb(21,20,26)",
      "input_background": "rgb(255,255,255)",
      "input_border_error": "#E22850",
      "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": {
      "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%)"
    }
  },
  "dark_theme": {
    "colors": {
      "tab_background_text": "#fbfbfe",
      "tab_selected": "#fbfbfe",
      "tab_text": "rgb(21,20,26)",
      "icons": "rgb(251,251,254)",
      "frame": "#202340",
      "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)",
      "error_text_color": "rgb(255, 154, 162)",
      "input_background": "#42414D",
      "input_color": "rgb(251,251,254)",
      "input_border": "#8f8f9d",
      "input_border_error": "rgb(255, 132, 138)",
      "zoom_controls": "rgb(74,74,85)",
      "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%)"
    }
  }
}