@bagelink/vue 0.0.694 → 0.0.696

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/style.css +40 -40
  2. package/package.json +1 -1
  3. package/src/styles/appearance.css +40 -40
package/dist/style.css CHANGED
@@ -7618,118 +7618,118 @@ select {
7618
7618
  .color-green {
7619
7619
  color: var(--bgl-green) !important;
7620
7620
  }
7621
- .bg-input-white input {
7621
+ .bg-input-white input, .bg-input-white .selectinput-btn {
7622
7622
  background: var(--bgl-white) !important;
7623
7623
  }
7624
7624
  .color-input-white input {
7625
7625
  color: var(--bgl-white) !important;
7626
7626
  }
7627
- .bg-input-primary input {
7627
+ .bg-input-primary input, .bg-input-primary .selectinput-btn {
7628
7628
  background: var(--bgl-primary) !important;
7629
7629
  }
7630
7630
  .color-input-primary input {
7631
7631
  color: var(--bgl-primary) !important;
7632
7632
  }
7633
- .bg-input-primary-tint input {
7633
+ .bg-input-primary-tint input, .bg-input-primary-tint .selectinput-btn {
7634
7634
  background: var(--bgl-primary-tint) !important;
7635
7635
  }
7636
7636
  .color-input-primary-tint input {
7637
7637
  color: var(--bgl-primary-tint) !important;
7638
7638
  }
7639
- .bg-input-primary-light input {
7639
+ .bg-input-primary-light input, .bg-input-primary-light .selectinput-btn {
7640
7640
  background: var(--bgl-primary-light) !important;
7641
7641
  }
7642
7642
  .color-input-primary-light input {
7643
7643
  color: var(--bgl-primary-light) !important;
7644
7644
  }
7645
- .bg-input-blue-20 input {
7645
+ .bg-input-blue-20 input, .bg-input-blue-20 .selectinput-btn {
7646
7646
  background: var(--bgl-blue-20) !important;
7647
7647
  }
7648
7648
  .color-input-blue-20 input {
7649
7649
  color: var(--bgl-blue-20) !important;
7650
7650
  }
7651
- .bg-input-blue-dark input {
7651
+ .bg-input-blue-dark input, .bg-input-blue-dark .selectinput-btn {
7652
7652
  background: var(--bgl-blue-dark) !important;
7653
7653
  }
7654
7654
  .color-input-blue-dark input {
7655
7655
  color: var(--bgl-blue-dark) !important;
7656
7656
  }
7657
- .bg-input-blue-light input {
7657
+ .bg-input-blue-light input, .bg-input-blue-light .selectinput-btn {
7658
7658
  background: var(--bgl-blue-light) !important;
7659
7659
  }
7660
7660
  .color-input-blue-light input {
7661
7661
  color: var(--bgl-blue-light) !important;
7662
7662
  }
7663
- .bg-input-black input {
7663
+ .bg-input-black input, .bg-input-black .selectinput-btn {
7664
7664
  background: var(--bgl-black) !important;
7665
7665
  }
7666
7666
  .color-input-black input {
7667
7667
  color: var(--bgl-black) !important;
7668
7668
  }
7669
- .bg-input-black-tint input {
7669
+ .bg-input-black-tint input, .bg-input-black-tint .selectinput-btn {
7670
7670
  background: var(--bgl-black-tint) !important;
7671
7671
  }
7672
7672
  .color-input-black-tint input {
7673
7673
  color: var(--bgl-black-tint) !important;
7674
7674
  }
7675
- .bg-input-gray input {
7675
+ .bg-input-gray input, .bg-input-gray .selectinput-btn {
7676
7676
  background: var(--bgl-gray) !important;
7677
7677
  }
7678
7678
  .color-input-gray input {
7679
7679
  color: var(--bgl-gray) !important;
7680
7680
  }
7681
- .bg-input-gray-light input {
7681
+ .bg-input-gray-light input, .bg-input-gray-light .selectinput-btn {
7682
7682
  background: var(--bgl-gray-light) !important;
7683
7683
  }
7684
7684
  .color-input-gray-light input {
7685
7685
  color: var(--bgl-gray-light) !important;
7686
7686
  }
7687
- .bg-input-gray-80 input {
7687
+ .bg-input-gray-80 input, .bg-input-gray-80 .selectinput-btn {
7688
7688
  background: var(--bgl-gray-80) !important;
7689
7689
  }
7690
7690
  .color-input-gray-80 input {
7691
7691
  color: var(--bgl-gray-80) !important;
7692
7692
  }
7693
- .bg-input-gray-20 input {
7693
+ .bg-input-gray-20 input, .bg-input-gray-20 .selectinput-btn {
7694
7694
  background: var(--bgl-gray-20) !important;
7695
7695
  }
7696
7696
  .color-input-gray-20 input {
7697
7697
  color: var(--bgl-gray-20) !important;
7698
7698
  }
7699
- .bg-input-pink input {
7699
+ .bg-input-pink input, .bg-input-pink .selectinput-btn {
7700
7700
  background: var(--bgl-pink) !important;
7701
7701
  }
7702
7702
  .color-input-pink input {
7703
7703
  color: var(--bgl-pink) !important;
7704
7704
  }
7705
- .bg-input-red input {
7705
+ .bg-input-red input, .bg-input-red .selectinput-btn {
7706
7706
  background: var(--bgl-red) !important;
7707
7707
  }
7708
7708
  .color-input-red input {
7709
7709
  color: var(--bgl-red) !important;
7710
7710
  }
7711
- .bg-input-red-tint input {
7711
+ .bg-input-red-tint input, .bg-input-red-tint .selectinput-btn {
7712
7712
  background: var(--bgl-red-tint) !important;
7713
7713
  }
7714
7714
  .color-input-red-tint input {
7715
7715
  color: var(--bgl-red-tint) !important;
7716
7716
  }
7717
- .bg-input-yellow input {
7717
+ .bg-input-yellow input, .bg-input-yellow .selectinput-btn {
7718
7718
  background: var(--bgl-yellow) !important;
7719
7719
  }
7720
7720
  .color-input-yellow input {
7721
7721
  color: var(--bgl-yellow) !important;
7722
7722
  }
7723
- .bg-input-yellow-light input {
7723
+ .bg-input-yellow-light input, .bg-input-yellow-light .selectinput-btn {
7724
7724
  background: var(--bgl-yellow-light) !important;
7725
7725
  }
7726
7726
  .color-input-yellow-light input {
7727
7727
  color: var(--bgl-yellow-light) !important;
7728
7728
  }
7729
- .bg-input-green input {
7729
+ .bg-input-green input, .bg-input-green .selectinput-btn {
7730
7730
  background: var(--bgl-green) !important;
7731
7731
  }
7732
- .bg-input-transparent input {
7732
+ .bg-input-transparent input, .bg-input-transparent .selectinput-btn {
7733
7733
  background: transparent !important;
7734
7734
  }
7735
7735
  .color-input-green input {
@@ -8061,7 +8061,7 @@ select {
8061
8061
  background: transparent !important;
8062
8062
  }
8063
8063
 
8064
- .m_bg-input-white input {
8064
+ .m_bg-input-white input, .m_bg-input-white .selectinput-btn {
8065
8065
  background: var(--bgl-white) !important;
8066
8066
  }
8067
8067
 
@@ -8069,7 +8069,7 @@ select {
8069
8069
  color: var(--bgl-white) !important;
8070
8070
  }
8071
8071
 
8072
- .m_bg-input-primary input {
8072
+ .m_bg-input-primary input, .m_bg-input-primary .selectinput-btn {
8073
8073
  background: var(--bgl-primary) !important;
8074
8074
  }
8075
8075
 
@@ -8077,7 +8077,7 @@ select {
8077
8077
  color: var(--bgl-primary) !important;
8078
8078
  }
8079
8079
 
8080
- .m_bg-input-primary-tint input {
8080
+ .m_bg-input-primary-tint input, .m_bg-input-primary-tint .selectinput-btn {
8081
8081
  background: var(--bgl-primary-tint) !important;
8082
8082
  }
8083
8083
 
@@ -8085,7 +8085,7 @@ select {
8085
8085
  color: var(--bgl-primary-tint) !important;
8086
8086
  }
8087
8087
 
8088
- .m_bg-input-primary-light input {
8088
+ .m_bg-input-primary-light input, .m_bg-input-primary-light .selectinput-btn {
8089
8089
  background: var(--bgl-primary-light) !important;
8090
8090
  }
8091
8091
 
@@ -8093,7 +8093,7 @@ select {
8093
8093
  color: var(--bgl-primary-light) !important;
8094
8094
  }
8095
8095
 
8096
- .m_bg-input-blue-20 input {
8096
+ .m_bg-input-blue-20 input, .m_bg-input-blue-20 .selectinput-btn {
8097
8097
  background: var(--bgl-blue-20) !important;
8098
8098
  }
8099
8099
 
@@ -8101,7 +8101,7 @@ select {
8101
8101
  color: var(--bgl-blue-20) !important;
8102
8102
  }
8103
8103
 
8104
- .m_bg-input-blue-dark input {
8104
+ .m_bg-input-blue-dark input, .m_bg-input-blue-dark .selectinput-btn {
8105
8105
  background: var(--bgl-blue-dark) !important;
8106
8106
  }
8107
8107
 
@@ -8109,7 +8109,7 @@ select {
8109
8109
  color: var(--bgl-blue-dark) !important;
8110
8110
  }
8111
8111
 
8112
- .m_bg-input-blue-light input {
8112
+ .m_bg-input-blue-light input, .m_bg-input-blue-light .selectinput-btn {
8113
8113
  background: var(--bgl-blue-light) !important;
8114
8114
  }
8115
8115
 
@@ -8117,7 +8117,7 @@ select {
8117
8117
  color: var(--bgl-blue-light) !important;
8118
8118
  }
8119
8119
 
8120
- .m_bg-input-black input {
8120
+ .m_bg-input-black input, .m_bg-input-black .selectinput-btn {
8121
8121
  background: var(--bgl-black) !important;
8122
8122
  }
8123
8123
 
@@ -8125,7 +8125,7 @@ select {
8125
8125
  color: var(--bgl-black) !important;
8126
8126
  }
8127
8127
 
8128
- .m_bg-input-black-tint input {
8128
+ .m_bg-input-black-tint input, .m_bg-input-black-tint .selectinput-btn {
8129
8129
  background: var(--bgl-black-tint) !important;
8130
8130
  }
8131
8131
 
@@ -8133,7 +8133,7 @@ select {
8133
8133
  color: var(--bgl-black-tint) !important;
8134
8134
  }
8135
8135
 
8136
- .m_bg-input-gray input {
8136
+ .m_bg-input-gray input, .m_bg-input-gray .selectinput-btn {
8137
8137
  background: var(--bgl-gray) !important;
8138
8138
  }
8139
8139
 
@@ -8141,7 +8141,7 @@ select {
8141
8141
  color: var(--bgl-gray) !important;
8142
8142
  }
8143
8143
 
8144
- .m_bg-input-gray-light input {
8144
+ .m_bg-input-gray-light input, .m_bg-input-gray-light .selectinput-btn {
8145
8145
  background: var(--bgl-gray-light) !important;
8146
8146
  }
8147
8147
 
@@ -8149,7 +8149,7 @@ select {
8149
8149
  color: var(--bgl-gray-light) !important;
8150
8150
  }
8151
8151
 
8152
- .m_bg-input-gray-80 input {
8152
+ .m_bg-input-gray-80 input, .m_bg-input-gray-80 .selectinput-btn {
8153
8153
  background: var(--bgl-gray-80) !important;
8154
8154
  }
8155
8155
 
@@ -8157,7 +8157,7 @@ select {
8157
8157
  color: var(--bgl-gray-80) !important;
8158
8158
  }
8159
8159
 
8160
- .m_bg-input-gray-20 input {
8160
+ .m_bg-input-gray-20 input, .m_bg-input-gray-20 .selectinput-btn {
8161
8161
  background: var(--bgl-gray-20) !important;
8162
8162
  }
8163
8163
 
@@ -8165,7 +8165,7 @@ select {
8165
8165
  color: var(--bgl-gray-20) !important;
8166
8166
  }
8167
8167
 
8168
- .m_bg-input-pink input {
8168
+ .m_bg-input-pink input, .m_bg-input-pink .selectinput-btn {
8169
8169
  background: var(--bgl-pink) !important;
8170
8170
  }
8171
8171
 
@@ -8173,7 +8173,7 @@ select {
8173
8173
  color: var(--bgl-pink) !important;
8174
8174
  }
8175
8175
 
8176
- .m_bg-input-red input {
8176
+ .m_bg-input-red input, .m_bg-input-red .selectinput-btn {
8177
8177
  background: var(--bgl-red) !important;
8178
8178
  }
8179
8179
 
@@ -8181,7 +8181,7 @@ select {
8181
8181
  color: var(--bgl-red) !important;
8182
8182
  }
8183
8183
 
8184
- .m_bg-input-red-tint input {
8184
+ .m_bg-input-red-tint input, .m_bg-input-red-tint .selectinput-btn {
8185
8185
  background: var(--bgl-red-tint) !important;
8186
8186
  }
8187
8187
 
@@ -8189,7 +8189,7 @@ select {
8189
8189
  color: var(--bgl-red-tint) !important;
8190
8190
  }
8191
8191
 
8192
- .m_bg-input-yellow input {
8192
+ .m_bg-input-yellow input, .m_bg-input-yellow .selectinput-btn {
8193
8193
  background: var(--bgl-yellow) !important;
8194
8194
  }
8195
8195
 
@@ -8197,7 +8197,7 @@ select {
8197
8197
  color: var(--bgl-yellow) !important;
8198
8198
  }
8199
8199
 
8200
- .m_bg-input-yellow-light input {
8200
+ .m_bg-input-yellow-light input, .m_bg-input-yellow-light .selectinput-btn {
8201
8201
  background: var(--bgl-yellow-light) !important;
8202
8202
  }
8203
8203
 
@@ -8205,7 +8205,7 @@ select {
8205
8205
  color: var(--bgl-yellow-light) !important;
8206
8206
  }
8207
8207
 
8208
- .m_bg-input-green input {
8208
+ .m_bg-input-green input, .m_bg-input-green .selectinput-btn {
8209
8209
  background: var(--bgl-green) !important;
8210
8210
  }
8211
8211
 
@@ -8213,7 +8213,7 @@ select {
8213
8213
  color: var(--bgl-green) !important;
8214
8214
  }
8215
8215
 
8216
- .m_bg-input-transparent input {
8216
+ .m_bg-input-transparent input, .m_bg-input-transparent .selectinput-btn {
8217
8217
  background: transparent !important;
8218
8218
  }
8219
8219
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "0.0.694",
4
+ "version": "0.0.696",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Neveh Allon",
package/src/styles/appearance.css CHANGED
@@ -264,7 +264,7 @@
264
264
  color: var(--bgl-green) !important;
265
265
  }
266
266
 
267
- .bg-input-white input {
267
+ .bg-input-white input, .bg-input-white .selectinput-btn {
268
268
  background: var(--bgl-white) !important;
269
269
  }
270
270
 
@@ -272,7 +272,7 @@
272
272
  color: var(--bgl-white) !important;
273
273
  }
274
274
 
275
- .bg-input-primary input {
275
+ .bg-input-primary input, .bg-input-primary .selectinput-btn {
276
276
  background: var(--bgl-primary) !important;
277
277
  }
278
278
 
@@ -280,7 +280,7 @@
280
280
  color: var(--bgl-primary) !important;
281
281
  }
282
282
 
283
- .bg-input-primary-tint input {
283
+ .bg-input-primary-tint input, .bg-input-primary-tint .selectinput-btn {
284
284
  background: var(--bgl-primary-tint) !important;
285
285
  }
286
286
 
@@ -288,7 +288,7 @@
288
288
  color: var(--bgl-primary-tint) !important;
289
289
  }
290
290
 
291
- .bg-input-primary-light input {
291
+ .bg-input-primary-light input, .bg-input-primary-light .selectinput-btn {
292
292
  background: var(--bgl-primary-light) !important;
293
293
  }
294
294
 
@@ -296,7 +296,7 @@
296
296
  color: var(--bgl-primary-light) !important;
297
297
  }
298
298
 
299
- .bg-input-blue-20 input {
299
+ .bg-input-blue-20 input, .bg-input-blue-20 .selectinput-btn {
300
300
  background: var(--bgl-blue-20) !important;
301
301
  }
302
302
 
@@ -304,7 +304,7 @@
304
304
  color: var(--bgl-blue-20) !important;
305
305
  }
306
306
 
307
- .bg-input-blue-dark input {
307
+ .bg-input-blue-dark input, .bg-input-blue-dark .selectinput-btn {
308
308
  background: var(--bgl-blue-dark) !important;
309
309
  }
310
310
 
@@ -312,7 +312,7 @@
312
312
  color: var(--bgl-blue-dark) !important;
313
313
  }
314
314
 
315
- .bg-input-blue-light input {
315
+ .bg-input-blue-light input, .bg-input-blue-light .selectinput-btn {
316
316
  background: var(--bgl-blue-light) !important;
317
317
  }
318
318
 
@@ -320,7 +320,7 @@
320
320
  color: var(--bgl-blue-light) !important;
321
321
  }
322
322
 
323
- .bg-input-black input {
323
+ .bg-input-black input, .bg-input-black .selectinput-btn {
324
324
  background: var(--bgl-black) !important;
325
325
  }
326
326
 
@@ -328,7 +328,7 @@
328
328
  color: var(--bgl-black) !important;
329
329
  }
330
330
 
331
- .bg-input-black-tint input {
331
+ .bg-input-black-tint input, .bg-input-black-tint .selectinput-btn {
332
332
  background: var(--bgl-black-tint) !important;
333
333
  }
334
334
 
@@ -336,7 +336,7 @@
336
336
  color: var(--bgl-black-tint) !important;
337
337
  }
338
338
 
339
- .bg-input-gray input {
339
+ .bg-input-gray input, .bg-input-gray .selectinput-btn {
340
340
  background: var(--bgl-gray) !important;
341
341
  }
342
342
 
@@ -344,7 +344,7 @@
344
344
  color: var(--bgl-gray) !important;
345
345
  }
346
346
 
347
- .bg-input-gray-light input {
347
+ .bg-input-gray-light input, .bg-input-gray-light .selectinput-btn {
348
348
  background: var(--bgl-gray-light) !important;
349
349
  }
350
350
 
@@ -352,7 +352,7 @@
352
352
  color: var(--bgl-gray-light) !important;
353
353
  }
354
354
 
355
- .bg-input-gray-80 input {
355
+ .bg-input-gray-80 input, .bg-input-gray-80 .selectinput-btn {
356
356
  background: var(--bgl-gray-80) !important;
357
357
  }
358
358
 
@@ -360,7 +360,7 @@
360
360
  color: var(--bgl-gray-80) !important;
361
361
  }
362
362
 
363
- .bg-input-gray-20 input {
363
+ .bg-input-gray-20 input, .bg-input-gray-20 .selectinput-btn {
364
364
  background: var(--bgl-gray-20) !important;
365
365
  }
366
366
 
@@ -368,7 +368,7 @@
368
368
  color: var(--bgl-gray-20) !important;
369
369
  }
370
370
 
371
- .bg-input-pink input {
371
+ .bg-input-pink input, .bg-input-pink .selectinput-btn {
372
372
  background: var(--bgl-pink) !important;
373
373
  }
374
374
 
@@ -376,7 +376,7 @@
376
376
  color: var(--bgl-pink) !important;
377
377
  }
378
378
 
379
- .bg-input-red input {
379
+ .bg-input-red input, .bg-input-red .selectinput-btn {
380
380
  background: var(--bgl-red) !important;
381
381
  }
382
382
 
@@ -384,7 +384,7 @@
384
384
  color: var(--bgl-red) !important;
385
385
  }
386
386
 
387
- .bg-input-red-tint input {
387
+ .bg-input-red-tint input, .bg-input-red-tint .selectinput-btn {
388
388
  background: var(--bgl-red-tint) !important;
389
389
  }
390
390
 
@@ -392,7 +392,7 @@
392
392
  color: var(--bgl-red-tint) !important;
393
393
  }
394
394
 
395
- .bg-input-yellow input {
395
+ .bg-input-yellow input, .bg-input-yellow .selectinput-btn {
396
396
  background: var(--bgl-yellow) !important;
397
397
  }
398
398
 
@@ -400,7 +400,7 @@
400
400
  color: var(--bgl-yellow) !important;
401
401
  }
402
402
 
403
- .bg-input-yellow-light input {
403
+ .bg-input-yellow-light input, .bg-input-yellow-light .selectinput-btn {
404
404
  background: var(--bgl-yellow-light) !important;
405
405
  }
406
406
 
@@ -408,11 +408,11 @@
408
408
  color: var(--bgl-yellow-light) !important;
409
409
  }
410
410
 
411
- .bg-input-green input {
411
+ .bg-input-green input, .bg-input-green .selectinput-btn {
412
412
  background: var(--bgl-green) !important;
413
413
  }
414
414
 
415
- .bg-input-transparent input {
415
+ .bg-input-transparent input, .bg-input-transparent .selectinput-btn {
416
416
  background: transparent !important;
417
417
  }
418
418
 
@@ -769,7 +769,7 @@
769
769
  background: transparent !important;
770
770
  }
771
771
 
772
- .m_bg-input-white input {
772
+ .m_bg-input-white input, .m_bg-input-white .selectinput-btn {
773
773
  background: var(--bgl-white) !important;
774
774
  }
775
775
 
@@ -777,7 +777,7 @@
777
777
  color: var(--bgl-white) !important;
778
778
  }
779
779
 
780
- .m_bg-input-primary input {
780
+ .m_bg-input-primary input, .m_bg-input-primary .selectinput-btn {
781
781
  background: var(--bgl-primary) !important;
782
782
  }
783
783
 
@@ -785,7 +785,7 @@
785
785
  color: var(--bgl-primary) !important;
786
786
  }
787
787
 
788
- .m_bg-input-primary-tint input {
788
+ .m_bg-input-primary-tint input, .m_bg-input-primary-tint .selectinput-btn {
789
789
  background: var(--bgl-primary-tint) !important;
790
790
  }
791
791
 
@@ -793,7 +793,7 @@
793
793
  color: var(--bgl-primary-tint) !important;
794
794
  }
795
795
 
796
- .m_bg-input-primary-light input {
796
+ .m_bg-input-primary-light input, .m_bg-input-primary-light .selectinput-btn {
797
797
  background: var(--bgl-primary-light) !important;
798
798
  }
799
799
 
@@ -801,7 +801,7 @@
801
801
  color: var(--bgl-primary-light) !important;
802
802
  }
803
803
 
804
- .m_bg-input-blue-20 input {
804
+ .m_bg-input-blue-20 input, .m_bg-input-blue-20 .selectinput-btn {
805
805
  background: var(--bgl-blue-20) !important;
806
806
  }
807
807
 
@@ -809,7 +809,7 @@
809
809
  color: var(--bgl-blue-20) !important;
810
810
  }
811
811
 
812
- .m_bg-input-blue-dark input {
812
+ .m_bg-input-blue-dark input, .m_bg-input-blue-dark .selectinput-btn {
813
813
  background: var(--bgl-blue-dark) !important;
814
814
  }
815
815
 
@@ -817,7 +817,7 @@
817
817
  color: var(--bgl-blue-dark) !important;
818
818
  }
819
819
 
820
- .m_bg-input-blue-light input {
820
+ .m_bg-input-blue-light input, .m_bg-input-blue-light .selectinput-btn {
821
821
  background: var(--bgl-blue-light) !important;
822
822
  }
823
823
 
@@ -825,7 +825,7 @@
825
825
  color: var(--bgl-blue-light) !important;
826
826
  }
827
827
 
828
- .m_bg-input-black input {
828
+ .m_bg-input-black input, .m_bg-input-black .selectinput-btn {
829
829
  background: var(--bgl-black) !important;
830
830
  }
831
831
 
@@ -833,7 +833,7 @@
833
833
  color: var(--bgl-black) !important;
834
834
  }
835
835
 
836
- .m_bg-input-black-tint input {
836
+ .m_bg-input-black-tint input, .m_bg-input-black-tint .selectinput-btn {
837
837
  background: var(--bgl-black-tint) !important;
838
838
  }
839
839
 
@@ -841,7 +841,7 @@
841
841
  color: var(--bgl-black-tint) !important;
842
842
  }
843
843
 
844
- .m_bg-input-gray input {
844
+ .m_bg-input-gray input, .m_bg-input-gray .selectinput-btn {
845
845
  background: var(--bgl-gray) !important;
846
846
  }
847
847
 
@@ -849,7 +849,7 @@
849
849
  color: var(--bgl-gray) !important;
850
850
  }
851
851
 
852
- .m_bg-input-gray-light input {
852
+ .m_bg-input-gray-light input, .m_bg-input-gray-light .selectinput-btn {
853
853
  background: var(--bgl-gray-light) !important;
854
854
  }
855
855
 
@@ -857,7 +857,7 @@
857
857
  color: var(--bgl-gray-light) !important;
858
858
  }
859
859
 
860
- .m_bg-input-gray-80 input {
860
+ .m_bg-input-gray-80 input, .m_bg-input-gray-80 .selectinput-btn {
861
861
  background: var(--bgl-gray-80) !important;
862
862
  }
863
863
 
@@ -865,7 +865,7 @@
865
865
  color: var(--bgl-gray-80) !important;
866
866
  }
867
867
 
868
- .m_bg-input-gray-20 input {
868
+ .m_bg-input-gray-20 input, .m_bg-input-gray-20 .selectinput-btn {
869
869
  background: var(--bgl-gray-20) !important;
870
870
  }
871
871
 
@@ -873,7 +873,7 @@
873
873
  color: var(--bgl-gray-20) !important;
874
874
  }
875
875
 
876
- .m_bg-input-pink input {
876
+ .m_bg-input-pink input, .m_bg-input-pink .selectinput-btn {
877
877
  background: var(--bgl-pink) !important;
878
878
  }
879
879
 
@@ -881,7 +881,7 @@
881
881
  color: var(--bgl-pink) !important;
882
882
  }
883
883
 
884
- .m_bg-input-red input {
884
+ .m_bg-input-red input, .m_bg-input-red .selectinput-btn {
885
885
  background: var(--bgl-red) !important;
886
886
  }
887
887
 
@@ -889,7 +889,7 @@
889
889
  color: var(--bgl-red) !important;
890
890
  }
891
891
 
892
- .m_bg-input-red-tint input {
892
+ .m_bg-input-red-tint input, .m_bg-input-red-tint .selectinput-btn {
893
893
  background: var(--bgl-red-tint) !important;
894
894
  }
895
895
 
@@ -897,7 +897,7 @@
897
897
  color: var(--bgl-red-tint) !important;
898
898
  }
899
899
 
900
- .m_bg-input-yellow input {
900
+ .m_bg-input-yellow input, .m_bg-input-yellow .selectinput-btn {
901
901
  background: var(--bgl-yellow) !important;
902
902
  }
903
903
 
@@ -905,7 +905,7 @@
905
905
  color: var(--bgl-yellow) !important;
906
906
  }
907
907
 
908
- .m_bg-input-yellow-light input {
908
+ .m_bg-input-yellow-light input, .m_bg-input-yellow-light .selectinput-btn {
909
909
  background: var(--bgl-yellow-light) !important;
910
910
  }
911
911
 
@@ -913,7 +913,7 @@
913
913
  color: var(--bgl-yellow-light) !important;
914
914
  }
915
915
 
916
- .m_bg-input-green input {
916
+ .m_bg-input-green input, .m_bg-input-green .selectinput-btn {
917
917
  background: var(--bgl-green) !important;
918
918
  }
919
919
 
@@ -921,7 +921,7 @@
921
921
  color: var(--bgl-green) !important;
922
922
  }
923
923
 
924
- .m_bg-input-transparent input {
924
+ .m_bg-input-transparent input, .m_bg-input-transparent .selectinput-btn {
925
925
  background: transparent !important;
926
926
  }
927
927