Kobe/docupulse
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

color-logger script

Browse Source
This commit is contained in:
Kobe
2025-05-28 09:51:52 +02:00
parent 669a96174c
commit 437a054d3b
5 changed files with 47 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
static/css/auth.css
View File

@@ -37,4 +37,41 @@ body {
.alert { .alert {
border-radius: 10px; border-radius: 10px;
} }
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);
}

6
static/js/color-logger.js Normal file
View File

@@ -0,0 +1,6 @@
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());
});

47
templates/auth/login.html
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/auth.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/colors.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() }}')"> <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> <script src="{{ url_for('static', filename='js/color-logger.js') }}"></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>
</head> </head>
<body> <body>
<div class="container"> <div class="container">

17
templates/auth/register.html
View File

@@ -9,14 +9,7 @@
<link rel="stylesheet" href="{{ url_for('static', filename='css/auth.css') }}"> <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('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() }}')"> <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> <script src="{{ url_for('static', filename='js/color-logger.js') }}"></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>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
@@ -27,14 +20,6 @@
<p class="mb-0">Join DocuPulse today</p> <p class="mb-0">Join DocuPulse today</p>
</div> </div>
<div class="card-body p-4"> <div class="card-body p-4">
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
<div class="alert alert-{{ category }}">{{ message }}</div>
{% endfor %}
{% endif %}
{% endwith %}
<form method="POST" action="{{ url_for('auth.register') }}"> <form method="POST" action="{{ url_for('auth.register') }}">
<input type="hidden" name="csrf_token" value="{{ csrf_token }}"> <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
<div class="mb-3"> <div class="mb-3">

9
templates/common/base.html
View File

@@ -13,14 +13,7 @@
<link rel="stylesheet" href="{{ url_for('static', filename='css/colors.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() }}')"> <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() }}')">
{% block extra_css %}{% endblock %} {% block extra_css %}{% endblock %}
<script> <script src="{{ url_for('static', filename='js/color-logger.js') }}"></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>
</head> </head>
<body> <body>
<!-- Navigation --> <!-- Navigation -->