widget/themesConfig.json at main · simplepay-ai/widget · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
{
  "themes": {
    "light": {
      "--sp-widget-bg-color": "rgb(255 255 255)",
      "--sp-widget-secondary-bg-color": "rgb(244 244 245)",

      "--sp-widget-text-color": "rgb(0 0 0)",
      "--sp-widget-secondary-text-color": "rgb(133 133 133)",
      "--sp-widget-destructive-text-color": "rgb(255 105 105)",

      "--sp-widget-separator-color": "rgb(228 228 231)",
      "--sp-widget-border-color": "rgb(239 239 239)",

      "--sp-widget-active-color": "rgb(59 130 246)",

      "--sp-widget-scroll-color": "rgb(228 228 231)",

      "--sp-widget-badge-bg-color": "rgb(228 228 231)",
      "--sp-widget-badge-text-color": "rgb(0 0 0)",
      "--sp-widget-badge-border-color": "rgb(228 228 231)",

      "--sp-widget-primary-button-color": "rgb(59 130 246)",
      "--sp-widget-primary-button-text-color": "rgb(255 255 255)",
      "--sp-widget-primary-button-border-color": "rgb(59 130 246)",
      "--sp-widget-primary-button-hover-color": "rgb(88 151 255)",
      "--sp-widget-primary-button-hover-text-color": "rgb(255 255 255)",
      "--sp-widget-primary-button-hover-border-color": "rgb(88 151 255)",

      "--sp-widget-cancel-button-color": "rgb(244 244 245)",
      "--sp-widget-cancel-button-text-color": "rgb(0 0 0)",
      "--sp-widget-cancel-button-border-color": "rgb(239 239 239)",
      "--sp-widget-cancel-button-hover-color": "rgb(251 251 251)",
      "--sp-widget-cancel-button-hover-text-color": "rgb(0 0 0)",
      "--sp-widget-cancel-button-hover-border-color": "rgb(239 239 239)",

      "--sp-widget-back-button-color": "rgb(59 130 246)",
      "--sp-widget-back-button-text-color": "rgb(255 255 255)",
      "--sp-widget-back-button-border-color": "rgb(59 130 246)",
      "--sp-widget-back-button-hover-color": "rgb(88 151 255)",
      "--sp-widget-back-button-hover-text-color": "rgb(255 255 255)",
      "--sp-widget-back-button-hover-border-color": "rgb(88 151 255)",

      "--sp-widget-function-button-color": "rgb(255 255 255)",
      "--sp-widget-function-button-text-color": "rgb(0 0 0)",
      "--sp-widget-function-button-border-color": "rgb(228 228 231)",
      "--sp-widget-function-button-hover-color": "rgb(251 251 251)",
      "--sp-widget-function-button-hover-text-color": "rgb(59 130 246)",
      "--sp-widget-function-button-hover-border-color": "rgb(228 228 231)",

      "--sp-widget-input-bg-color": "rgb(255 255 255)",
      "--sp-widget-input-color": "rgb(0 0 0)",
      "--sp-widget-input-placeholder-color": "rgb(133 133 133)",
      "--sp-widget-input-border-color": "rgb(239 239 239)",
      "--sp-widget-input-active-border-color": "rgb(59 130 246)"
    },
    "dark": {
      "--sp-widget-bg-color": "rgb(34 34 34)",
      "--sp-widget-secondary-bg-color": "rgb(17 17 17)",

      "--sp-widget-text-color": "rgb(255 255 255)",
      "--sp-widget-secondary-text-color": "rgb(160 160 160)",
      "--sp-widget-destructive-text-color": "rgb(255 105 105)",

      "--sp-widget-separator-color": "rgb(62 62 62)",
      "--sp-widget-border-color": "rgb(42 42 42)",

      "--sp-widget-active-color": "rgb(59 130 246)",

      "--sp-widget-scroll-color": "rgb(85 85 85)",

      "--sp-widget-badge-bg-color": "rgb(228 228 231)",
      "--sp-widget-badge-text-color": "rgb(0 0 0)",
      "--sp-widget-badge-border-color": "rgb(228 228 231)",

      "--sp-widget-primary-button-color": "rgb(59 130 246)",
      "--sp-widget-primary-button-text-color": "rgb(255 255 255)",
      "--sp-widget-primary-button-border-color": "rgb(59 130 246)",
      "--sp-widget-primary-button-hover-color": "rgb(88 151 255)",
      "--sp-widget-primary-button-hover-text-color": "rgb(255 255 255)",
      "--sp-widget-primary-button-hover-border-color": "rgb(88 151 255)",

      "--sp-widget-cancel-button-color": "rgb(45 45 45)",
      "--sp-widget-cancel-button-text-color": "rgb(255 255 255)",
      "--sp-widget-cancel-button-border-color": "rgb(85 85 85)",
      "--sp-widget-cancel-button-hover-color": "rgb(55 55 55)",
      "--sp-widget-cancel-button-hover-text-color": "rgb(255 255 255)",
      "--sp-widget-cancel-button-hover-border-color": "rgb(85 85 85)",

      "--sp-widget-back-button-color": "rgb(59 130 246)",
      "--sp-widget-back-button-text-color": "rgb(255 255 255)",
      "--sp-widget-back-button-border-color": "rgb(59 130 246)",
      "--sp-widget-back-button-hover-color": "rgb(88 151 255)",
      "--sp-widget-back-button-hover-text-color": "rgb(255 255 255)",
      "--sp-widget-back-button-hover-border-color": "rgb(88 151 255)",

      "--sp-widget-function-button-color": "rgb(34 34 34)",
      "--sp-widget-function-button-text-color": "rgb(255 255 255)",
      "--sp-widget-function-button-border-color": "rgb(85 85 85)",
      "--sp-widget-function-button-hover-color": "rgb(45 45 45)",
      "--sp-widget-function-button-hover-text-color": "rgb(59 130 246)",
      "--sp-widget-function-button-hover-border-color": "rgb(85 85 85)",

      "--sp-widget-input-bg-color": "rgb(34 34 34)",
      "--sp-widget-input-color": "rgb(255 255 255)",
      "--sp-widget-input-placeholder-color": "rgb(160 160 160)",
      "--sp-widget-input-border-color": "rgb(85 85 85)",
      "--sp-widget-input-active-border-color": "rgb(59 130 246)"
    }
  }
}