← All changes
|
includes/chat-sessions/reports/view/assets/style.css
+17
-2
8.7.4
→
8.8.1
View file →
| @@ -1,8 +1,21 @@ | ||
| 1 | 1 | /*-------------------------------------------------------------- |
| 2 | 2 | # General |
| 3 | 3 | --------------------------------------------------------------*/ |
| 4 | 4 | :root { |
| 5 | + --woobot-primary: #5B4E96; | |
| 6 | + --woobot-primary-color: #5B4E96; | |
| 7 | + --woobot-primary-dark: #463a7a; | |
| 8 | + --woobot-primary-soft: #f3f1fa; | |
| 9 | + --woobot-primary-border: #e4e0f2; | |
| 10 | + --woobot-surface: #ffffff; | |
| 11 | + --woobot-page-bg: #F5F7FD; | |
| 12 | + --woobot-text: #2d2a3a; | |
| 13 | + --woobot-muted: #6b6680; | |
| 14 | + --woobot-danger: #e25563; | |
| 15 | + --woobot-nav-muted: #988FBD; | |
| 16 | + --woobot-primary-rgb: 91, 78, 150; | |
| 17 | + | |
| 5 | 18 | scroll-behavior: smooth; |
| 6 | 19 | } |
| 7 | 20 | |
| 8 | 21 | body { |
| @@ -1233,8 +1246,9 @@ | ||
| 1233 | 1246 | @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'); |
| 1234 | 1247 | |
| 1235 | 1248 | .wpbot-reports-dashboard { |
| 1236 | 1249 | --woobot-primary: #5B4E96; |
| 1250 | + --woobot-primary-color: #5B4E96; | |
| 1237 | 1251 | --woobot-primary-dark: #463a7a; |
| 1238 | 1252 | --woobot-primary-soft: #f3f1fa; |
| 1239 | 1253 | --woobot-primary-border: #e4e0f2; |
| 1240 | 1254 | --woobot-text: #2d2a3a; |
| @@ -1239,8 +1253,9 @@ | ||
| 1239 | 1253 | --woobot-primary-border: #e4e0f2; |
| 1240 | 1254 | --woobot-text: #2d2a3a; |
| 1241 | 1255 | --woobot-muted: #6b6680; |
| 1242 | 1256 | --woobot-danger: #e25563; |
| 1257 | + --woobot-primary-rgb: 91, 78, 150; | |
| 1243 | 1258 | font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; |
| 1244 | 1259 | color: var(--woobot-text); |
| 1245 | 1260 | padding: 12px 12px 30px 0; |
| 1246 | 1261 | max-width: 100%; |
| @@ -1300,9 +1315,9 @@ | ||
| 1300 | 1315 | |
| 1301 | 1316 | .wpbot-reports-dashboard .card { |
| 1302 | 1317 | border: 1px solid var(--woobot-primary-border); |
| 1303 | 1318 | border-radius: 16px; |
| 1304 | - box-shadow: 0 6px 22px rgba(91, 78, 150, 0.06); | |
| 1319 | + box-shadow: 0 6px 22px rgba(var(--woobot-primary-rgb), 0.06); | |
| 1305 | 1320 | overflow: hidden; |
| 1306 | 1321 | margin-bottom: 6px !important; |
| 1307 | 1322 | transition: box-shadow 0.2s ease, transform 0.2s ease; |
| 1308 | 1323 | } |
| @@ -1307,9 +1322,9 @@ | ||
| 1307 | 1322 | transition: box-shadow 0.2s ease, transform 0.2s ease; |
| 1308 | 1323 | } |
| 1309 | 1324 | |
| 1310 | 1325 | .wpbot-reports-dashboard .card:hover { |
| 1311 | - box-shadow: 0 10px 28px rgba(91, 78, 150, 0.1); | |
| 1326 | + box-shadow: 0 10px 28px rgba(var(--woobot-primary-rgb), 0.1); | |
| 1312 | 1327 | } |
| 1313 | 1328 | |
| 1314 | 1329 | .wpbot-reports-dashboard .card-body { |
| 1315 | 1330 | padding: 14px 16px 16px; |