bl3kunja/Sdk_TV_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling update

Browse Source
This commit is contained in:
bl3kunja
2025-11-12 17:49:56 +01:00
parent 64254454a4
commit 43a9b63c95
14 changed files with 150 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/base.css
+2 -2
View File
@@ -28,7 +28,7 @@ html, body {
:root { :root {
/* Colors */ /* Colors */
--primary: #007bff; --primary: #28a745;
--secondary: #6c757d; --secondary: #6c757d;
--success: #28a745; --success: #28a745;
--danger: #dc3545; --danger: #dc3545;
@@ -105,7 +105,7 @@ a {
} }
a:hover { a:hover {
color: #0056b3; color: #1e7e34;
text-decoration: underline; text-decoration: underline;
} }
static/css/buttons.css
+4 -4
View File
@@ -116,14 +116,14 @@ button:not([class]):hover {
.btn-primary:hover, .btn-primary:hover,
.action-btn.primary:hover { .action-btn.primary:hover {
background: #0056b3; background: #1e7e34;
border-color: #0056b3; border-color: #1e7e34;
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3); box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
} }
.btn-primary:active, .btn-primary:active,
.action-btn.primary:active { .action-btn.primary:active {
background: #004085; background: #155724;
box-shadow: var(--shadow-sm); box-shadow: var(--shadow-sm);
} }
static/css/navbar.css
+7 -7
View File
@@ -89,10 +89,10 @@
.nav-btn:hover { .nav-btn:hover {
background: #e9ecef; background: #e9ecef;
border-color: #007bff; border-color: #28a745;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-1px); transform: translateY(-1px);
color: #007bff; color: #28a745;
text-decoration: none; text-decoration: none;
} }
@@ -112,13 +112,13 @@
============================================================================ */ ============================================================================ */
.nav-btn.active { .nav-btn.active {
background: #007bff; background: #28a745;
border-color: #0056b3; border-color: #1e7e34;
color: white; color: white;
} }
.nav-btn.active:hover { .nav-btn.active:hover {
background: #0056b3; background: #1e7e34;
color: white; color: white;
} }
@@ -176,7 +176,7 @@
.hamburger-menu:hover { .hamburger-menu:hover {
background: #e9ecef; background: #e9ecef;
border-color: #007bff; border-color: #28a745;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-1px); transform: translateY(-1px);
} }
@@ -190,7 +190,7 @@
} }
.hamburger-menu:hover .hamburger-line { .hamburger-menu:hover .hamburger-line {
background: #007bff; background: #28a745;
} }
/* ============================================================================ /* ============================================================================
templates/draft.html
+5 -5
View File
@@ -80,8 +80,8 @@
.round-nav-btn:hover { .round-nav-btn:hover {
background: #e9ecef; background: #e9ecef;
border-color: #007bff; border-color: #28a745;
color: #007bff; color: #28a745;
} }
.round-nav-btn:disabled { .round-nav-btn:disabled {
@@ -93,7 +93,7 @@
.current-round-display { .current-round-display {
font-size: 1rem; font-size: 1rem;
font-weight: bold; font-weight: bold;
color: #007bff; color: #28a745;
margin: 0 15px; margin: 0 15px;
min-width: 140px; min-width: 140px;
text-align: center; text-align: center;
@@ -122,7 +122,7 @@
} }
.round-row.current { .round-row.current {
border-left: 4px solid #007bff; border-left: 4px solid #28a745;
box-shadow: 0 4px 15px rgba(0, 123, 255, 0.25); box-shadow: 0 4px 15px rgba(0, 123, 255, 0.25);
} }
@@ -171,7 +171,7 @@
} }
.current-badge { .current-badge {
background: #007bff; background: #28a745;
color: white; color: white;
} }
templates/fullscreen.html
+4 -4
View File
@@ -77,10 +77,10 @@
.control-btn:hover { .control-btn:hover {
background: #e9ecef !important; background: #e9ecef !important;
border-color: #007bff !important; border-color: #28a745 !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
transform: translateY(-1px) !important; transform: translateY(-1px) !important;
color: #007bff !important; color: #28a745 !important;
} }
.control-btn:active { .control-btn:active {
@@ -189,10 +189,10 @@
.zoom-btn:hover { .zoom-btn:hover {
background: #e9ecef !important; background: #e9ecef !important;
border-color: #007bff !important; border-color: #28a745 !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
transform: translateY(-1px) !important; transform: translateY(-1px) !important;
color: #007bff !important; color: #28a745 !important;
} }
.zoom-btn:active { .zoom-btn:active {
templates/index.html
+33 -18
View File
@@ -49,10 +49,10 @@
.round-nav-btn:hover { .round-nav-btn:hover {
background: #e9ecef; background: #e9ecef;
border-color: #007bff; border-color: #28a745;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-1px); transform: translateY(-1px);
color: #007bff; color: #28a745;
} }
.round-nav-btn:disabled { .round-nav-btn:disabled {
@@ -230,7 +230,7 @@
/* Camera Number Indicator */ /* Camera Number Indicator */
.card-header { .card-header {
background: linear-gradient(90deg, #007bff 0%, #007bff 60px, #1a1a1a 60px); background: linear-gradient(90deg, #28a745 0%, #28a745 60px, #1a1a1a 60px);
border-bottom: 2px solid #333; border-bottom: 2px solid #333;
padding: 12px 15px 12px 0; padding: 12px 15px 12px 0;
display: flex; display: flex;
@@ -264,8 +264,8 @@
} }
.camera-card:hover .card-header { .camera-card:hover .card-header {
background: linear-gradient(90deg, #0056b3 0%, #0056b3 60px, #2d2d2d 60px); background: linear-gradient(90deg, #1e7e34 0%, #1e7e34 60px, #2d2d2d 60px);
border-bottom-color: #007bff; border-bottom-color: #28a745;
} }
/* Tooltip for camera cards */ /* Tooltip for camera cards */
@@ -376,7 +376,7 @@
margin: -5px 0 20px 0; margin: -5px 0 20px 0;
font-size: 1.2rem; font-size: 1.2rem;
color: #2c3e50; color: #2c3e50;
border-bottom: 3px solid #007bff; border-bottom: 3px solid #28a745;
padding-bottom: 8px; padding-bottom: 8px;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
@@ -442,13 +442,28 @@
.nav-link:hover { .nav-link:hover {
background: #f8f9fa; background: #f8f9fa;
border-color: #007bff; border-color: #28a745;
color: #007bff; color: #28a745;
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 5px 12px rgba(0, 123, 255, 0.15); box-shadow: 0 5px 12px rgba(0, 123, 255, 0.15);
text-decoration: none !important; text-decoration: none !important;
} }
/* Yellow hollow style for first 3 tournament nav links */
.settings-group:has(h4[data-i18n="league.tournaments"]) .nav-link {
border: 2px solid #dee2e6;
background: white;
color: #333;
font-weight: 500;
}
.settings-group:has(h4[data-i18n="league.tournaments"]) .nav-link:hover {
background: #fffbf0;
border-color: #ffc107;
color: #ff9800;
box-shadow: 0 5px 12px rgba(255, 152, 0, 0.2);
}
.camera-input { .camera-input {
width: 100%; width: 100%;
padding: 14px 18px; padding: 14px 18px;
@@ -464,21 +479,21 @@
} }
.camera-input:focus { .camera-input:focus {
border-color: #007bff; border-color: #28a745;
box-shadow: 0 5px 12px rgba(0, 123, 255, 0.15); box-shadow: 0 5px 12px rgba(0, 123, 255, 0.15);
transform: translateY(-1px); transform: translateY(-1px);
outline: none; outline: none;
} }
.camera-input:hover:not(:focus) { .camera-input:hover:not(:focus) {
border-color: #007bff; border-color: #28a745;
box-shadow: 0 5px 12px rgba(0, 123, 255, 0.15); box-shadow: 0 5px 12px rgba(0, 123, 255, 0.15);
transform: translateY(-1px); transform: translateY(-1px);
} }
.tournament-status-info { .tournament-status-info {
background: #f0f8ff; background: #f0f8ff;
border: 2px solid #007bff; border: 2px solid #28a745;
border-radius: 8px; border-radius: 8px;
padding: 15px; padding: 15px;
margin: 15px 0; margin: 15px 0;
@@ -490,8 +505,8 @@
} }
.tournament-btn { .tournament-btn {
background: #007bff !important; background: #28a745 !important;
border-color: #0056b3 !important; border-color: #1e7e34 !important;
color: white !important; color: white !important;
text-align: center; text-align: center;
font-size: 0.95rem !important; font-size: 0.95rem !important;
@@ -500,7 +515,7 @@
} }
.tournament-btn:hover { .tournament-btn:hover {
background: #0056b3 !important; background: #1e7e34 !important;
border-color: #004085 !important; border-color: #004085 !important;
color: white !important; color: white !important;
text-decoration: none !important; text-decoration: none !important;
@@ -530,12 +545,12 @@
} }
.card-header { .card-header {
background: linear-gradient(90deg, #007bff 0%, #007bff 50px, #1a1a1a 50px); background: linear-gradient(90deg, #28a745 0%, #28a745 50px, #1a1a1a 50px);
padding: 10px 12px 10px 0; padding: 10px 12px 10px 0;
} }
.camera-card:hover .card-header { .camera-card:hover .card-header {
background: linear-gradient(90deg, #0056b3 0%, #0056b3 50px, #2d2d2d 50px); background: linear-gradient(90deg, #1e7e34 0%, #1e7e34 50px, #2d2d2d 50px);
} }
.target-number { .target-number {
@@ -592,12 +607,12 @@
} }
.card-header { .card-header {
background: linear-gradient(90deg, #007bff 0%, #007bff 45px, #1a1a1a 45px); background: linear-gradient(90deg, #28a745 0%, #28a745 45px, #1a1a1a 45px);
padding: 8px 10px 8px 0; padding: 8px 10px 8px 0;
} }
.camera-card:hover .card-header { .camera-card:hover .card-header {
background: linear-gradient(90deg, #0056b3 0%, #0056b3 45px, #2d2d2d 45px); background: linear-gradient(90deg, #1e7e34 0%, #1e7e34 45px, #2d2d2d 45px);
} }
.target-number { .target-number {
templates/league_scoreboard_display.html
+8 -8
View File
@@ -75,20 +75,20 @@
.nav-btn:hover { .nav-btn:hover {
background: #e9ecef; background: #e9ecef;
border-color: #007bff; border-color: #28a745;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-1px); transform: translateY(-1px);
color: #007bff; color: #28a745;
} }
.nav-btn.primary { .nav-btn.primary {
background: #007bff; background: #28a745;
border-color: #0056b3; border-color: #1e7e34;
color: white; color: white;
} }
.nav-btn.primary:hover { .nav-btn.primary:hover {
background: #0056b3; background: #1e7e34;
color: white; color: white;
} }
@@ -313,7 +313,7 @@
} }
.participant-id { .participant-id {
background: #007bff; background: #28a745;
color: white; color: white;
padding: 3px 10px; padding: 3px 10px;
border-radius: 12px; border-radius: 12px;
@@ -492,7 +492,7 @@
} }
.player-id { .player-id {
background: #007bff; background: #28a745;
color: white; color: white;
padding: 2px 5px; padding: 2px 5px;
border-radius: 5px; border-radius: 5px;
@@ -635,7 +635,7 @@
.stat-value { .stat-value {
font-weight: 600; font-weight: 600;
color: #007bff; color: #28a745;
} }
/* Mobile responsive */ /* Mobile responsive */
templates/mobile_streams.html
+7 -7
View File
@@ -77,20 +77,20 @@
.nav-btn:hover { .nav-btn:hover {
background: #e9ecef; background: #e9ecef;
border-color: #007bff; border-color: #28a745;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-1px); transform: translateY(-1px);
color: #007bff; color: #28a745;
} }
.nav-btn.active { .nav-btn.active {
background: #007bff; background: #28a745;
border-color: #0056b3; border-color: #1e7e34;
color: white; color: white;
} }
.nav-btn.active:hover { .nav-btn.active:hover {
background: #0056b3; background: #1e7e34;
color: white; color: white;
} }
@@ -165,7 +165,7 @@
} }
.camera-option:hover { .camera-option:hover {
border-color: #007bff; border-color: #28a745;
transform: translateY(-3px); transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4); box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
} }
@@ -360,7 +360,7 @@
.results-indicator { .results-indicator {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
background: #007bff; background: #28a745;
color: white; color: white;
padding: 2px 6px; padding: 2px 6px;
border-radius: 8px; border-radius: 8px;
templates/modern_archive_index.html
+10 -10
View File
@@ -85,7 +85,7 @@
font-weight: bold; font-weight: bold;
color: #333; color: #333;
margin-bottom: 20px; margin-bottom: 20px;
border-bottom: 3px solid #007bff; border-bottom: 3px solid #28a745;
padding-bottom: 10px; padding-bottom: 10px;
} }
@@ -110,7 +110,7 @@
.search-box:focus { .search-box:focus {
outline: none; outline: none;
border-color: #007bff; border-color: #28a745;
} }
.filter-group { .filter-group {
@@ -140,9 +140,9 @@
} }
.filter-btn.active { .filter-btn.active {
background: #007bff; background: #28a745;
color: white; color: white;
border-color: #007bff; border-color: #28a745;
} }
.league-filter-btn { .league-filter-btn {
@@ -159,9 +159,9 @@
} }
.league-filter-btn.active { .league-filter-btn.active {
background: #007bff; background: #28a745;
color: white; color: white;
border-color: #007bff; border-color: #28a745;
} }
.sort-select { .sort-select {
@@ -177,7 +177,7 @@
.sort-select:focus { .sort-select:focus {
outline: none; outline: none;
border-color: #007bff; border-color: #28a745;
} }
/* List View Table */ /* List View Table */
@@ -294,7 +294,7 @@
.tournament-name { .tournament-name {
font-weight: 600; font-weight: 600;
color: #007bff; color: #28a745;
} }
.tournament-type { .tournament-type {
@@ -339,7 +339,7 @@
} }
.view-btn { .view-btn {
background: #007bff; background: #28a745;
color: white; color: white;
border: none; border: none;
padding: 6px 16px; padding: 6px 16px;
@@ -353,7 +353,7 @@
} }
.view-btn:hover { .view-btn:hover {
background: #0056b3; background: #1e7e34;
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
} }
templates/modern_player_analysis.html
+28 -21
View File
@@ -92,31 +92,37 @@
/* Tab Navigation */ /* Tab Navigation */
.tab-navigation { .tab-navigation {
display: flex; display: flex;
gap: 5px; gap: 15px;
margin-bottom: 25px; margin-bottom: 25px;
border-bottom: 2px solid #f1f3f4;
} }
.tab-btn { .tab-btn {
background: none; flex: 1;
border: none; background: #f8f9fa;
padding: 12px 24px; border: 2px solid #e9ecef;
padding: 14px 24px;
cursor: pointer; cursor: pointer;
font-size: 1rem; font-size: 1.05rem;
font-weight: 600; font-weight: 600;
color: #666; color: #666;
border-bottom: 3px solid transparent; border-radius: 8px;
transition: all 0.3s ease; transition: all 0.3s ease;
min-height: 50px;
} }
.tab-btn.active { .tab-btn.active {
color: #007bff; background: #28a745;
border-bottom-color: #007bff; border-color: #1e7e34;
color: white;
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
} }
.tab-btn:hover { .tab-btn:hover {
color: #007bff; background: #28a745;
background: rgba(0, 123, 255, 0.05); border-color: #1e7e34;
color: white;
box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
transform: translateY(-2px);
} }
.tab-content { .tab-content {
@@ -401,7 +407,7 @@
.search-box:focus { .search-box:focus {
outline: none; outline: none;
border-color: #007bff; border-color: #28a745;
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1); box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
} }
@@ -418,7 +424,7 @@
.sort-select:focus { .sort-select:focus {
outline: none; outline: none;
border-color: #007bff; border-color: #28a745;
} }
.filter-buttons { .filter-buttons {
@@ -439,13 +445,13 @@
} }
.filter-btn.active { .filter-btn.active {
background: #007bff; background: #28a745;
color: white; color: white;
border-color: #007bff; border-color: #28a745;
} }
.filter-btn:hover { .filter-btn:hover {
border-color: #007bff; border-color: #28a745;
transform: translateY(-1px); transform: translateY(-1px);
} }
@@ -573,7 +579,7 @@
width: 30px; width: 30px;
height: 30px; height: 30px;
border: 3px solid #f3f3f3; border: 3px solid #f3f3f3;
border-top: 3px solid #007bff; border-top: 3px solid #28a745;
border-radius: 50%; border-radius: 50%;
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
margin: 0 auto 10px; margin: 0 auto 10px;
@@ -685,13 +691,14 @@
} }
.tab-navigation { .tab-navigation {
flex-wrap: wrap; flex-direction: column;
gap: 2px; gap: 10px;
} }
.tab-btn { .tab-btn {
padding: 8px 16px; padding: 12px 20px;
font-size: 0.9rem; font-size: 0.95rem;
min-height: 45px;
} }
} }
</style> </style>
templates/modern_player_stats.html
+8 -8
View File
@@ -95,7 +95,7 @@
font-weight: bold; font-weight: bold;
color: #333; color: #333;
margin-bottom: 15px; margin-bottom: 15px;
border-bottom: 2px solid #007bff; border-bottom: 2px solid #28a745;
padding-bottom: 5px; padding-bottom: 5px;
} }
@@ -119,7 +119,7 @@
.stat-value { .stat-value {
font-size: 1.4rem; font-size: 1.4rem;
font-weight: bold; font-weight: bold;
color: #007bff; color: #28a745;
margin-bottom: 3px; margin-bottom: 3px;
} }
@@ -169,7 +169,7 @@
} }
.type-btn:hover { .type-btn:hover {
border-color: #007bff; border-color: #28a745;
transform: translateY(-1px); transform: translateY(-1px);
} }
@@ -439,8 +439,8 @@
} }
.history-tab.active { .history-tab.active {
background: #007bff; background: #28a745;
border-color: #007bff; border-color: #28a745;
color: white; color: white;
} }
@@ -524,13 +524,13 @@
} }
.view-link { .view-link {
color: #007bff; color: #28a745;
font-weight: 600; font-weight: 600;
transition: color 0.2s ease; transition: color 0.2s ease;
} }
.history-table-row:hover .view-link { .history-table-row:hover .view-link {
color: #0056b3; color: #1e7e34;
} }
.joker-badge { .joker-badge {
@@ -568,7 +568,7 @@
.placer-stat-value { .placer-stat-value {
font-size: 1.8rem; font-size: 1.8rem;
font-weight: 700; font-weight: 700;
color: #007bff; color: #28a745;
margin-bottom: 4px; margin-bottom: 4px;
} }
templates/results_calculator.html
+5 -5
View File
@@ -228,7 +228,7 @@
} }
.participant-id { .participant-id {
background: #007bff; background: #28a745;
color: white; color: white;
padding: 6px 15px; padding: 6px 15px;
border-radius: 15px; border-radius: 15px;
@@ -461,7 +461,7 @@
.shot-input:focus { .shot-input:focus {
outline: none; outline: none;
border-color: #007bff; border-color: #28a745;
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
} }
@@ -506,12 +506,12 @@
} }
.save-btn { .save-btn {
background: #007bff; background: #28a745;
color: white; color: white;
} }
.save-btn:hover { .save-btn:hover {
background: #0056b3; background: #1e7e34;
} }
.auto-fill-btn { .auto-fill-btn {
@@ -592,7 +592,7 @@
height: 20px; height: 20px;
margin: -10px 0 0 -10px; margin: -10px 0 0 -10px;
border: 2px solid #f3f3f3; border: 2px solid #f3f3f3;
border-top: 2px solid #007bff; border-top: 2px solid #28a745;
border-radius: 50%; border-radius: 50%;
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
} }
templates/results_display.html
+7 -7
View File
@@ -75,20 +75,20 @@
.nav-btn:hover { .nav-btn:hover {
background: #e9ecef; background: #e9ecef;
border-color: #007bff; border-color: #28a745;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-1px); transform: translateY(-1px);
color: #007bff; color: #28a745;
} }
.nav-btn.primary { .nav-btn.primary {
background: #007bff; background: #28a745;
border-color: #0056b3; border-color: #1e7e34;
color: white; color: white;
} }
.nav-btn.primary:hover { .nav-btn.primary:hover {
background: #0056b3; background: #1e7e34;
color: white; color: white;
} }
@@ -306,7 +306,7 @@
} }
.participant-id { .participant-id {
background: #007bff; background: #28a745;
color: white; color: white;
padding: 3px 10px; padding: 3px 10px;
border-radius: 12px; border-radius: 12px;
@@ -498,7 +498,7 @@
.stat-value { .stat-value {
font-weight: 600; font-weight: 600;
color: #007bff; color: #28a745;
} }
/* Responsive styles */ /* Responsive styles */
templates/tournament.html
+22 -22
View File
@@ -26,7 +26,7 @@
font-weight: bold; font-weight: bold;
color: #333; color: #333;
margin-bottom: 20px; margin-bottom: 20px;
border-bottom: 3px solid #007bff; border-bottom: 3px solid #28a745;
padding-bottom: 8px; padding-bottom: 8px;
} }
@@ -81,7 +81,7 @@
color: #333; color: #333;
margin: 0 0 15px 0; margin: 0 0 15px 0;
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 3px solid #007bff; border-bottom: 3px solid #28a745;
} }
.league-tournament-card.league h3 { .league-tournament-card.league h3 {
@@ -89,7 +89,7 @@
} }
.league-tournament-card.tournament h3 { .league-tournament-card.tournament h3 {
border-bottom-color: #007bff; border-bottom-color: #28a745;
} }
.compact-info-grid { .compact-info-grid {
@@ -229,18 +229,18 @@
/* Active - Blue with animation */ /* Active - Blue with animation */
.tournament-progress-dot.active { .tournament-progress-dot.active {
background: linear-gradient(135deg, #cfe2ff 0%, #e7f1ff 100%); background: linear-gradient(135deg, #cfe2ff 0%, #e7f1ff 100%);
border-color: #0056b3; border-color: #1e7e34;
border-width: 3px; border-width: 3px;
box-shadow: 0 4px 16px rgba(0, 123, 255, 0.3); box-shadow: 0 4px 16px rgba(0, 123, 255, 0.3);
} }
.tournament-progress-dot.active .dot-number { .tournament-progress-dot.active .dot-number {
color: #0056b3; color: #1e7e34;
animation: pulse-dot 1.5s infinite; animation: pulse-dot 1.5s infinite;
} }
.tournament-progress-dot.active::after { .tournament-progress-dot.active::after {
color: #007bff; color: #28a745;
animation: pulse-arrow 1.5s infinite; animation: pulse-arrow 1.5s infinite;
} }
@@ -341,14 +341,14 @@
/* Round Active - Blue */ /* Round Active - Blue */
.round-progress-dot.active { .round-progress-dot.active {
background: linear-gradient(135deg, #cfe2ff 0%, #e7f1ff 100%); background: linear-gradient(135deg, #cfe2ff 0%, #e7f1ff 100%);
border-color: #0056b3; border-color: #1e7e34;
border-width: 2px; border-width: 2px;
color: #0056b3; color: #1e7e34;
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3); box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
} }
.round-progress-dot.active::after { .round-progress-dot.active::after {
color: #007bff; color: #28a745;
} }
/* Round Completed - Green */ /* Round Completed - Green */
@@ -406,12 +406,12 @@
} }
.tournament-card.active { .tournament-card.active {
border-color: #007bff; border-color: #28a745;
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2); box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
} }
.tournament-card.active::before { .tournament-card.active::before {
background: linear-gradient(90deg, #007bff 0%, #0056b3 100%); background: linear-gradient(90deg, #28a745 0%, #1e7e34 100%);
} }
.tournament-card.completed { .tournament-card.completed {
@@ -432,7 +432,7 @@
.tournament-card-number { .tournament-card-number {
font-size: 1.4rem; font-size: 1.4rem;
font-weight: bold; font-weight: bold;
color: #007bff; color: #28a745;
background: #e7f1ff; background: #e7f1ff;
width: 50px; width: 50px;
height: 50px; height: 50px;
@@ -757,7 +757,7 @@
} }
.action-btn { .action-btn {
background: #007bff; background: #28a745;
border: none; border: none;
color: white; color: white;
padding: 15px 30px; padding: 15px 30px;
@@ -772,7 +772,7 @@
} }
.action-btn:hover { .action-btn:hover {
background: #0056b3; background: #1e7e34;
transform: translateY(-1px); transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3); box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
} }
@@ -879,7 +879,7 @@
.search-input:focus { .search-input:focus {
outline: none; outline: none;
border-color: #007bff; border-color: #28a745;
} }
.search-icon { .search-icon {
@@ -911,14 +911,14 @@
} }
.filter-btn:hover { .filter-btn:hover {
border-color: #007bff; border-color: #28a745;
background: #f8f9fa; background: #f8f9fa;
} }
.filter-btn.active { .filter-btn.active {
background: #007bff; background: #28a745;
color: white; color: white;
border-color: #007bff; border-color: #28a745;
} }
.bulk-actions { .bulk-actions {
@@ -974,7 +974,7 @@
.add-player-form input:focus { .add-player-form input:focus {
outline: none; outline: none;
border-color: #007bff; border-color: #28a745;
} }
.add-btn { .add-btn {
@@ -1046,7 +1046,7 @@
.player-id { .player-id {
font-weight: bold; font-weight: bold;
color: #007bff; color: #28a745;
min-width: 50px; min-width: 50px;
} }
@@ -1063,7 +1063,7 @@
.player-name input { .player-name input {
width: 100%; width: 100%;
padding: 8px 12px; padding: 8px 12px;
border: 2px solid #007bff; border: 2px solid #28a745;
border-radius: 4px; border-radius: 4px;
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@@ -1197,7 +1197,7 @@
} }
.stat-total { .stat-total {
color: #007bff; color: #28a745;
} }
.no-results { .no-results {