From 9e3c08db40b8916968b9f30096c7be3f00ce9647 Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Sun, 21 Apr 2024 13:44:51 +0200
Subject: Adding upstream version 1:115.7.0.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../addons/alpenglow/background-gradient-dark.svg  |   4 +
 .../addons/alpenglow/background-gradient.svg       |   4 +
 .../alpenglow/background-noodles-left-dark.svg     |   4 +
 .../addons/alpenglow/background-noodles-left.svg   |   4 +
 .../alpenglow/background-noodles-right-dark.svg    |   4 +
 .../addons/alpenglow/background-noodles-right.svg  |   4 +
 browser/themes/addons/alpenglow/icon.svg           |  13 ++
 browser/themes/addons/alpenglow/manifest.json      | 139 +++++++++++++++++++++
 browser/themes/addons/alpenglow/preview.svg        |   4 +
 .../2021-life-in-color/abstract/balanced/icon.svg  |  12 ++
 .../abstract/balanced/manifest.json                |  76 +++++++++++
 .../abstract/balanced/preview.svg                  |  36 ++++++
 .../2021-life-in-color/abstract/bold/icon.svg      |  12 ++
 .../2021-life-in-color/abstract/bold/manifest.json |  76 +++++++++++
 .../2021-life-in-color/abstract/bold/preview.svg   |  18 +++
 .../2021-life-in-color/abstract/soft/icon.svg      |  12 ++
 .../2021-life-in-color/abstract/soft/manifest.json |  76 +++++++++++
 .../2021-life-in-color/abstract/soft/preview.svg   |  36 ++++++
 .../2021-life-in-color/cheers/balanced/icon.svg    |  12 ++
 .../cheers/balanced/manifest.json                  |  76 +++++++++++
 .../2021-life-in-color/cheers/balanced/preview.svg |  36 ++++++
 .../2021-life-in-color/cheers/bold/icon.svg        |  12 ++
 .../2021-life-in-color/cheers/bold/manifest.json   |  76 +++++++++++
 .../2021-life-in-color/cheers/bold/preview.svg     |  18 +++
 .../2021-life-in-color/cheers/soft/icon.svg        |  12 ++
 .../2021-life-in-color/cheers/soft/manifest.json   |  76 +++++++++++
 .../2021-life-in-color/cheers/soft/preview.svg     |  36 ++++++
 .../2021-life-in-color/elemental/balanced/icon.svg |  12 ++
 .../elemental/balanced/manifest.json               |  76 +++++++++++
 .../elemental/balanced/preview.svg                 |  36 ++++++
 .../2021-life-in-color/elemental/bold/icon.svg     |  12 ++
 .../elemental/bold/manifest.json                   |  76 +++++++++++
 .../2021-life-in-color/elemental/bold/preview.svg  |  18 +++
 .../2021-life-in-color/elemental/soft/icon.svg     |  12 ++
 .../elemental/soft/manifest.json                   |  76 +++++++++++
 .../2021-life-in-color/elemental/soft/preview.svg  |  36 ++++++
 .../2021-life-in-color/foto/balanced/icon.svg      |  12 ++
 .../2021-life-in-color/foto/balanced/manifest.json |  76 +++++++++++
 .../2021-life-in-color/foto/balanced/preview.svg   |  36 ++++++
 .../2021-life-in-color/foto/bold/icon.svg          |  12 ++
 .../2021-life-in-color/foto/bold/manifest.json     |  76 +++++++++++
 .../2021-life-in-color/foto/bold/preview.svg       |  18 +++
 .../2021-life-in-color/foto/soft/icon.svg          |  12 ++
 .../2021-life-in-color/foto/soft/manifest.json     |  76 +++++++++++
 .../2021-life-in-color/foto/soft/preview.svg       |  36 ++++++
 .../2021-life-in-color/graffiti/balanced/icon.svg  |  12 ++
 .../graffiti/balanced/manifest.json                |  76 +++++++++++
 .../graffiti/balanced/preview.svg                  |  36 ++++++
 .../2021-life-in-color/graffiti/bold/icon.svg      |  12 ++
 .../2021-life-in-color/graffiti/bold/manifest.json |  76 +++++++++++
 .../2021-life-in-color/graffiti/bold/preview.svg   |  18 +++
 .../2021-life-in-color/graffiti/soft/icon.svg      |  12 ++
 .../2021-life-in-color/graffiti/soft/manifest.json |  76 +++++++++++
 .../2021-life-in-color/graffiti/soft/preview.svg   |  36 ++++++
 .../2021-life-in-color/lush/balanced/icon.svg      |  12 ++
 .../2021-life-in-color/lush/balanced/manifest.json |  76 +++++++++++
 .../2021-life-in-color/lush/balanced/preview.svg   |  36 ++++++
 .../2021-life-in-color/lush/bold/icon.svg          |  12 ++
 .../2021-life-in-color/lush/bold/manifest.json     |  76 +++++++++++
 .../2021-life-in-color/lush/bold/preview.svg       |  18 +++
 .../2021-life-in-color/lush/soft/icon.svg          |  12 ++
 .../2021-life-in-color/lush/soft/manifest.json     |  76 +++++++++++
 .../2021-life-in-color/lush/soft/preview.svg       |  36 ++++++
 .../activist/balanced/icon.svg                     |  12 ++
 .../activist/balanced/manifest.json                |  78 ++++++++++++
 .../activist/balanced/preview.svg                  |  36 ++++++
 .../2022-independent-voices/activist/bold/icon.svg |  12 ++
 .../activist/bold/manifest.json                    |  74 +++++++++++
 .../activist/bold/preview.svg                      |  18 +++
 .../2022-independent-voices/activist/soft/icon.svg |  12 ++
 .../activist/soft/manifest.json                    |  76 +++++++++++
 .../activist/soft/preview.svg                      |  36 ++++++
 .../dreamer/balanced/icon.svg                      |  12 ++
 .../dreamer/balanced/manifest.json                 |  78 ++++++++++++
 .../dreamer/balanced/preview.svg                   |  36 ++++++
 .../2022-independent-voices/dreamer/bold/icon.svg  |  12 ++
 .../dreamer/bold/manifest.json                     |  74 +++++++++++
 .../dreamer/bold/preview.svg                       |  18 +++
 .../2022-independent-voices/dreamer/soft/icon.svg  |  12 ++
 .../dreamer/soft/manifest.json                     |  76 +++++++++++
 .../dreamer/soft/preview.svg                       |  36 ++++++
 .../expressionist/balanced/icon.svg                |  12 ++
 .../expressionist/balanced/manifest.json           |  76 +++++++++++
 .../expressionist/balanced/preview.svg             |  36 ++++++
 .../expressionist/bold/icon.svg                    |  12 ++
 .../expressionist/bold/manifest.json               |  76 +++++++++++
 .../expressionist/bold/preview.svg                 |  18 +++
 .../expressionist/soft/icon.svg                    |  12 ++
 .../expressionist/soft/manifest.json               |  76 +++++++++++
 .../expressionist/soft/preview.svg                 |  36 ++++++
 .../innovator/balanced/icon.svg                    |  12 ++
 .../innovator/balanced/manifest.json               |  76 +++++++++++
 .../innovator/balanced/preview.svg                 |  36 ++++++
 .../innovator/bold/icon.svg                        |  12 ++
 .../innovator/bold/manifest.json                   |  76 +++++++++++
 .../innovator/bold/preview.svg                     |  18 +++
 .../innovator/soft/icon.svg                        |  12 ++
 .../innovator/soft/manifest.json                   |  76 +++++++++++
 .../innovator/soft/preview.svg                     |  36 ++++++
 .../playmaker/balanced/icon.svg                    |  12 ++
 .../playmaker/balanced/manifest.json               |  74 +++++++++++
 .../playmaker/balanced/preview.svg                 |  36 ++++++
 .../playmaker/bold/icon.svg                        |  12 ++
 .../playmaker/bold/manifest.json                   |  76 +++++++++++
 .../playmaker/bold/preview.svg                     |  18 +++
 .../playmaker/soft/icon.svg                        |  12 ++
 .../playmaker/soft/manifest.json                   |  76 +++++++++++
 .../playmaker/soft/preview.svg                     |  36 ++++++
 .../visionary/balanced/icon.svg                    |  12 ++
 .../visionary/balanced/manifest.json               |  76 +++++++++++
 .../visionary/balanced/preview.svg                 |  36 ++++++
 .../visionary/bold/icon.svg                        |  12 ++
 .../visionary/bold/manifest.json                   |  76 +++++++++++
 .../visionary/bold/preview.svg                     |  18 +++
 .../visionary/soft/icon.svg                        |  12 ++
 .../visionary/soft/manifest.json                   |  76 +++++++++++
 .../visionary/soft/preview.svg                     |  36 ++++++
 .../colorways/2022-true-colors/blue/icon.svg       |  12 ++
 .../colorways/2022-true-colors/blue/manifest.json  |  76 +++++++++++
 .../colorways/2022-true-colors/blue/preview.svg    |  36 ++++++
 .../colorways/2022-true-colors/green/icon.svg      |  12 ++
 .../colorways/2022-true-colors/green/manifest.json |  76 +++++++++++
 .../colorways/2022-true-colors/green/preview.svg   |  36 ++++++
 .../colorways/2022-true-colors/orange/icon.svg     |  12 ++
 .../2022-true-colors/orange/manifest.json          |  76 +++++++++++
 .../colorways/2022-true-colors/orange/preview.svg  |  36 ++++++
 .../colorways/2022-true-colors/purple/icon.svg     |  12 ++
 .../2022-true-colors/purple/manifest.json          |  76 +++++++++++
 .../colorways/2022-true-colors/purple/preview.svg  |  36 ++++++
 .../addons/colorways/2022-true-colors/red/icon.svg |  12 ++
 .../colorways/2022-true-colors/red/manifest.json   |  76 +++++++++++
 .../colorways/2022-true-colors/red/preview.svg     |  36 ++++++
 .../colorways/2022-true-colors/yellow/icon.svg     |  12 ++
 .../2022-true-colors/yellow/manifest.json          |  76 +++++++++++
 .../colorways/2022-true-colors/yellow/preview.svg  |  36 ++++++
 browser/themes/addons/dark/experiment.css          |   6 +
 browser/themes/addons/dark/icon.svg                |  12 ++
 browser/themes/addons/dark/manifest.json           |  97 ++++++++++++++
 browser/themes/addons/dark/preview.svg             |  18 +++
 browser/themes/addons/jar.mn                       | 102 +++++++++++++++
 browser/themes/addons/light/experiment.css         |   6 +
 browser/themes/addons/light/icon.svg               |  12 ++
 browser/themes/addons/light/manifest.json          |  98 +++++++++++++++
 browser/themes/addons/light/preview.svg            |  36 ++++++
 browser/themes/addons/moz.build                    |   7 ++
 145 files changed, 5564 insertions(+)
 create mode 100644 browser/themes/addons/alpenglow/background-gradient-dark.svg
 create mode 100644 browser/themes/addons/alpenglow/background-gradient.svg
 create mode 100644 browser/themes/addons/alpenglow/background-noodles-left-dark.svg
 create mode 100644 browser/themes/addons/alpenglow/background-noodles-left.svg
 create mode 100644 browser/themes/addons/alpenglow/background-noodles-right-dark.svg
 create mode 100644 browser/themes/addons/alpenglow/background-noodles-right.svg
 create mode 100644 browser/themes/addons/alpenglow/icon.svg
 create mode 100644 browser/themes/addons/alpenglow/manifest.json
 create mode 100644 browser/themes/addons/alpenglow/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/abstract/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/cheers/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/elemental/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/foto/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/graffiti/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2021-life-in-color/lush/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/activist/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/dreamer/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/expressionist/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/innovator/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/playmaker/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/balanced/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/bold/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/bold/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/bold/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/soft/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/soft/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-independent-voices/visionary/soft/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/blue/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/blue/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/blue/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/green/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/green/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/green/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/orange/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/orange/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/orange/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/purple/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/purple/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/purple/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/red/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/red/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/red/preview.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/yellow/icon.svg
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/yellow/manifest.json
 create mode 100644 browser/themes/addons/colorways/2022-true-colors/yellow/preview.svg
 create mode 100644 browser/themes/addons/dark/experiment.css
 create mode 100644 browser/themes/addons/dark/icon.svg
 create mode 100644 browser/themes/addons/dark/manifest.json
 create mode 100644 browser/themes/addons/dark/preview.svg
 create mode 100644 browser/themes/addons/jar.mn
 create mode 100644 browser/themes/addons/light/experiment.css
 create mode 100644 browser/themes/addons/light/icon.svg
 create mode 100644 browser/themes/addons/light/manifest.json
 create mode 100644 browser/themes/addons/light/preview.svg
 create mode 100644 browser/themes/addons/moz.build

(limited to 'browser/themes/addons')

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"]
-- 
cgit v1.2.3