| @@ -2,9 +2,9 @@ | ||
| 2 | 2 | display: flex; |
| 3 | 3 | align-items: center; |
| 4 | 4 | justify-content: space-between; |
| 5 | 5 | padding-bottom: 8px; |
| 6 | - border-bottom: 1px solid var(--wpd-color-border, #e5e7eb); | |
| 6 | + border-bottom: 1px solid var(--os-ui-color-border, #e5e7eb); | |
| 7 | 7 | margin-bottom: 4px; |
| 8 | 8 | flex-shrink: 0; |
| 9 | 9 | min-width: 0; |
| 10 | 10 | } |
| @@ -12,9 +12,9 @@ | ||
| 12 | 12 | font-weight: 600; |
| 13 | 13 | font-size: 11px; |
| 14 | 14 | text-transform: uppercase; |
| 15 | 15 | letter-spacing: 0.06em; |
| 16 | - color: var(--wpd-color-text-subtle, #6b7280); | |
| 16 | + color: var(--os-ui-color-text-subtle, #6b7280); | |
| 17 | 17 | white-space: nowrap; |
| 18 | 18 | overflow: hidden; |
| 19 | 19 | text-overflow: ellipsis; |
| 20 | 20 | min-width: 0; |
| @@ -43,9 +43,9 @@ | ||
| 43 | 43 | display: flex; |
| 44 | 44 | align-items: flex-start; |
| 45 | 45 | gap: 8px; |
| 46 | 46 | padding: 6px 0; |
| 47 | - border-bottom: 1px solid var(--wpd-color-border, #f3f4f6); | |
| 47 | + border-bottom: 1px solid var(--os-ui-color-border, #f3f4f6); | |
| 48 | 48 | min-width: 0; |
| 49 | 49 | } |
| 50 | 50 | .dm-comments__row:last-child { border-bottom: none; } |
| 51 | 51 | .dm-comments__avatar { |
| @@ -51,9 +51,9 @@ | ||
| 51 | 51 | .dm-comments__avatar { |
| 52 | 52 | width: 28px; |
| 53 | 53 | height: 28px; |
| 54 | 54 | border-radius: 50%; |
| 55 | - background: var(--wpd-color-accent, #3b82f6); | |
| 55 | + background: var(--os-ui-color-accent, #3b82f6); | |
| 56 | 56 | color: #fff; |
| 57 | 57 | display: flex; |
| 58 | 58 | align-items: center; |
| 59 | 59 | justify-content: center; |
| @@ -91,9 +91,9 @@ | ||
| 91 | 91 | flex-shrink: 0; |
| 92 | 92 | } |
| 93 | 93 | .dm-comments__time { |
| 94 | 94 | font-size: 10px; |
| 95 | - color: var(--wpd-color-text-subtle, #9ca3af); | |
| 95 | + color: var(--os-ui-color-text-subtle, #9ca3af); | |
| 96 | 96 | margin-left: auto; |
| 97 | 97 | white-space: nowrap; |
| 98 | 98 | flex-shrink: 0; |
| 99 | 99 | } |
| @@ -98,9 +98,9 @@ | ||
| 98 | 98 | flex-shrink: 0; |
| 99 | 99 | } |
| 100 | 100 | .dm-comments__post { |
| 101 | 101 | font-size: 10px; |
| 102 | - color: var(--wpd-color-text-subtle, #9ca3af); | |
| 102 | + color: var(--os-ui-color-text-subtle, #9ca3af); | |
| 103 | 103 | white-space: nowrap; |
| 104 | 104 | overflow: hidden; |
| 105 | 105 | text-overflow: ellipsis; |
| 106 | 106 | min-width: 0; |
| @@ -108,8 +108,8 @@ | ||
| 108 | 108 | .dm-comments__empty, |
| 109 | 109 | .dm-comments__error { |
| 110 | 110 | padding: 12px 0; |
| 111 | 111 | font-size: 11px; |
| 112 | - color: var(--wpd-color-text-subtle, #9ca3af); | |
| 112 | + color: var(--os-ui-color-text-subtle, #9ca3af); | |
| 113 | 113 | text-align: center; |
| 114 | 114 | } |
| 115 | 115 | .dm-comments__error { color: #ef4444; } |
