✨ Added 15 new flags

src/image-preview/composables/useRendering.js

@@ -26,7 +26,7 @@ export default function useRendering(context) {
     const tempContext = tempCanvas.getContext('2d')
 
     settings.flags.forEach((flag, flagIndex) => {
-      if (flag.id === 'bisexual') {
+      if (flag.id === 'bisexual' || flag.id === 'autoromantic') {
         const barHeight = flagHeight / 5
 
         tempContext.fillStyle = flag.bars[0]
@@ -47,7 +47,7 @@ export default function useRendering(context) {
           size,
           barHeight * 2
         )
-      } else if (flag.id === 'demisexual') {
+      } else if (flag.id === 'demisexual' || flag.id === 'demiromantic') {
         const barHeight = flagHeight / 6
 
         tempContext.fillStyle = flag.bars[1]

src/side-bar/composables/useFlagTypes.js

@@ -22,19 +22,62 @@ export default function useFlagTypes() {
       label: 'Androgyne',
       bars: ['#FE007F', '#9832FF', '#00B8E7'],
     },
+    {
+      id: 'angled-aroace',
+      label: 'Angled Aroace',
+      bars: ['#FBE32C', '#F5FFAC', '#EDECCC', '#120B06'],
+    },
+    {
+      id: 'aroaceflux',
+      label: 'Aroaceflux',
+      bars: ['#F8575D', '#FE7C85', '#FFCDE5', '#6B8FD5', '#3B3F94'],
+    },
+    {
+      id: 'aroflux',
+      label: 'Aroflux',
+      bars: ['#D5205C', '#EB736F', '#EFE6B0', '#A9D275', '#3CA648'],
+    },
     {
       id: 'aromantic',
       label: 'Aromantic',
       bars: ['#3AA740', '#A8D47A', '#FFF', '#ABABAB', '#000'],
     },
+    {
+      id: 'aromantic-asexual',
+      label: 'Aromantic Asexual',
+      bars: ['#E38D00', '#EDCE00', '#FFF', '#62B0DD', '#1A3555'],
+    },
+    {
+      id: 'aromantic-spectrum',
+      label: 'Aromantic Spectrum',
+      bars: ['#3F9F52', '#97CF7C', '#F2FCCF', '#186264', '#052127'],
+    },
     {
       id: 'asexual',
       label: 'Asexual',
       bars: ['#000', '#A6A7A6', '#FFF', '#820082'],
     },
+    {
+      id: 'autoromantic',
+      label: 'Autoromantic',
+      bars: ['#93D2E4', '#3EA442', '#7B7B7B'],
+    },
     {
       id: 'bigender',
       label: 'Bigender',
+      bars: [
+        '#C67BA5',
+        '#EFA9CF',
+        '#D7C9EA',
+        '#FFF',
+        '#D7C9EA',
+        '#9CC9EA',
+        '#6D84D3',
+      ],
+    },
+    {
+      id: 'bigender-alt',
+      label: 'Bigender (Alternative)',
       bars: ['#ED78AB', '#FEF54D', '#FFF', '#AE6DBE', '#719EE3'],
     },
     {
@@ -60,6 +103,11 @@ export default function useFlagTypes() {
       label: 'Ceterosexual',
       bars: ['#FCF980', '#169C47', '#FFF', '#000'],
     },
+    {
+      id: 'cupioromantic',
+      label: 'Cupioromantic',
+      bars: ['#FCA9A3', '#FDC5C0', '#FFF', '#C8BFE6', '#A0A0A0'],
+    },
     {
       id: 'demiboy',
       label: 'Demiboy',
@@ -130,7 +178,12 @@ export default function useFlagTypes() {
     {
       id: 'demisexual',
       label: 'Demisexual',
-      bars: ['#000', '#FFF', '#6f0071', '#d3d3d3'],
+      bars: ['#000', '#FFF', '#6f0071', '#D3D3D3'],
+    },
+    {
+      id: 'demiromantic',
+      label: 'Demiromantic',
+      bars: ['#000', '#FFF', '#3AA740', '#D3D3D3'],
     },
     {
       id: 'fraysexual',
@@ -186,6 +239,11 @@ export default function useFlagTypes() {
         '#F8E6D8',
       ],
     },
+    {
+      id: 'greyromantic',
+      label: 'Greyromantic',
+      bars: ['#2DA038', '#AFB2Af', '#FFF', '#AFB2Af', '#2DA038'],
+    },
     {
       id: 'greysexual',
       label: 'Greysexual',
@@ -220,16 +278,31 @@ export default function useFlagTypes() {
       label: 'Lesbian',
       bars: ['#D52800', '#FD9954', '#FFF', '#D261A4', '#A40061'],
     },
+    {
+      id: 'lithromantic',
+      label: 'Lithromantic',
+      bars: ['#F14952', '#FF9E5E', '#FFF546', '#FFF', '#2A2A2A'],
+    },
     {
       id: 'nonbinary',
       label: 'NonBinary',
       bars: ['#FEF32A', '#FEFEFE', '#9D57D2', '#000'],
     },
+    {
+      id: 'neutrois',
+      label: 'Neutrois',
+      bars: ['#FFF', '#22B14C', '#000'],
+    },
     {
       id: 'omnisexual',
       label: 'Omnisexual',
       bars: ['#FF9DCF', '#FF51C0', '#1A0042', '#675FFF', '#8EA9FF'],
     },
+    {
+      id: 'oriented-aroace',
+      label: 'Oriented Aroace',
+      bars: ['#060634', '#81A5B8', '#FFF', '#2FB3A4'],
+    },
     {
       id: 'pangender',
       label: 'Pangender',
@@ -289,6 +362,16 @@ export default function useFlagTypes() {
         '#FFF',
       ],
     },
+    {
+      id: 'quoiromantic',
+      label: 'Quoiromantic',
+      bars: ['#000', '#FFF', '#98DC31', '#24D0E4'],
+    },
+    {
+      id: 'recipromantic',
+      label: 'Recipromantic',
+      bars: ['#E84671', '#F0B2DC', '#ADF6B2', '#FFF', '#000'],
+    },
     {
       id: 'transgender',
       label: 'Transgender',