refactor(pej): apply navy colorscheme to local-content and news pages
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
ac4982bb1e
commit
5fff7d8af5
@ -8,14 +8,14 @@
|
||||
display: flex; justify-content: space-between; align-items: center;
|
||||
margin-bottom: var(--spacing-lg); flex-wrap: wrap; gap: var(--spacing-md);
|
||||
}
|
||||
.lc-header h1 { font-size: 1.5rem; color: #7c3aed; }
|
||||
.lc-header h1 { font-size: 1.5rem; color: #1a365d; }
|
||||
.lc-export-btn {
|
||||
display: inline-flex; align-items: center; gap: 6px;
|
||||
padding: var(--spacing-sm) var(--spacing-md);
|
||||
background: #7c3aed; color: #fff; border-radius: var(--radius);
|
||||
background: #1a365d; color: #fff; border-radius: var(--radius);
|
||||
text-decoration: none; font-size: var(--font-size-sm); font-weight: 500;
|
||||
}
|
||||
.lc-export-btn:hover { background: #6d28d9; }
|
||||
.lc-export-btn:hover { background: #0f2440; }
|
||||
|
||||
.lc-filters {
|
||||
display: flex; gap: var(--spacing-md); margin-bottom: var(--spacing-lg);
|
||||
@ -28,10 +28,10 @@
|
||||
}
|
||||
.lc-filter-btn {
|
||||
padding: var(--spacing-sm) var(--spacing-md);
|
||||
background: #7c3aed; color: #fff; border: none;
|
||||
background: #1a365d; color: #fff; border: none;
|
||||
border-radius: var(--radius); cursor: pointer; font-size: var(--font-size-sm);
|
||||
}
|
||||
.lc-filter-btn:hover { background: #6d28d9; }
|
||||
.lc-filter-btn:hover { background: #0f2440; }
|
||||
.lc-count { font-size: var(--font-size-sm); color: var(--text-secondary); margin-bottom: var(--spacing-md); }
|
||||
|
||||
.lc-card {
|
||||
@ -41,19 +41,19 @@
|
||||
justify-content: space-between; align-items: flex-start;
|
||||
gap: var(--spacing-md); transition: var(--transition);
|
||||
}
|
||||
.lc-card:hover { border-color: #7c3aed; }
|
||||
.lc-card:hover { border-color: #1a365d; }
|
||||
.lc-card-main { flex: 1; }
|
||||
.lc-card-name { font-weight: 600; font-size: var(--font-size-md); margin-bottom: var(--spacing-xs); }
|
||||
.lc-card-name a { color: var(--text-primary); text-decoration: none; }
|
||||
.lc-card-name a:hover { color: #7c3aed; }
|
||||
.lc-card-name a:hover { color: #1a365d; }
|
||||
.lc-card-meta { font-size: var(--font-size-sm); color: var(--text-secondary); margin-bottom: var(--spacing-xs); }
|
||||
.lc-card-desc { font-size: var(--font-size-sm); color: var(--text-secondary); }
|
||||
.lc-card-side { text-align: right; min-width: 100px; }
|
||||
.lc-score {
|
||||
font-size: 1.25rem; font-weight: 700; color: #7c3aed;
|
||||
font-size: 1.25rem; font-weight: 700; color: #1a365d;
|
||||
}
|
||||
.lc-type {
|
||||
display: inline-block; background: #e0e7ff; color: #3730a3;
|
||||
display: inline-block; background: #dbeafe; color: #1e40af;
|
||||
padding: 2px 8px; border-radius: 10px; font-size: 0.75rem; margin-top: var(--spacing-xs);
|
||||
}
|
||||
|
||||
@ -63,8 +63,8 @@
|
||||
border: 1px solid var(--border); border-radius: var(--radius);
|
||||
text-decoration: none; color: var(--text-primary); font-size: var(--font-size-sm);
|
||||
}
|
||||
.lc-pagination a:hover { border-color: #7c3aed; color: #7c3aed; }
|
||||
.lc-pagination a.active { background: #7c3aed; color: #fff; border-color: #7c3aed; }
|
||||
.lc-pagination a:hover { border-color: #1a365d; color: #1a365d; }
|
||||
.lc-pagination a.active { background: #1a365d; color: #fff; border-color: #1a365d; }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.lc-card { flex-direction: column; }
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
.pej-news-header {
|
||||
margin-bottom: var(--spacing-lg);
|
||||
}
|
||||
.pej-news-header h1 { font-size: 1.5rem; color: #7c3aed; }
|
||||
.pej-news-header h1 { font-size: 1.5rem; color: #1a365d; }
|
||||
.pej-news-header-row {
|
||||
display: flex; justify-content: space-between; align-items: center;
|
||||
flex-wrap: wrap; gap: var(--spacing-sm);
|
||||
@ -24,12 +24,12 @@
|
||||
margin-bottom: var(--spacing-md); transition: var(--transition);
|
||||
position: relative;
|
||||
}
|
||||
.pej-news-item:hover { border-color: #7c3aed; }
|
||||
.pej-news-item:hover { border-color: #1a365d; }
|
||||
.pej-news-item.is-read { opacity: 0.6; border-left: 3px solid #059669; }
|
||||
.pej-news-item.is-read:hover { opacity: 0.85; }
|
||||
.pej-news-item h2 { font-size: var(--font-size-md); margin-bottom: var(--spacing-xs); }
|
||||
.pej-news-item h2 a { color: var(--text-primary); text-decoration: none; }
|
||||
.pej-news-item h2 a:hover { color: #7c3aed; }
|
||||
.pej-news-item h2 a:hover { color: #1a365d; }
|
||||
.pej-news-item .meta {
|
||||
font-size: var(--font-size-sm); color: var(--text-secondary);
|
||||
margin-bottom: var(--spacing-sm);
|
||||
@ -47,8 +47,8 @@
|
||||
border: 1px solid var(--border); border-radius: var(--radius);
|
||||
text-decoration: none; color: var(--text-primary); font-size: var(--font-size-sm);
|
||||
}
|
||||
.pej-pagination a:hover { border-color: #7c3aed; color: #7c3aed; }
|
||||
.pej-pagination a.active { background: #7c3aed; color: #fff; border-color: #7c3aed; }
|
||||
.pej-pagination a:hover { border-color: #1a365d; color: #1a365d; }
|
||||
.pej-pagination a.active { background: #1a365d; color: #fff; border-color: #1a365d; }
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user