commit 8f8ba03e004c4988bd08ea5430b50b64b92e5bbe · veryroundbird.house/fixao3

src/app/series/[seriesId]/opengraph-image.jsx

···

       1
       1
        
       import { getSeries } from "@fujocoded/ao3.js"

     

       2
       2
        
       import sanitizeData from "@/lib/sanitizeData.js"

     

       3
       3
        
       import OGImage from "@/lib/ogimage.js"

     

       4
       4
       +
       import OGImage from "@/lib/ogimagelocked.js"

     

       4
       5
        
       import baseFonts from "@/lib/baseFonts.js"

     

       5
       6
        
       import titleFonts from "@/lib/titleFonts.js"

     

       6
       7
        
       import defaults from "@/lib/ogdefaults.js"

     
···

       16
       17
        
         const { seriesId } = await params

     

       17
       18
        
         const addr = `series/${seriesId}`

     

       18
       19
        
         const data = await getSeries({seriesId: seriesId})

     

       20
       20
       +
         if (data.locked) return OGImageLocked({theme: theme})

     

       19
       21
        
         const imageParams = await sanitizeData({type: 'series', data: data, props: defaults})

     

       20
       22
        
         const theme = imageParams.theme

     

       21
       23
        
         console.log(theme)

src/app/works/[workId]/chapters/[chapterId]/opengraph-image.jsx

···

       1
       1
        
       import { getWork } from "@fujocoded/ao3.js"

     

       2
       2
        
       import sanitizeData from "@/lib/sanitizeData.js"

     

       3
       3
        
       import OGImage from "@/lib/ogimage.js"

     

       4
       4
       +
       import OGImageLocked from "@/lib/ogimagelocked.js"

     

       4
       5
        
       import baseFonts from "@/lib/baseFonts.js"

     

       5
       6
        
       import titleFonts from "@/lib/titleFonts.js"

     

       6
       7
        
       import defaults from "@/lib/ogdefaults.js"

     
···

       16
       17
        
         const { workId, chapterId } = await params

     

       17
       18
        
         const addr = `works/${workId}/chapters/${chapterId}`

     

       18
       19
        
         const data = await getWork({workId: workId, chapterId: chapterId})

     

       20
       20
       +
         if (data.locked) return OGImageLocked({theme: theme})

     

       19
       21
        
         const imageParams = await sanitizeData({type: 'work', data: data, props: defaults})

     

       20
       22
        
         const theme = imageParams.theme

     

       21
       23
        
         const baseFont = baseFonts[imageParams.baseFont].displayName

src/app/works/[workId]/opengraph-image.jsx

···

       1
       1
        
       import { getWork } from "@fujocoded/ao3.js"

     

       2
       2
        
       import sanitizeData from "@/lib/sanitizeData.js"

     

       3
       3
        
       import OGImage from "@/lib/ogimage.js"

     

       4
       4
       +
       import OGImageLocked from "@/lib/ogimagelocked.js"

     

       4
       5
        
       import baseFonts from "@/lib/baseFonts.js"

     

       5
       6
        
       import titleFonts from "@/lib/titleFonts.js"

     

       6
       7
        
       import defaults from "@/lib/ogdefaults.js"

     
···

       16
       17
        
         const { workId } = await params

     

       17
       18
        
         const addr = `works/${workId}`

     

       18
       19
        
         const data = await getWork({workId: workId})

     

       20
       20
       +
         if (data.locked) return OGImageLocked({theme: theme})

     

       19
       21
        
         const imageParams = await sanitizeData({type: 'work', data: data, props: defaults})

     

       20
       22
        
         const theme = imageParams.theme

     

       21
       23
        
         const baseFont = baseFonts[imageParams.baseFont].displayName

src/icons/lock.js

···

       1
       1
       +
       export default function Lock ({bg, fg, width, height}) {

     

       2
       2
       +
         return (

     

       3
       3
       +
           <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width={width} height={height}>

     

       4
       4
       +
             <ellipse cx="320" cy="320" rx="320" ry="320" fill={bg} />

     

       5
       5
       +
             <path d="M256 160L256 224L384 224L384 160C384 124.7 355.3 96 320 96C284.7 96 256 124.7 256 160zM192 224L192 160C192 89.3 249.3 32 320 32C390.7 32 448 89.3 448 160L448 224C483.3 224 512 252.7 512 288L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 288C128 252.7 156.7 224 192 224z" fill={fg} />

     

       6
       6
       +
           </svg>

     

       7
       7
       +
         )

     

       8
       8
       +
       }

+27

src/lib/ogimagelocked.js

···

       1
       1
       +
       import { ImageResponse } from "next/og"

     

       2
       2
       +
       import General from "@/icons/locked.js"

     

       3
       3
       +
       

     

       4
       4
       +
       export default async function OGImageLocked ({ theme }) {

     

       5
       5
       +
         return new ImageResponse(

     

       6
       6
       +
           (

     

       7
       7
       +
             <div

     

       8
       8
       +
               style={{

     

       9
       9
       +
                 display: "flex",

     

       10
       10
       +
                 flexDirection: "column",

     

       11
       11
       +
                 justifyContent: "center",

     

       12
       12
       +
                 alignItems: "center",

     

       13
       13
       +
                 color: theme.color,

     

       14
       14
       +
                 backgroundColor: theme.background,

     

       15
       15
       +
                 fontFamily: baseFont,

     

       16
       16
       +
                 fontSize: 24,

     

       17
       17
       +
                 padding: 20,

     

       18
       18
       +
                 width: "100%",

     

       19
       19
       +
                 height: "100%",

     

       20
       20
       +
               }}

     

       21
       21
       +
             >

     

       22
       22
       +
               <Locked bg={theme.background} fg={theme.color} width={480} height={480} />

     

       23
       23
       +
             </div>

     

       24
       24
       +
           ),

     

       25
       25
       +
           opts

     

       26
       26
       +
         )

     

       27
       27
       +
       }

+12 -5

src/lib/sanitizeData.js

···

       1
       1
       -
       import { getWork } from "@fujocoded/ao3.js"

     

       2
       1
        
       import DOM from "fauxdom"

     

       3
       2
        
       import { readFile } from 'node:fs/promises'

     

       4
       3
        
       import { join } from 'node:path'

     
···

       6
       5
        
       import baseFonts from '@/lib/baseFonts.js'

     

       7
       6
        
       import titleFonts from '@/lib/titleFonts.js'

     

       8
       7
        
       

     

       8
       8
       +
       const getWork = async (workId) => {

     

       9
       9
       +
         const x = await fetch('https://veryroundbird.house')

     

       10
       10
       +
         const data = await fetch(`http://${process.env.DOMAIN}/api/works/${workId}`)

     

       11
       11
       +
         const work = await data.json()

     

       12
       12
       +
         return work

     

       13
       13
       +
       }

     

       14
       14
       +
       

     

       9
       15
        
       const getHighestRating = async (works) => {

     

       10
       16
        
         const ratings = await Promise.all(works.map(async (w) => {

     

       11
       11
       -
           const work = await getWork({workId: w.id})

     

       17
       17
       +
           const work = await getWork(w.id)

     

       12
       18
        
           return work.rating

     

       13
       19
        
         }))

     

       14
       20
        
         if (ratings.includes("Not Rated")) {

     
···

       25
       31
        
       

     

       26
       32
        
       const getHighestWarning = async (works) => {

     

       27
       33
        
         const warnings = await Promise.all(works.map(async (w) => {

     

       28
       28
       -
           const work = await getWork({workId: w.id})

     

       34
       34
       +
           const work = await getWork(w.id)

     

       29
       35
        
           return work.tags.warnings

     

       30
       36
        
         }))

     

       37
       37
       +
         console.log(warnings)

     

       31
       38
        
         const warningsUnique = warnings.reduce((a, b) => { return a.concat(b) }).filter((w, i) => { return i === warnings.indexOf(w) })

     

       32
       39
        
         if (warningsUnique.length === 1 && warningsUnique[0] === "Creator Chose Not To Use Archive Warnings") {

     

       33
       40
        
           return "CNTW"

     
···

       39
       46
        
       

     

       40
       47
        
       const getCategory = async (works) => {

     

       41
       48
        
         const categories = await Promise.all(works.map(async (w) => {

     

       42
       42
       -
           const work = await getWork({workId: w.id})

     

       49
       49
       +
           const work = await getWork(w.id)

     

       43
       50
        
           return work.category

     

       44
       51
        
         }))

     

       45
       52
        
         const categoriesJoined = categories.reduce((a, b) => { return a.concat(b) })

     
···

       81
       88
        
         const titleFont = propsParsed.titleFont ? propsParsed.titleFont : process.env.DEFAULT_TITLE_FONT

     

       82
       89
        
         const titleFontData = titleFonts[titleFont]

     

       83
       90
        
         const themeData = propsParsed.theme ? themes[propsParsed.theme] : themes[process.env.DEFAULT_THEME]

     

       84
       84
       -
         const parentWork = type === 'work' && data.chapterInfo ? await getWork({workId: data.id}) : null

     

       91
       91
       +
         const parentWork = type === 'work' && data.chapterInfo ? await getWork(data.id) : null

     

       85
       92
        
         const bfs = await Promise.all(baseFontData.defs.map(async (bf) => {

     

       86
       93
        
           return {

     

       87
       94
        
             name: baseFontData.displayName,

+238 -58

src/lib/themes.js

···

       406
       406
        
         },

     

       407
       407
        
         base2ToneEarth: {

     

       408
       408
        
           name: 'Base2Tone Earth',

     

       409
       409
       -
           background: '',

     

       410
       410
       -
           color: '',

     

       411
       411
       -
           descBackground: '',

     

       412
       412
       -
           descColor: '',

     

       413
       413
       -
           accent: '',

     

       414
       414
       -
           accentColor: '',

     

       415
       415
       -
           accent2: '',

     

       416
       416
       -
           accent2Color: '',

     

       417
       417
       -
           accent3: '',

     

       418
       418
       -
           accent3Color: '',

     

       419
       419
       -
           accent4: '',

     

       420
       420
       -
           accent4Color: ''

     

       409
       409
       +
           background: '#322d29',

     

       410
       410
       +
           color: '#b5a9a1',

     

       411
       411
       +
           descBackground: '#3f3a37',

     

       412
       412
       +
           descColor: '#fff3eb',

     

       413
       413
       +
           accent: '#e6b84d',

     

       414
       414
       +
           accentColor: '#fff3eb',

     

       415
       415
       +
           accent2: '#d9b154',

     

       416
       416
       +
           accent2Color: '#fff3eb',

     

       417
       417
       +
           accent3: '#816d5f',

     

       418
       418
       +
           accent3Color: '#fff3eb',

     

       419
       419
       +
           accent4: '#b5a9a1',

     

       420
       420
       +
           accent4Color: '#fff3eb'

     

       421
       421
        
         },

     

       422
       422
        
         base2ToneEvening: {

     

       423
       423
        
           name: 'Base2Tone Evening',

     

       424
       424
       -
           background: '',

     

       425
       425
       -
           color: '',

     

       426
       426
       -
           descBackground: '',

     

       427
       427
       -
           descColor: '',

     

       428
       428
       -
           accent: '',

     

       429
       429
       -
           accentColor: '',

     

       430
       430
       -
           accent2: '',

     

       431
       431
       -
           accent2Color: '',

     

       432
       432
       -
           accent3: '',

     

       433
       433
       -
           accent3Color: '',

     

       434
       434
       -
           accent4: '',

     

       435
       435
       -
           accent4Color: ''

     

       424
       424
       +
           background: '#2a2734',

     

       425
       425
       +
           color: '#a4a1b5',

     

       426
       426
       +
           descBackground: '#363342',

     

       427
       427
       +
           descColor: '#eeebff',

     

       428
       428
       +
           accent: '#8a75f5',

     

       429
       429
       +
           accentColor: '#eeebff',

     

       430
       430
       +
           accent2: '#ffad5c',

     

       431
       431
       +
           accent2Color: '#eeebff',

     

       432
       432
       +
           accent3: '#afa0fe',

     

       433
       433
       +
           accent3Color: '#eeebff',

     

       434
       434
       +
           accent4: '#a4a1b5',

     

       435
       435
       +
           accent4Color: '#eeebff'

     

       436
       436
        
         },

     

       437
       437
        
         base2ToneField: {

     

       438
       438
        
           name: 'Base2Tone Field',

     

       439
       439
       -
           background: '',

     

       440
       440
       -
           color: '',

     

       441
       441
       -
           descBackground: '',

     

       442
       442
       -
           descColor: '',

     

       443
       443
       -
           accent: '',

     

       444
       444
       -
           accentColor: '',

     

       445
       445
       -
           accent2: '',

     

       446
       446
       -
           accent2Color: '',

     

       447
       447
       -
           accent3: '',

     

       448
       448
       -
           accent3Color: '',

     

       449
       449
       -
           accent4: '',

     

       450
       450
       -
           accent4Color: ''

     

       439
       439
       +
           background: '#18201e',

     

       440
       440
       +
           color: '#8ea4a0',

     

       441
       441
       +
           descBackground: '#242e2c',

     

       442
       442
       +
           descColor: '#a8fff1',

     

       443
       443
       +
           accent: '#0fbda0',

     

       444
       444
       +
           accentColor: '#242e2c',

     

       445
       445
       +
           accent2: '#3be381',

     

       446
       446
       +
           accent2Color: '#242e2c',

     

       447
       447
       +
           accent3: '#40ddc3',

     

       448
       448
       +
           accent3Color: '#242e2c',

     

       449
       449
       +
           accent4: '#8ea4a0',

     

       450
       450
       +
           accent4Color: '#242e2c'

     

       451
       451
        
         },

     

       452
       452
        
         base2ToneForest: {

     

       453
       453
        
           name: 'Base2Tone Forest',

     
···

       659
       659
        
           accent4: '#5b6080',

     

       660
       660
        
           accent4Color: '#ebedff'

     

       661
       661
        
         },

     

       662
       662
       +
         blueDolphin: {

     

       663
       663
       +
           name: "Blue Dolphin",

     

       664
       664
       +
           background: '#006984',

     

       665
       665
       +
           color: '#A3F7FF',

     

       666
       666
       +
           descBackground: '#006984',

     

       667
       667
       +
           descColor: '#FFFFFF',

     

       668
       668
       +
           accent: '#FF8288',

     

       669
       669
       +
           accentColor: '#292D3E',

     

       670
       670
       +
           accent2: '#B4E88D',

     

       671
       671
       +
           accent2Color: '#292D3E',

     

       672
       672
       +
           accent3: '#F4D69F',

     

       673
       673
       +
           accent3Color: '#292D3E',

     

       674
       674
       +
           accent4: '#82AAFF',

     

       675
       675
       +
           accent4Color: '#292D3E'

     

       676
       676
       +
         },

     

       677
       677
       +
         borland: {

     

       678
       678
       +
           name: "Borland",

     

       679
       679
       +
           background: '#0000a4',

     

       680
       680
       +
           color: '#FFFFB6',

     

       681
       681
       +
           descBackground: '#0000a4',

     

       682
       682
       +
           descColor: '#FFFFB6',

     

       683
       683
       +
           accent: '#FF6C60',

     

       684
       684
       +
           accentColor: '#292D3E',

     

       685
       685
       +
           accent2: '#B4E88D',

     

       686
       686
       +
           accent2Color: '#292D3E',

     

       687
       687
       +
           accent3: '#F4D69F',

     

       688
       688
       +
           accent3Color: '#292D3E',

     

       689
       689
       +
           accent4: '#82AAFF',

     

       690
       690
       +
           accent4Color: '#292D3E'

     

       691
       691
       +
         },

     

       692
       692
       +
         butrin: {

     

       693
       693
       +
           name: 'Butrin',

     

       694
       694
       +
           background: '#4b3b3c',

     

       695
       695
       +
           color: '#F2F2F2',

     

       696
       696
       +
           descBackground: '#4b3b3c',

     

       697
       697
       +
           descColor: '#F2F2F2',

     

       698
       698
       +
           accent: '#F2B1B1',

     

       699
       699
       +
           accentColor: '#4b3b3c',

     

       700
       700
       +
           accent2: '#B2D8B2',

     

       701
       701
       +
           accent2Color: '#4b3b3c',

     

       702
       702
       +
           accent3: '#87CEFA',

     

       703
       703
       +
           accent3Color: '#4b3b3c',

     

       704
       704
       +
           accent4: '#D8BFD8',

     

       705
       705
       +
           accent4Color: '#4b3b3c'

     

       706
       706
       +
         },

     

       662
       707
        
         gruvbox: {

     

       663
       708
        
           name: 'Gruvbox',

     

       664
       664
       -
           background: '#1e202f',

     

       709
       709
       +
           background: '#FBF1C7',

     

       665
       710
        
           color: '#4f5472',

     

       666
       666
       -
           descBackground: '#292c3d',

     

       667
       667
       -
           descColor: '#ebedff',

     

       668
       668
       -
           accent: '#7586f5',

     

       669
       669
       -
           accentColor: '#ebedff',

     

       670
       670
       -
           accent2: '#fe81b5',

     

       671
       671
       -
           accent2Color: '#ebedff',

     

       672
       672
       -
           accent3: '#fb6fa9',

     

       673
       673
       -
           accent3Color: '#ebedff',

     

       674
       674
       -
           accent4: '#5b6080',

     

       675
       675
       -
           accent4Color: '#ebedff'

     

       711
       711
       +
           descBackground: '#FBF1C7',

     

       712
       712
       +
           descColor: '#3C3836',

     

       713
       713
       +
           accent: '#9D0006',

     

       714
       714
       +
           accentColor: '#4F4F4F',

     

       715
       715
       +
           accent2: '#A8FF60',

     

       716
       716
       +
           accent2Color: '#4F4F4F',

     

       717
       717
       +
           accent3: '#96CBFE',

     

       718
       718
       +
           accent3Color: '#4F4F4F',

     

       719
       719
       +
           accent4: '#FF73FD',

     

       720
       720
       +
           accent4Color: '#4F4F4F'

     

       676
       721
        
         },

     

       677
       722
        
         gruvboxDark: {

     

       678
       723
        
           name: 'Gruvbox Dark',

     

       679
       679
       -
           background: '#1e202f',

     

       680
       680
       -
           color: '#4f5472',

     

       681
       681
       -
           descBackground: '#292c3d',

     

       724
       724
       +
           background: '#282828',

     

       725
       725
       +
           color: '#7C6F64',

     

       726
       726
       +
           descBackground: '#282828',

     

       682
       727
        
           descColor: '#ebedff',

     

       683
       683
       -
           accent: '#7586f5',

     

       684
       684
       -
           accentColor: '#ebedff',

     

       685
       685
       -
           accent2: '#fe81b5',

     

       686
       686
       -
           accent2Color: '#ebedff',

     

       687
       687
       -
           accent3: '#fb6fa9',

     

       688
       688
       -
           accent3Color: '#ebedff',

     

       689
       689
       -
           accent4: '#5b6080',

     

       690
       690
       -
           accent4Color: '#ebedff'

     

       728
       728
       +
           accent: '#FB4934',

     

       729
       729
       +
           accentColor: '#282828',

     

       730
       730
       +
           accent2: '#B8BB26',

     

       731
       731
       +
           accent2Color: '#282828',

     

       732
       732
       +
           accent3: '#FABD2F',

     

       733
       733
       +
           accent3Color: '#282828',

     

       734
       734
       +
           accent4: '#83A598',

     

       735
       735
       +
           accent4Color: '#282828'

     

       691
       736
        
         },

     

       692
       737
        
         monoAmber: {

     

       693
       738
        
           name: "Mono Amber",

     
···

       778
       823
        
           accent3Color: '#403500',

     

       779
       824
        
           accent4: '#FFD300',

     

       780
       825
        
           accent4Color: '#403500'

     

       826
       826
       +
         },

     

       827
       827
       +
         seaShells: {

     

       828
       828
       +
           name: "Sea Shells",

     

       829
       829
       +
           background: '#09141b',

     

       830
       830
       +
           color: '#DEB88D',

     

       831
       831
       +
           descBackground: '#09141b',

     

       832
       832
       +
           descColor: '#FEE4CE',

     

       833
       833
       +
           accent: '#D15123',

     

       834
       834
       +
           accentColor: '#FEE4CE',

     

       835
       835
       +
           accent2: '#027C9B',

     

       836
       836
       +
           accent2Color: '#FEE4CE',

     

       837
       837
       +
           accent3: '#1E4950',

     

       838
       838
       +
           accent3Color: '#FEE4CE',

     

       839
       839
       +
           accent4: '#434B53',

     

       840
       840
       +
           accent4Color: '#FEE4CE'

     

       841
       841
       +
         },

     

       842
       842
       +
         seafoamPastel: {

     

       843
       843
       +
           name: "Seafoam Pastel",

     

       844
       844
       +
           background: '#243435',

     

       845
       845
       +
           color: '#E0E0E0',

     

       846
       846
       +
           descBackground: '#243435',

     

       847
       847
       +
           descColor: '#E0E0E0',

     

       848
       848
       +
           accent: '#825D4D',

     

       849
       849
       +
           accentColor: '#FEE4CE',

     

       850
       850
       +
           accent2: '#728C62',

     

       851
       851
       +
           accent2Color: '#FEE4CE',

     

       852
       852
       +
           accent3: '#ADA16D',

     

       853
       853
       +
           accent3Color: '#FEE4CE',

     

       854
       854
       +
           accent4: '#4D7B82',

     

       855
       855
       +
           accent4Color: '#FEE4CE'

     

       856
       856
       +
         },

     

       857
       857
       +
         seoul256: {

     

       858
       858
       +
           name: "Seoul 256",

     

       859
       859
       +
           background: '#3a3a3a',

     

       860
       860
       +
           color: '#e4e4e4',

     

       861
       861
       +
           descBackground: '#4e4e4e',

     

       862
       862
       +
           descColor: '#d0d0d0',

     

       863
       863
       +
           accent: '#d68787',

     

       864
       864
       +
           accentColor: '#4e4e4e',

     

       865
       865
       +
           accent2: '#87af87',

     

       866
       866
       +
           accent2Color: '#4e4e4e',

     

       867
       867
       +
           accent3: '#add4fb',

     

       868
       868
       +
           accent3Color: '#4e4e4e',

     

       869
       869
       +
           accent4: '#d7afaf',

     

       870
       870
       +
           accent4Color: '#4e4e4e'

     

       871
       871
       +
         },

     

       872
       872
       +
         seoul256Light: {

     

       873
       873
       +
           name: "Seoul 256 Light",

     

       874
       874
       +
           background: '#dadada',

     

       875
       875
       +
           color: '#4e4e4e',

     

       876
       876
       +
           descBackground: '#e4e4e4',

     

       877
       877
       +
           descColor: '#3a3a3a',

     

       878
       878
       +
           accent: '#870100',

     

       879
       879
       +
           accentColor: '#eeeeee',

     

       880
       880
       +
           accent2: '#d8865f',

     

       881
       881
       +
           accent2Color: '#eeeeee',

     

       882
       882
       +
           accent3: '#87025f',

     

       883
       883
       +
           accent3Color: '#eeeeee',

     

       884
       884
       +
           accent4: '#008787',

     

       885
       885
       +
           accent4Color: '#eeeeee'

     

       886
       886
       +
         },

     

       887
       887
       +
         shel: {

     

       888
       888
       +
           name: "Shel",

     

       889
       889
       +
           background: '#2C2423',

     

       890
       890
       +
           color: '#8FBAEC',

     

       891
       891
       +
           descBackground: '#2C2423',

     

       892
       892
       +
           descColor: '#F5EEEC',

     

       893
       893
       +
           accent: '#F588B9',

     

       894
       894
       +
           accentColor: '#F5EEEC',

     

       895
       895
       +
           accent2: '#AB6423',

     

       896
       896
       +
           accent2Color: '#F5EEEC',

     

       897
       897
       +
           accent3: '#2C64A2',

     

       898
       898
       +
           accent3Color: '#F5EEEC',

     

       899
       899
       +
           accent4: '#6C24A2',

     

       900
       900
       +
           accent4Color: '#F5EEEC'

     

       901
       901
       +
         },

     

       902
       902
       +
         slate: {

     

       903
       903
       +
           name: "Slate",

     

       904
       904
       +
           background: '#222222',

     

       905
       905
       +
           color: '#8CDFE0',

     

       906
       906
       +
           descBackground: '#222222',

     

       907
       907
       +
           descColor: '#E0E0E0',

     

       908
       908
       +
           accent: '#E2A8BF',

     

       909
       909
       +
           accentColor: '#222222',

     

       910
       910
       +
           accent2: '#81D778',

     

       911
       911
       +
           accent2Color: '#222222',

     

       912
       912
       +
           accent3: '#C4C9C0',

     

       913
       913
       +
           accent3Color: '#222222',

     

       914
       914
       +
           accent4: '#A481D3',

     

       915
       915
       +
           accent4Color: '#222222'

     

       916
       916
       +
         },

     

       917
       917
       +
         vaughn: {

     

       918
       918
       +
           name: "Vaughn",

     

       919
       919
       +
           background: '#25234F',

     

       920
       920
       +
           color: '#FFFFFF',

     

       921
       921
       +
           descBackground: '#25234F',

     

       922
       922
       +
           descColor: '#FFFFFF',

     

       923
       923
       +
           accent: '#60B48A',

     

       924
       924
       +
           accentColor: '#25234F',

     

       925
       925
       +
           accent2: '#DFAF8F',

     

       926
       926
       +
           accent2Color: '#25234F',

     

       927
       927
       +
           accent3: '#F08CC3',

     

       928
       928
       +
           accent3Color: '#25234F',

     

       929
       929
       +
           accent4: '#8CD0D3',

     

       930
       930
       +
           accent4Color: '#25234F'

     

       931
       931
       +
         },

     

       932
       932
       +
         warmNeon: {

     

       933
       933
       +
           name: "Warm Neon",

     

       934
       934
       +
           background: '#404040',

     

       935
       935
       +
           color: '#9CC090',

     

       936
       936
       +
           descBackground: '#404040',

     

       937
       937
       +
           descColor: '#FEFCFC',

     

       938
       938
       +
           accent: '#2ABBD4',

     

       939
       939
       +
           accentColor: '#FEFCFC',

     

       940
       940
       +
           accent2: '#39B13A',

     

       941
       941
       +
           accent2Color: '#FEFCFC',

     

       942
       942
       +
           accent3: '#4261C5',

     

       943
       943
       +
           accent3Color: '#FEFCFC',

     

       944
       944
       +
           accent4: '#F920FB',

     

       945
       945
       +
           accent4Color: '#FEFCFC'

     

       946
       946
       +
         },

     

       947
       947
       +
         website: {

     

       948
       948
       +
           name: "Website",

     

       949
       949
       +
           background: '#132f35',

     

       950
       950
       +
           color: '#ffd48f',

     

       951
       951
       +
           descBackground: '#183c44',

     

       952
       952
       +
           descColor: '#ffd48f',

     

       953
       953
       +
           accent: '#ff5757',

     

       954
       954
       +
           accentColor: '#235662',

     

       955
       955
       +
           accent2: '#ecff14',

     

       956
       956
       +
           accent2Color: '#235662',

     

       957
       957
       +
           accent3: '#4cbfff',

     

       958
       958
       +
           accent3Color: '#235662',

     

       959
       959
       +
           accent4: '#ff4cc2',

     

       960
       960
       +
           accent4Color: '#235662'

     

       781
       961
        
         },

     

       782
       962
        
         wryan: {

     

       783
       963
        
           name: "Wryan",