| @@ -1,9 +1,26 @@ | ||
| 1 | 1 | /* User Data — WPBot purple modern UI */ |
| 2 | 2 | @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap'); |
| 3 | 3 | |
| 4 | +/* WPBot design tokens — change colors here to theme the whole admin UI */ | |
| 5 | +:root { | |
| 6 | + --woobot-primary: #5B4E96; | |
| 7 | + --woobot-primary-color: #5B4E96; | |
| 8 | + --woobot-primary-dark: #463a7a; | |
| 9 | + --woobot-primary-soft: #f3f1fa; | |
| 10 | + --woobot-primary-border: #e4e0f2; | |
| 11 | + --woobot-surface: #ffffff; | |
| 12 | + --woobot-page-bg: #F5F7FD; | |
| 13 | + --woobot-text: #2d2a3a; | |
| 14 | + --woobot-muted: #6b6680; | |
| 15 | + --woobot-danger: #e25563; | |
| 16 | + --woobot-nav-muted: #988FBD; | |
| 17 | + --woobot-primary-rgb: 91, 78, 150; | |
| 18 | +} | |
| 19 | + | |
| 4 | 20 | .wpbot-userdata-page { |
| 5 | 21 | --woobot-primary: #5B4E96; |
| 22 | + --woobot-primary-color: #5B4E96; | |
| 6 | 23 | --woobot-primary-dark: #463a7a; |
| 7 | 24 | --woobot-primary-soft: #f3f1fa; |
| 8 | 25 | --woobot-primary-border: #e4e0f2; |
| 9 | 26 | --woobot-text: #2d2a3a; |
| @@ -10,9 +27,12 @@ | ||
| 10 | 27 | --woobot-muted: #6b6680; |
| 11 | 28 | --woobot-danger: #e25563; |
| 12 | 29 | background: transparent; |
| 13 | 30 | padding: 0; |
| 14 | - margin: 20px 20px 0 0; | |
| 31 | + margin: 20px auto 40px auto; | |
| 32 | + max-width: 1280px; | |
| 33 | + width: 100%; | |
| 34 | + box-sizing: border-box; | |
| 15 | 35 | border-radius: 0; |
| 16 | 36 | box-shadow: none; |
| 17 | 37 | font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; |
| 18 | 38 | color: var(--woobot-text); |
| @@ -250,9 +270,9 @@ | ||
| 250 | 270 | } |
| 251 | 271 | |
| 252 | 272 | @media screen and (max-width: 782px) { |
| 253 | 273 | .wpbot-userdata-page { |
| 254 | - margin: 12px 0 0; | |
| 274 | + margin: 12px auto 24px auto; | |
| 255 | 275 | } |
| 256 | 276 | |
| 257 | 277 | .wpbot-userdata-page .wpbot-userdata-actions { |
| 258 | 278 | width: 100%; |