diff --git a/assets/css/routes/profile/lists.css b/assets/css/routes/profile/lists.css index 6924c5db..f313090d 100644 --- a/assets/css/routes/profile/lists.css +++ b/assets/css/routes/profile/lists.css @@ -478,18 +478,6 @@ border-color: var(--color-primary); background: var(--color-primary-softer); } -.binding-item__icon { - display: flex; - align-items: center; - width: 22px; - height: 22px; - color: var(--color-ink); - flex-shrink: 0; -} -.binding-item__icon i { - font-size: 22px; - line-height: 1; -} .binding-status { display: inline-flex; align-items: center; diff --git a/assets/css/routes/user-center/settings.css b/assets/css/routes/user-center/settings.css index fbdc466f..2ac8dac4 100644 --- a/assets/css/routes/user-center/settings.css +++ b/assets/css/routes/user-center/settings.css @@ -264,9 +264,6 @@ .aksrt-account-settings__section--social .binding-captcha { margin-bottom: 12px; } .aksrt-account-list--social .binding-item { border: 0; } .aksrt-account-list--social .aksrt-account-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto auto; text-decoration: none; } -.aksrt-account-list--social .binding-item__icon { display: grid; place-items: center; width: 24px; height: 24px; color: var(--color-ink, #333); } -.aksrt-account-list--social .binding-item__icon i, -.aksrt-account-list--social .binding-item__icon svg { font-size: 22px; line-height: 1; } .aksrt-account-list--social .binding-status { display: inline-flex; align-items: center; gap: 4px; color: var(--color-success, #16a34a); font-size: 11px; white-space: nowrap; } .aksrt-account-list--social .binding-status--idle { color: var(--muted-2-color, var(--color-ink-4, #999)); } .aksrt-account-list--social .binding-unbind-btn { color: var(--this-color, #e4a11b); } diff --git a/inc/helpers/user-center-renderers/settings-bindings.php b/inc/helpers/user-center-renderers/settings-bindings.php index 1d3a7b80..0e568c3f 100644 --- a/inc/helpers/user-center-renderers/settings-bindings.php +++ b/inc/helpers/user-center-renderers/settings-bindings.php @@ -26,10 +26,14 @@ foreach ((array) ($oauth_data['bindings'] ?? []) as $binding) { if (!$key) { continue; } + // Reference parity: the provider type (clogin_ prefix stripped) drives the + // .social-login-item brand colour, matching zibll's binding list. + $icon_type = str_starts_with($key, 'clogin_') ? substr($key, 7) : $key; $binding_rows[$key] = [ 'key' => $key, 'name' => (string) ($binding['label'] ?? $binding_name_map[$key] ?? $binding['name'] ?? ucfirst($key)), 'icon' => $binding['icon'] ?? '', + 'icon_type' => $icon_type, 'is_bound' => true, 'url' => '', ]; @@ -39,10 +43,12 @@ foreach ((array) ($oauth_data['available'] ?? []) as $binding) { if (!$key) { continue; } + $icon_type = str_starts_with($key, 'clogin_') ? substr($key, 7) : $key; $binding_rows[$key] = [ 'key' => $key, 'name' => (string) ($binding['label'] ?? $binding_name_map[$key] ?? $binding['name'] ?? ucfirst($key)), 'icon' => $binding['icon'] ?? '', + 'icon_type' => $icon_type, 'is_bound' => false, 'url' => $binding['start_url'] ?? $binding['url'] ?? '', ]; @@ -64,7 +70,7 @@ foreach ((array) ($oauth_data['available'] ?? []) as $binding) {
- + @@ -76,7 +82,7 @@ foreach ((array) ($oauth_data['available'] ?? []) as $binding) {
- +