color-logger script

This commit is contained in:
2025-05-28 09:51:52 +02:00
parent 669a96174c
commit 437a054d3b
5 changed files with 47 additions and 71 deletions

View File

@@ -9,52 +9,7 @@
<link rel="stylesheet" href="{{ url_for('static', filename='css/auth.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/colors.css') }}">
<link rel="stylesheet" href="{{ url_for('main.dynamic_colors') }}?v={{ site_settings.updated_at.timestamp() }}" onload="console.log('[CSS] Dynamic colors loaded with version:', '{{ site_settings.updated_at.timestamp() }}')">
<script>
console.log('[CSS] Base colors loaded');
document.addEventListener('DOMContentLoaded', function() {
console.log('[CSS] All CSS files loaded');
console.log('[CSS] Primary color:', getComputedStyle(document.documentElement).getPropertyValue('--primary-color').trim());
console.log('[CSS] Secondary color:', getComputedStyle(document.documentElement).getPropertyValue('--secondary-color').trim());
});
</script>
<style>
body {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg,
var(--primary-opacity-15) 0%,
var(--bg-color) 25%,
var(--bg-color) 75%,
var(--primary-opacity-15) 100%);
position: relative;
overflow: hidden;
}
body::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at 50% 50%,
var(--primary-opacity-8) 0%,
transparent 50%);
z-index: -1;
}
.auth-container {
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.auth-card {
backdrop-filter: blur(10px);
background-color: var(--white);
box-shadow: 0 8px 32px var(--shadow-color);
border: 1px solid var(--border-light);
}
</style>
<script src="{{ url_for('static', filename='js/color-logger.js') }}"></script>
</head>
<body>
<div class="container">