roberteam/lewangoalski
6
2
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

style poland-mode

Browse Source
This commit is contained in:
Kamil
2025-06-01 17:55:19 +02:00
parent 504702700c
commit 42c60f9db5
2 changed files with 47 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
FlaskWebProject/FlaskWebProject/static/style.css
View File

@@ -24,8 +24,8 @@ body {
/* Styl nawigacji */ /* Styl nawigacji */
.navbar { .navbar {
background: linear-gradient(to right, #002147, #A50044);
/*background: linear-gradient(to right, #E30B17, #FFFFFF);*/ background: linear-gradient(to right,#002147,#A50044);
color: white; color: white;
padding: 1rem 1rem; padding: 1rem 1rem;
height: 1.5rem; height: 1.5rem;
@@ -52,8 +52,7 @@ body {
list-style: none; list-style: none;
} }
.nav-links li a, .nav-links li a{
.nav-links li button {
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
padding: 1rem 1.25rem; /* dopasowane do .navbar padding */ padding: 1rem 1.25rem; /* dopasowane do .navbar padding */
height: 100%; height: 100%;
@@ -66,6 +65,10 @@ body {
transition: 0.3s ease; transition: 0.3s ease;
align-items: center; align-items: center;
} }
li button{
background-color: rgba(255, 255, 255, 0.05);
border: none;
}
.nav-links li a:hover, .nav-links li a:hover,
.nav-links li button:hover { .nav-links li button:hover {
@@ -143,41 +146,42 @@ th, td {
margin: 0 auto; /* Wyśrodkowanie obrazka */ margin: 0 auto; /* Wyśrodkowanie obrazka */
} }
/* Styl dla trybu ciemnego */ /* Styl dla trybu polskiego */
body.dark-mode { body.poland-mode .navbar {
background: #121212; background: linear-gradient(to bottom,#bd4148,#dc1414);
color: #e0e0e0;
} }
body.dark-mode nav { body.poland-mode .logo{
background: #333; color: var(--polska-white)
} }
body.poland-mode .nav-links li a{
body.dark-mode table { color: white;
color: #e0e0e0; }
} body.poland-mode .nav-links li button:hover,
body.poland-mode .nav-links li a:hover{
body.dark-mode h1 { background-color: #e96161;
color: #eaeaea; color:#220000
} }
body.poland-mode .hamburger{
body.dark-mode header button { color: white;
background-color: #444; }
color: #eaeaea; @media (max-width: 768px) {
} body.poland-mode .nav-links {
background-color: var(--polska-red);/*Ale oczopląs*/
body.dark-mode header button:hover { }
background-color: #666; }
} body.poland-mode .section-stats{
background: linear-gradient(to bottom,#bd4148,#dc1414);
body.dark-mode ul li { }
background-color: #333; body.poland-mode .section-stats h2{
} color:#220000
}
body.dark-mode ul li:hover { body.poland-mode .stat-box{
background-color: #444; border-color: white;
} }
body.poland-mode .stat-box h3{
color: white;
}
/* Przyciski i elementy */ /* Przyciski i elementy */
header button { header button {
padding: 10px 15px; padding: 10px 15px;

12
FlaskWebProject/FlaskWebProject/templates/base.html
View File

@@ -21,7 +21,7 @@
<li><a href="/mecze">📅 Mecze</a></li> <li><a href="/mecze">📅 Mecze</a></li>
<li><a href="/statystyki">📊 Statystyki</a></li> <li><a href="/statystyki">📊 Statystyki</a></li>
<li><a href="/statystyki">📊 Statystyki</a></li> <li><a href="/statystyki">📊 Statystyki</a></li>
<!--<li><button id="theme-toggle" onclick="toggleTheme()">🌙 / 🌞</button></li>--> <li><button id="theme-toggle" onclick="toggleTheme()">🌙 / 🌞</button></li>
</ul> </ul>
<div class="hamburger">☰</div> <div class="hamburger">☰</div>
</nav> </nav>
@@ -44,16 +44,16 @@
</script> </script>
<script> <script>
function toggleTheme() { function toggleTheme() {
const currentMode = document.body.classList.contains('dark-mode') ? 'dark' : 'light'; const currentMode = document.body.classList.contains('poland-mode') ? 'poland' : 'fcb';
const newMode = currentMode === 'light' ? 'dark' : 'light'; const newMode = currentMode === 'fcb' ? 'poland' : 'fcb';
document.body.classList.toggle('dark-mode'); document.body.classList.toggle('poland-mode');
localStorage.setItem('theme', newMode); localStorage.setItem('theme', newMode);
} }
window.onload = function () { window.onload = function () {
const savedTheme = localStorage.getItem('theme'); const savedTheme = localStorage.getItem('theme');
if (savedTheme === 'dark') { if (savedTheme === 'poland') {
document.body.classList.add('dark-mode'); document.body.classList.add('poland-mode');
} }
} }
</script> </script>