@proulr/sdui-components 0.1.40 → 0.1.43

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/renderer/theme/proulr-theme.ts +53 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proulr/sdui-components",
3
- "version": "0.1.40",
3
+ "version": "0.1.43",
4
4
  "type": "module",
5
5
  "main": "./src/renderer/index.ts",
6
6
  "types": "./src/renderer/index.ts",
package/src/renderer/theme/proulr-theme.ts CHANGED
@@ -98,6 +98,7 @@ export const colors = {
98
98
  onlineSoft: 'rgba(52,255,136,0.18)',
99
99
  danger: '#FF4444',
100
100
  dangerSoft: 'rgba(255,68,68,0.22)',
101
+ dangerSoft18: 'rgba(239,68,68,0.18)',
101
102
  overlay: 'rgba(0,0,0,0.78)',
102
103
  surfaceGlass: 'rgba(255,255,255,0.06)',
103
104
  /** Pílula / chrome sem BlurView — preto OLED. */
@@ -110,8 +111,55 @@ export const colors = {
110
111
  scrollbarThumb: 'rgba(255, 255, 255, 0.28)',
111
112
  scrollbarThumbHover: 'rgba(255, 255, 255, 0.45)',
112
113
  primary: '#D946EF',
114
+ primarySoft18: 'rgba(217,70,239,0.18)',
115
+ primarySoft35: 'rgba(217,70,239,0.35)',
113
116
  onSurface: '#FFFFFF',
114
117
  onSurfaceVariant: '#A3A3A3',
118
+ shadow: '#000',
119
+ whiteAlpha08: 'rgba(255,255,255,0.08)',
120
+ whiteAlpha12: 'rgba(255,255,255,0.12)',
121
+ whiteAlpha16: 'rgba(255,255,255,0.16)',
122
+ whiteAlpha22: 'rgba(255,255,255,0.22)',
123
+ whiteAlpha28: 'rgba(255,255,255,0.28)',
124
+ whiteAlpha35: 'rgba(255,255,255,0.35)',
125
+ whiteAlpha38: 'rgba(255,255,255,0.38)',
126
+ whiteAlpha72: 'rgba(255,255,255,0.72)',
127
+ whiteAlpha78: 'rgba(255,255,255,0.78)',
128
+ whiteAlpha82: 'rgba(255,255,255,0.82)',
129
+ whiteAlpha88: 'rgba(255,255,255,0.88)',
130
+ blackAlpha08: 'rgba(0,0,0,0.08)',
131
+ blackAlpha10: 'rgba(0,0,0,0.1)',
132
+ blackAlpha12: 'rgba(0,0,0,0.12)',
133
+ blackAlpha14: 'rgba(0,0,0,0.14)',
134
+ blackAlpha18: 'rgba(0,0,0,0.18)',
135
+ blackAlpha28: 'rgba(0,0,0,0.28)',
136
+ blackAlpha30: 'rgba(0,0,0,0.3)',
137
+ blackAlpha35: 'rgba(0,0,0,0.35)',
138
+ blackAlpha40: 'rgba(0,0,0,0.4)',
139
+ blackAlpha45: 'rgba(0,0,0,0.45)',
140
+ blackAlpha48: 'rgba(0,0,0,0.48)',
141
+ blackAlpha38: 'rgba(0,0,0,0.38)',
142
+ blackAlpha50: 'rgba(0,0,0,0.5)',
143
+ blackAlpha55: 'rgba(0,0,0,0.55)',
144
+ blackAlpha60: 'rgba(0,0,0,0.6)',
145
+ blackAlpha62: 'rgba(0,0,0,0.62)',
146
+ blackAlpha72: 'rgba(0,0,0,0.72)',
147
+ blackAlpha75: 'rgba(0,0,0,0.75)',
148
+ blackAlpha78: 'rgba(0,0,0,0.78)',
149
+ blackAlpha80: 'rgba(0,0,0,0.8)',
150
+ blackAlpha85: 'rgba(0,0,0,0.85)',
151
+ blackAlpha90: 'rgba(0,0,0,0.9)',
152
+ creamAlpha35: 'rgba(250,250,249,0.35)',
153
+ creamAlpha72: 'rgba(250,250,249,0.72)',
154
+ creamAlpha78: 'rgba(250,250,249,0.78)',
155
+ creamAlpha82: 'rgba(250,250,249,0.82)',
156
+ creamAlpha85: 'rgba(250,250,249,0.85)',
157
+ creamAlpha92: 'rgba(250,250,249,0.92)',
158
+ orangeSoft14: 'rgba(255,87,51,0.14)',
159
+ presenceOffline: 'rgba(163,163,163,0.45)',
160
+ presenceBorder: 'rgba(0,0,0,0.85)',
161
+ surfaceElevated82: 'rgba(28,28,30,0.82)',
162
+ surfaceElevated95: 'rgba(28,28,30,0.95)',
115
163
  } as const;
116
164
 
117
165
  export const spacing = {
@@ -136,8 +184,12 @@ export const gradients = {
136
184
  header: ['#2D0A35', '#D946EF'] as const,
137
185
  headerGlow: ['rgba(217,70,239,0.20)', 'rgba(217,70,239,0)'] as const,
138
186
  authHero: ['rgba(217,70,239,0.14)', 'rgba(0,229,255,0.06)', 'transparent'] as const,
187
+ authHeroWelcomeTop: [colors.blackAlpha62, colors.blackAlpha18, 'transparent'] as const,
188
+ authHeroWelcomeBottom: ['transparent', colors.blackAlpha12, colors.blackAlpha50] as const,
189
+ mediaHeroShade: ['transparent', colors.blackAlpha90] as const,
190
+ mediaBrowseShade: ['transparent', colors.blackAlpha78] as const,
139
191
  neonBorder: [colors.headerEnd, colors.accent] as const,
140
- videoControlsShade: ['transparent', 'rgba(0,0,0,0.72)'] as const,
192
+ videoControlsShade: ['transparent', colors.blackAlpha72] as const,
141
193
  chromeScrollFadeBottom: [
142
194
  'transparent',
143
195
  'rgba(0,0,0,0.22)',