maciejpi/nordabiz
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor(pej): apply navy colorscheme to local-content and news pages
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
Details
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
Details
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
Details
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Details

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-03-16 21:40:14 +01:00
parent ac4982bb1e
commit 5fff7d8af5
2 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
templates/pej/local_content.html
View File

@ -8,14 +8,14 @@
display: flex; justify-content: space-between; align-items: center; display: flex; justify-content: space-between; align-items: center;
margin-bottom: var(--spacing-lg); flex-wrap: wrap; gap: var(--spacing-md); 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 { .lc-export-btn {
display: inline-flex; align-items: center; gap: 6px; display: inline-flex; align-items: center; gap: 6px;
padding: var(--spacing-sm) var(--spacing-md); 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; 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 { .lc-filters {
display: flex; gap: var(--spacing-md); margin-bottom: var(--spacing-lg); display: flex; gap: var(--spacing-md); margin-bottom: var(--spacing-lg);
@ -28,10 +28,10 @@
} }
.lc-filter-btn { .lc-filter-btn {
padding: var(--spacing-sm) var(--spacing-md); 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); 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-count { font-size: var(--font-size-sm); color: var(--text-secondary); margin-bottom: var(--spacing-md); }
.lc-card { .lc-card {
@ -41,19 +41,19 @@
justify-content: space-between; align-items: flex-start; justify-content: space-between; align-items: flex-start;
gap: var(--spacing-md); transition: var(--transition); 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-main { flex: 1; }
.lc-card-name { font-weight: 600; font-size: var(--font-size-md); margin-bottom: var(--spacing-xs); } .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 { 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-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-desc { font-size: var(--font-size-sm); color: var(--text-secondary); }
.lc-card-side { text-align: right; min-width: 100px; } .lc-card-side { text-align: right; min-width: 100px; }
.lc-score { .lc-score {
font-size: 1.25rem; font-weight: 700; color: #7c3aed; font-size: 1.25rem; font-weight: 700; color: #1a365d;
} }
.lc-type { .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); 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); border: 1px solid var(--border); border-radius: var(--radius);
text-decoration: none; color: var(--text-primary); font-size: var(--font-size-sm); 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:hover { border-color: #1a365d; color: #1a365d; }
.lc-pagination a.active { background: #7c3aed; color: #fff; border-color: #7c3aed; } .lc-pagination a.active { background: #1a365d; color: #fff; border-color: #1a365d; }
@media (max-width: 768px) { @media (max-width: 768px) {
.lc-card { flex-direction: column; } .lc-card { flex-direction: column; }

10
templates/pej/news.html
View File

@ -7,7 +7,7 @@
.pej-news-header { .pej-news-header {
margin-bottom: var(--spacing-lg); 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 { .pej-news-header-row {
display: flex; justify-content: space-between; align-items: center; display: flex; justify-content: space-between; align-items: center;
flex-wrap: wrap; gap: var(--spacing-sm); flex-wrap: wrap; gap: var(--spacing-sm);
@ -24,12 +24,12 @@
margin-bottom: var(--spacing-md); transition: var(--transition); margin-bottom: var(--spacing-md); transition: var(--transition);
position: relative; 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 { opacity: 0.6; border-left: 3px solid #059669; }
.pej-news-item.is-read:hover { opacity: 0.85; } .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 { 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 { 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 { .pej-news-item .meta {
font-size: var(--font-size-sm); color: var(--text-secondary); font-size: var(--font-size-sm); color: var(--text-secondary);
margin-bottom: var(--spacing-sm); margin-bottom: var(--spacing-sm);
@ -47,8 +47,8 @@
border: 1px solid var(--border); border-radius: var(--radius); border: 1px solid var(--border); border-radius: var(--radius);
text-decoration: none; color: var(--text-primary); font-size: var(--font-size-sm); 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:hover { border-color: #1a365d; color: #1a365d; }
.pej-pagination a.active { background: #7c3aed; color: #fff; border-color: #7c3aed; } .pej-pagination a.active { background: #1a365d; color: #fff; border-color: #1a365d; }
</style> </style>
{% endblock %} {% endblock %}