commit a0dc167e6df6e65495167a62cb0611ab0a7cfbb9 · veryroundbird.house/fixao3

+17 -17

src/lib/ogimage.js

···

       55
       55
        
                     {image.topLine}

     

       56
       56
        
                   </div>

     

       57
       57
        
                     

     

       58
       58
       -
                   {image.props.rating && image.rating === 'E' && (<Explicit fg={theme.background} bg={theme.accent} width={28} height={28} />)}

     

       59
       59
       -
                   {image.props.rating && image.rating === 'M' && (<Mature fg={theme.background} bg={theme.accent} width={28} height={28} />)}

     

       60
       60
       -
                   {image.props.rating && image.rating === 'T' && (<Teen fg={theme.background} bg={theme.accent} width={28} height={28} />)}

     

       61
       61
       -
                   {image.props.rating && image.rating === 'G' && (<General fg={theme.background} bg={theme.accent} width={28} height={28} />)}

     

       62
       62
       -
                   {image.props.rating && image.rating === 'NR' && (<NotRated fg={theme.background} bg={theme.accent} width={28} height={28} />)}

     

       58
       58
       +
                   {image.props.rating && image.rating === 'E' && (<Explicit fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       59
       59
       +
                   {image.props.rating && image.rating === 'M' && (<Mature fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       60
       60
       +
                   {image.props.rating && image.rating === 'T' && (<Teen fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       61
       61
       +
                   {image.props.rating && image.rating === 'G' && (<General fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       62
       62
       +
                   {image.props.rating && image.rating === 'NR' && (<NotRated fg={theme.accentColor} bg={theme.accent} width={28} height={28} />)}

     

       63
       63
        
                   

     

       64
       64
       -
                   {image.props.warnings && image.warning === 'NW' && (<NoWarnings fg={theme.background} bg={theme.accent2} width={28} height={28} />)}

     

       65
       65
       -
                   {image.props.warnings && image.warning === 'CNTW' && (<ChoseNotToWarn fg={theme.background} bg={theme.accent2} width={28} height={28} />)}

     

       66
       66
       -
                   {image.props.warnings && image.warning === 'W' && (<Warnings fg={theme.background} bg={theme.accent2} width={28} height={28} />)}

     

       64
       64
       +
                   {image.props.warnings && image.warning === 'NW' && (<NoWarnings fg={theme.accent2Color} bg={theme.accent2} width={28} height={28} />)}

     

       65
       65
       +
                   {image.props.warnings && image.warning === 'CNTW' && (<ChoseNotToWarn fg={theme.accent2Color} bg={theme.accent2} width={28} height={28} />)}

     

       66
       66
       +
                   {image.props.warnings && image.warning === 'W' && (<Warnings fg={theme.accent2Color} bg={theme.accent2} width={28} height={28} />)}

     

       67
       67
        
                   

     

       68
       68
       -
                   {image.props.category && image.category === 'F' && (<Yuri fg={theme.background} bg={theme.accent3} width={28} height={28} />)}

     

       69
       69
       -
                   {image.props.category && image.category === 'M' && (<Yaoi fg={theme.background} bg={theme.accent3} width={28} height={28} />)}

     

       70
       70
       -
                   {image.props.category && image.category === 'FM' && (<Het fg={theme.background} bg={theme.accent3} width={28} height={28} />)}

     

       71
       71
       -
                   {image.props.category && image.category === 'G' && (<Gen fg={theme.background} bg={theme.accent3} width={28} height={28} />)}

     

       72
       72
       -
                   {image.props.category && image.category === 'MX' && (<MultiShip fg={theme.background} bg={theme.accent3} width={28} height={28} />)}

     

       73
       73
       -
                   {image.props.category && image.category === 'O' && (<OtherShip fg={theme.background} bg={theme.accent3} width={28} height={28} />)}

     

       68
       68
       +
                   {image.props.category && image.category === 'F' && (<Yuri fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       69
       69
       +
                   {image.props.category && image.category === 'M' && (<Yaoi fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       70
       70
       +
                   {image.props.category && image.category === 'FM' && (<Het fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       71
       71
       +
                   {image.props.category && image.category === 'G' && (<Gen fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       72
       72
       +
                   {image.props.category && image.category === 'MX' && (<MultiShip fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       73
       73
       +
                   {image.props.category && image.category === 'O' && (<OtherShip fg={theme.accent3Color} bg={theme.accent3} width={28} height={28} />)}

     

       74
       74
        
                 </div>

     

       75
       75
        
                 <div

     

       76
       76
        
                   style={{

     
···

       135
       135
        
                     <span

     

       136
       136
        
                       style={{

     

       137
       137
        
                         backgroundColor: theme.accent2,

     

       138
       138
       -
                         color: theme.descBackground,

     

       138
       138
       +
                         color: theme.accent2Color,

     

       139
       139
        
                         padding: "3px 5px",

     

       140
       140
        
                         borderRadius: 5

     

       141
       141
        
                       }}

     
···

       158
       158
        
                     <span

     

       159
       159
        
                       style={{

     

       160
       160
        
                         backgroundColor: theme.accent3,

     

       161
       161
       -
                         color: theme.descBackground,

     

       161
       161
       +
                         color: theme.accent3Color,

     

       162
       162
        
                         padding: "3px 5px",

     

       163
       163
        
                         borderRadius: 5

     

       164
       164
        
                       }}

     
···

       181
       181
        
                     <span

     

       182
       182
        
                       style={{

     

       183
       183
        
                         backgroundColor: theme.accent4,

     

       184
       184
       -
                         color: theme.descBackground,

     

       184
       184
       +
                         color: theme.accent4Color,

     

       185
       185
        
                         padding: "3px 5px",

     

       186
       186
        
                         borderRadius: 5

     

       187
       187
        
                       }}

+170 -18

src/lib/themes.js

···

       6
       6
        
           descBackground: '#FFFFFF',

     

       7
       7
        
           descColor: '#000000',

     

       8
       8
        
           accent: '#FFFFFF',

     

       9
       9
       -
           accent2: '#990000',

     

       10
       10
       -
           accent3: '#009900',

     

       11
       11
       -
           accent4: '#000099'

     

       9
       9
       +
           accentColor: '#990000',

     

       10
       10
       +
           accent2: '#CC9999',

     

       11
       11
       +
           accent2Color: '#990000',

     

       12
       12
       +
           accent3: '#EEBBBB',

     

       13
       13
       +
           accent3Color: '#990000',

     

       14
       14
       +
           accent4: '#FFDDDD',

     

       15
       15
       +
           accent4Color: '#990000'

     

       12
       16
        
         },

     

       13
       17
        
         softEra: {

     

       14
       18
        
           name: 'Soft Era',

     
···

       17
       21
        
           descBackground: '#F9F5F5',

     

       18
       22
        
           descColor: '#414141',

     

       19
       23
        
           accent: '#DB90A7',

     

       24
       24
       +
           accentColor: '#F9F5F5',

     

       20
       25
        
           accent2: '#EEAABE',

     

       26
       26
       +
           accent2Color: '#F9F5F5',

     

       21
       27
        
           accent3: '#82B4E3',

     

       22
       22
       -
           accent4: '#a29acb'

     

       28
       28
       +
           accent3Color: '#F9F5F5',

     

       29
       29
       +
           accent4: '#a29acb',

     

       30
       30
       +
           accent4Color: '#F9F5F5',

     

       23
       31
        
         },

     

       24
       32
        
         wildCherry: {

     

       25
       33
        
           name: 'Wild Cherry',

     
···

       28
       36
        
           descBackground: '#FFFFFF',

     

       29
       37
        
           descColor: '#2B1F32',

     

       30
       38
        
           accent: '#E15D97',

     

       39
       39
       +
           accentColor: '#FFFFFF',

     

       31
       40
        
           accent2: '#0AACC5',

     

       41
       41
       +
           accent2Color: '#FFFFFF',

     

       32
       42
        
           accent3: '#FFB86C',

     

       33
       33
       -
           accent4: '#35BA66'

     

       43
       43
       +
           accent3Color: '#2B1F32',

     

       44
       44
       +
           accent4: '#35BA66',

     

       45
       45
       +
           accent4Color: '#FFFFFF',

     

       34
       46
        
         },

     

       35
       47
        
         rosePine: {

     

       36
       48
        
           name: 'Rosé Pine',

     
···

       39
       51
        
           descBackground: '#1f1d2e',

     

       40
       52
        
           descColor: '#e0def4',

     

       41
       53
        
           accent: '#eb6f92',

     

       42
       42
       -
           accent2: '#31748f',

     

       54
       54
       +
           accentColor: '#191724',

     

       55
       55
       +
           accent2: '#9ccfd8',

     

       56
       56
       +
           accent2Color: '#191724',

     

       43
       57
        
           accent3: '#f6c177',

     

       44
       44
       -
           accent4: '#c4a7e7'

     

       58
       58
       +
           accent3Color: '#191724',

     

       59
       59
       +
           accent4: '#c4a7e7',

     

       60
       60
       +
           accent4Color: '#191724',

     

       45
       61
        
         },

     

       46
       62
        
         rosePineDawn: {

     

       47
       63
        
           name: 'Rosé Pine Dawn',

     
···

       50
       66
        
           descBackground: '#fffaf3',

     

       51
       67
        
           descColor: '#575279',

     

       52
       68
        
           accent: '#eb6f92',

     

       69
       69
       +
           accentColor: '#faf4ed',

     

       53
       70
        
           accent2: '#286983',

     

       71
       71
       +
           accent2Color: '#faf4ed',

     

       54
       72
        
           accent3: '#ea9d34',

     

       55
       55
       -
           accent4: '#907aa9'

     

       73
       73
       +
           accent3Color: '#faf4ed',

     

       74
       74
       +
           accent4: '#907aa9',

     

       75
       75
       +
           accent4Color: '#faf4ed',

     

       56
       76
        
         },

     

       57
       77
        
         rosePineMoon: {

     

       58
       78
        
           name: 'Rosé Pine Moon',

     
···

       61
       81
        
           descBackground: '#2a273f',

     

       62
       82
        
           descColor: '#e0def4',

     

       63
       83
        
           accent: '#b4637a',

     

       64
       64
       -
           accent2: '#3e8fb0',

     

       84
       84
       +
           accentColor: '#232136',

     

       85
       85
       +
           accent2: '#9ccfd8',

     

       86
       86
       +
           accent2Color: '#232136',

     

       65
       87
        
           accent3: '#f6c177',

     

       66
       66
       -
           accent4: '#c4a7e7'

     

       88
       88
       +
           accent3Color: '#232136',

     

       89
       89
       +
           accent4: '#c4a7e7',

     

       90
       90
       +
           accent4Color: '#232136',

     

       67
       91
        
         },

     

       68
       92
        
         solarizedLight: {

     

       69
       93
        
           name: 'Solarized Light',

     
···

       72
       96
        
           descBackground: '#eee8d5',

     

       73
       97
        
           descColor: '#002b36',

     

       74
       98
        
           accent: '#d33682',

     

       99
       99
       +
           accentColor: '#fdf6e3',

     

       75
       100
        
           accent2: '#2aa198',

     

       101
       101
       +
           accent2Color: '#fdf6e3',

     

       76
       102
        
           accent3: '#859900',

     

       77
       77
       -
           accent4: '#6c71c4'

     

       103
       103
       +
           accent3Color: '#fdf6e3',

     

       104
       104
       +
           accent4: '#6c71c4',

     

       105
       105
       +
           accent4Color: '#fdf6e3',

     

       78
       106
        
         },

     

       79
       107
        
         solarizedDark: {

     

       80
       108
        
           name: 'Solarized Dark',

     
···

       83
       111
        
           descBackground: '#073642',

     

       84
       112
        
           descColor: '#fdf6e3',

     

       85
       113
        
           accent: '#d33682',

     

       114
       114
       +
           accentColor: '#002b36',

     

       86
       115
        
           accent2: '#2aa198',

     

       116
       116
       +
           accent2Color: '#002b36',

     

       87
       117
        
           accent3: '#859900',

     

       88
       88
       -
           accent4: '#6c71c4'

     

       118
       118
       +
           accent3Color: '#002b36',

     

       119
       119
       +
           accent4: '#6c71c4',

     

       120
       120
       +
           accent4Color: '#002b36',

     

       89
       121
        
         },

     

       90
       122
        
         squidgeworld: {

     

       91
       123
        
           name: 'Squidgeworld',

     
···

       93
       125
        
           color: '#f5f5dc',

     

       94
       126
        
           descBackground: '#f5f5dc',

     

       95
       127
        
           descColor: '#2a2a2a',

     

       96
       96
       -
           accent: '#fece3f',

     

       128
       128
       +
           accent: '#FFC825',

     

       129
       129
       +
           accentColor: '#f5f5dc',

     

       97
       130
        
           accent2: '#818D4C',

     

       131
       131
       +
           accent2Color: '#f5f5dc',

     

       98
       132
        
           accent3: '#6D7A34',

     

       99
       99
       -
           accent4: '#556121'

     

       133
       133
       +
           accent3Color: '#f5f5dc',

     

       134
       134
       +
           accent4: '#556121',

     

       135
       135
       +
           accent4Color: '#f5f5dc',

     

       100
       136
        
         },

     

       101
       137
        
         superlove: {

     

       102
       138
        
           name: 'Superlove',

     
···

       104
       140
        
           color: '#ffffff',

     

       105
       141
        
           descBackground: '#FFFFFF',

     

       106
       142
        
           descColor: '#2a2a2a',

     

       107
       107
       -
           accent: '#F9E4E6',

     

       143
       143
       +
           accent: '#F4C4C5',

     

       144
       144
       +
           accentColor: '#ffffff',

     

       108
       145
        
           accent2: '#a33961',

     

       146
       146
       +
           accent2Color: '#ffffff',

     

       109
       147
        
           accent3: '#87254A',

     

       110
       110
       -
           accent4: '#6A1133'

     

       148
       148
       +
           accent3Color: '#ffffff',

     

       149
       149
       +
           accent4: '#6A1133',

     

       150
       150
       +
           accent4Color: '#ffffff',

     

       111
       151
        
         },

     

       112
       152
        
         catppuccinMocha: {

     

       113
       153
        
           name: 'Catppuccin Mocha',

     
···

       116
       156
        
           descBackground: '#313244',

     

       117
       157
        
           descColor: '#bac2de',

     

       118
       158
        
           accent: '#f5e0dc',

     

       159
       159
       +
           accentColor: '#1e1e2e',

     

       119
       160
        
           accent2: '#cba6f7',

     

       161
       161
       +
           accent2Color: '#1e1e2e',

     

       120
       162
        
           accent3: '#fab387',

     

       121
       121
       -
           accent4: '#89dceb'

     

       163
       163
       +
           accent3Color: '#1e1e2e',

     

       164
       164
       +
           accent4: '#89dceb',

     

       165
       165
       +
           accent4Color: '#1e1e2e',

     

       122
       166
        
         },

     

       123
       167
        
         catppuccinLatte: {

     

       124
       168
        
           name: 'Catppuccin Latte',

     
···

       129
       173
        
           accent: '#dc8a78',

     

       130
       174
        
           accentColor: '#FFFFFF',

     

       131
       175
        
           accent2: '#8839ef',

     

       176
       176
       +
           accent2Color: '#eff1f5',

     

       132
       177
        
           accent3: '#fe640b',

     

       133
       133
       -
           accent4: '#04a5e5'

     

       178
       178
       +
           accent3Color: '#eff1f5',

     

       179
       179
       +
           accent4: '#04a5e5',

     

       180
       180
       +
           accent4Color: '#eff1f5',

     

       181
       181
       +
         },

     

       182
       182
       +
         atelierCave: {

     

       183
       183
       +
           name: 'Atelier Cave',

     

       184
       184
       +
           background: '#19171c',

     

       185
       185
       +
           color: '#655F6D',

     

       186
       186
       +
           descBackground: '#19171c',

     

       187
       187
       +
           descColor: '#E2DFE7',

     

       188
       188
       +
           accent: '#BE4678',

     

       189
       189
       +
           accentColor: '#E2DFE7',

     

       190
       190
       +
           accent2: '#2A9292',

     

       191
       191
       +
           accent2Color: '#E2DFE7',

     

       192
       192
       +
           accent3: '#AA573C',

     

       193
       193
       +
           accent3Color: '#E2DFE7',

     

       194
       194
       +
           accent4: '#A06E3B',

     

       195
       195
       +
           accent4Color: '#E2DFE7'

     

       196
       196
       +
         },

     

       197
       197
       +
         atelierDune: {

     

       198
       198
       +
           name: 'Atelier Dune',

     

       199
       199
       +
           background: '#20201d',

     

       200
       200
       +
           color: '#7D7A68',

     

       201
       201
       +
           descBackground: '#20201d',

     

       202
       202
       +
           descColor: '#7D7A68',

     

       203
       203
       +
           accent: '#D73737',

     

       204
       204
       +
           accentColor: '#FEFBEC',

     

       205
       205
       +
           accent2: '#60AC39',

     

       206
       206
       +
           accent2Color: '#FEFBEC',

     

       207
       207
       +
           accent3: '#AE9513',

     

       208
       208
       +
           accent3Color: '#FEFBEC',

     

       209
       209
       +
           accent4: '#6684E1',

     

       210
       210
       +
           accent4Color: '#FEFBEC'

     

       211
       211
       +
         },

     

       212
       212
       +
         atelierEstuary: {

     

       213
       213
       +
           name: 'Atelier Estuary',

     

       214
       214
       +
           background: '#22221b',

     

       215
       215
       +
           color: '#6C6B5A',

     

       216
       216
       +
           descBackground: '#22221b',

     

       217
       217
       +
           descColor: '#E7E6DF',

     

       218
       218
       +
           accent: '#BA6236',

     

       219
       219
       +
           accentColor: '#F4F3EC',

     

       220
       220
       +
           accent2: '#7D9726',

     

       221
       221
       +
           accent2Color: '#F4F3EC',

     

       222
       222
       +
           accent3: '#AE7313',

     

       223
       223
       +
           accent3Color: '#F4F3EC',

     

       224
       224
       +
           accent4: '#36A166',

     

       225
       225
       +
           accent4Color: '#F4F3EC'

     

       226
       226
       +
         },

     

       227
       227
       +
         atelierForest: {

     

       228
       228
       +
           name: 'Atelier Forest',

     

       229
       229
       +
           background: '#1b1918',

     

       230
       230
       +
           color: '#766E6B',

     

       231
       231
       +
           descBackground: '#1b1918',

     

       232
       232
       +
           descColor: '#F1EFEE',

     

       233
       233
       +
           accent: '#F22C40',

     

       234
       234
       +
           accentColor: '#F1EFEE',

     

       235
       235
       +
           accent2: '#7B9726',

     

       236
       236
       +
           accent2Color: '#F1EFEE',

     

       237
       237
       +
           accent3: '#DF5320',

     

       238
       238
       +
           accent3Color: '#F1EFEE',

     

       239
       239
       +
           accent4: '#407EE7',

     

       240
       240
       +
           accent4Color: '#F1EFEE'

     

       241
       241
       +
         },

     

       242
       242
       +
         atelierHeath: {

     

       243
       243
       +
           name: 'Atelier Heath',

     

       244
       244
       +
           background: '#1b1918',

     

       245
       245
       +
           color: '#776977',

     

       246
       246
       +
           descBackground: '#1b1918',

     

       247
       247
       +
           descColor: '#F7F3F7',

     

       248
       248
       +
           accent: '#CA402B',

     

       249
       249
       +
           accentColor: '#F7F3F7',

     

       250
       250
       +
           accent2: '#918B3B',

     

       251
       251
       +
           accent2Color: '#F7F3F7',

     

       252
       252
       +
           accent3: '#BB8A35',

     

       253
       253
       +
           accent3Color: '#F7F3F7',

     

       254
       254
       +
           accent4: '#516AEC',

     

       255
       255
       +
           accent4Color: '#F7F3F7'

     

       256
       256
       +
         },

     

       257
       257
       +
         atelierLakeside: {

     

       258
       258
       +
           name: 'Atelier Lakeside',

     

       259
       259
       +
           background: '#161b1d',

     

       260
       260
       +
           color: '#5A7B8C',

     

       261
       261
       +
           descBackground: '#161b1d',

     

       262
       262
       +
           descColor: '#EBF8FF',

     

       263
       263
       +
           accent: '#D22D72',

     

       264
       264
       +
           accentColor: '#EBF8FF',

     

       265
       265
       +
           accent2: '#568C3B',

     

       266
       266
       +
           accent2Color: '#EBF8FF',

     

       267
       267
       +
           accent3: '#935C25',

     

       268
       268
       +
           accent3Color: '#EBF8FF',

     

       269
       269
       +
           accent4: '#257FAD',

     

       270
       270
       +
           accent4Color: '#EBF8FF'

     

       271
       271
       +
         },

     

       272
       272
       +
         atelierPlateau: {

     

       273
       273
       +
           name: 'Atelier Plateau',

     

       274
       274
       +
           background: '#1b1818',

     

       275
       275
       +
           color: '#655D5D',

     

       276
       276
       +
           descBackground: '#1b1818',

     

       277
       277
       +
           descColor: '#F4ECEC',

     

       278
       278
       +
           accent: '#CA4949',

     

       279
       279
       +
           accentColor: '#F4ECEC',

     

       280
       280
       +
           accent2: '#4B8B8B',

     

       281
       281
       +
           accent2Color: '#F4ECEC',

     

       282
       282
       +
           accent3: '#A06E3B',

     

       283
       283
       +
           accent3Color: '#F4ECEC',

     

       284
       284
       +
           accent4: '#7272CA',

     

       285
       285
       +
           accent4Color: '#F4ECEC'

     

       134
       286
        
         }

     

       135
       287
        
       }

     

       136
       288