Feat(UI): Red theme.

This commit is contained in:
2025-02-02 00:12:45 +00:00
parent 8c83a1cea1
commit f78de77f85

View File

@@ -12,11 +12,26 @@
<style> <style>
/* Modern CSS reset and variables */ /* Modern CSS reset and variables */
:root { :root {
/* Claude dark blue / grey theme
--text-color: #1a202c;
--primary-color: #2d3748; --primary-color: #2d3748;
--secondary-color: #4a5568; --secondary-color: #4a5568;
--accent-color: #4299e1; --accent-color: #4299e1;
--background-color: #f7fafc; --background-color: #f7fafc;
--text-color: #1a202c; */
/* Purple theme - https://coolors.co/palette/10002b-240046-3c096c-5a189a-7b2cbf-9d4edd-c77dff-e0aaff
--text-color: #10002B; /* very dark * /
--primary-color: #240046; /* medium dark * /
--secondary-color: #3C096C; /* dark * /
--accent-color: #C77DFF; /* light * /
--background-color: #E0AAFF; /* very light * /
*/
/* Red theme */
--text-color: #2B0000;
--primary-color: #740000;
--secondary-color: #B50000;
--accent-color: #E35053;
--background-color: #F6CACC;
} }
* { * {
@@ -118,8 +133,10 @@
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} }
.project-card h3 { .expertise-card h3,
color: var(--accent-color); .project-card h3,
.experience-card h3 {
color: var(--secondary-color);
} }
.button { .button {
@@ -148,7 +165,7 @@
margin-bottom: 0; margin-bottom: 0;
} }
.experience-date { .experience-date {
color: var(--secondary-color); color: var(--primary-color);
font-size: 0.9rem; font-size: 0.9rem;
width: 50%; width: 50%;
min-width: 50%; min-width: 50%;