| @@ -2,9 +2,9 @@ | ||
| 2 | 2 | display: flex; |
| 3 | 3 | justify-content: space-between; |
| 4 | 4 | align-items: center; |
| 5 | 5 | padding-bottom: 6px; |
| 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: 6px; |
| 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; |
| @@ -39,9 +39,9 @@ | ||
| 39 | 39 | .dm-views__delta--down { color: #ef4444; } |
| 40 | 40 | .dm-views__delta--flat { color: #9ca3af; } |
| 41 | 41 | .dm-views__label { |
| 42 | 42 | font-size: 10px; |
| 43 | - color: var(--wpd-color-text-subtle, #9ca3af); | |
| 43 | + color: var(--os-ui-color-text-subtle, #9ca3af); | |
| 44 | 44 | white-space: nowrap; |
| 45 | 45 | } |
| 46 | 46 | .dm-views__spark { |
| 47 | 47 | flex: 1; |
| @@ -62,9 +62,9 @@ | ||
| 62 | 62 | min-width: 0; |
| 63 | 63 | } |
| 64 | 64 | .dm-views__days span { |
| 65 | 65 | font-size: 9px; |
| 66 | - color: var(--wpd-color-text-subtle, #9ca3af); | |
| 66 | + color: var(--os-ui-color-text-subtle, #9ca3af); | |
| 67 | 67 | flex: 1; |
| 68 | 68 | text-align: center; |
| 69 | 69 | overflow: hidden; |
| 70 | 70 | } |
| @@ -78,9 +78,9 @@ | ||
| 78 | 78 | } |
| 79 | 79 | .dm-views__no-source p { |
| 80 | 80 | margin: 0; |
| 81 | 81 | font-size: 10px; |
| 82 | - color: var(--wpd-color-text-subtle, #9ca3af); | |
| 82 | + color: var(--os-ui-color-text-subtle, #9ca3af); | |
| 83 | 83 | line-height: 1.5; |
| 84 | 84 | text-align: center; |
| 85 | 85 | } |
| 86 | 86 | .dm-views__no-source code { |
