Dracula Dark Theme

Official Dracula theme for firefox.
Premium users can view and search full source code, and see the source code differences between two versions.
manifest.json
{
  "manifest_version": 2,
  "version": "1.11",
  "name": "Dracula Dark Theme",
  "short_name": "Dracula",
  "browser_specific_settings": {
    "gecko": {
      "id": "{b743f56d-1cc1-4048-8ba6-f9c2ab7aa54d}",
      "strict_min_version": "109.0"
    }
  },
  "theme": {
    "colors": {
      "button_background_active": "rgb(40, 42, 54)",
      "button_background_hover": "rgb(98, 114, 164)",
      "frame": "rgb(40, 42, 54)",
      "icons": "rgb(248, 248, 242)",
      "icons_attention": "rgb(189, 147, 249)",
      "ntp_background": "rgb(40, 42, 54)",
      "ntp_text": "rgb(248, 248, 242)",
      "popup": "rgb(40, 42, 54)",
      "popup_border": "rgb(98, 114, 164)",
      "popup_highlight": "rgb(98, 114, 164)",
      "popup_highlight_text": "rgb(248, 248, 242)",
      "popup_text": "rgb(255, 255, 255)",
      "sidebar": "rgb(40, 42, 54)",
      "sidebar_border": "rgb(98, 114, 164)",
      "sidebar_highlight": "rgb(98, 114, 164)",
      "sidebar_highlight_text": "rgb(248, 248, 242)",
      "sidebar_text": "rgb(248, 248, 242)",
      "tab_background_separator": "rgb(98, 114, 164)",
      "tab_background_text": "rgb(199, 202, 210)",
      "tab_loading": "rgb(98, 114, 164)",
      "tab_selected": "rgb(98, 114, 164)",
      "tab_line": "rgb(98, 114, 164)",
      "tab_text": "rgb(248, 248, 242)",
      "toolbar": "rgb(68, 71, 90)",
      "toolbar_bottom_separator": "rgb(68, 71, 90)",
      "toolbar_field": "rgb(40, 42, 54)",
      "toolbar_field_border": "rgb(98, 114, 164)",
      "toolbar_field_border_focus": "rgb(189, 147, 249)",
      "toolbar_field_highlight": "rgb(68, 71, 90)",
      "toolbar_field_highlight_text": "rgb(248, 248, 242)",
      "toolbar_field_text": "rgb(255, 255, 255)",
      "toolbar_text": "rgb(255, 255, 255)",
      "toolbar_top_separator": "rgb(40, 42, 54)",
      "toolbar_vertical_separator": "rgb(98, 114, 164)"
    },
    "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%)"
    }
  }
}