Initial React project

2026-03-08 22:17:49 +01:00
parent 8a4d3eea44
commit f4c947945b
5 changed files with 143 additions and 3 deletions
--- a/src/presentation/cv/pages/cv.css
+++ b/src/presentation/cv/pages/cv.css
@@ -938,6 +938,146 @@
  background: rgba(255, 255, 255, 0.08);
 }

+.theme-dark .cv-modal-overlay {
+  background: rgba(3, 7, 18, 0.55);
+}
+
+.theme-dark .cv-modal {
+  background: rgba(17, 24, 39, 0.84);
+  border-color: rgba(255, 255, 255, 0.08);
+  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
+}
+
+.theme-dark .cv-modal-header,
+.theme-dark .cv-modal-footer {
+  background: rgba(255, 255, 255, 0.02);
+  border-color: rgba(255, 255, 255, 0.08);
+}
+
+.theme-dark .cv-modal-title-wrap h2 {
+  color: #f9fafb;
+}
+
+.theme-dark .cv-modal-icon-btn {
+  color: #9ca3af;
+}
+
+.theme-dark .cv-modal-icon-btn:hover {
+  background: rgba(255, 255, 255, 0.06);
+  color: #f9fafb;
+}
+
+.theme-dark .cv-wizard-menu-card {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: rgba(255, 255, 255, 0.08);
+}
+
+.theme-dark .cv-wizard-menu-card:hover {
+  background: rgba(255, 255, 255, 0.07);
+}
+
+.theme-dark .cv-wizard-menu-card strong {
+  color: #f3f4f6;
+}
+
+.theme-dark .cv-wizard-menu-card p,
+.theme-dark .cv-wizard-placeholder,
+.theme-dark .cv-upload-meta small {
+  color: #9ca3af;
+}
+
+.theme-dark .cv-field span {
+  color: #e5e7eb;
+}
+
+.theme-dark .cv-field input,
+.theme-dark .cv-field textarea,
+.theme-dark .cv-skill-search input,
+.theme-dark .cv-birthday-trigger {
+  background: rgba(255, 255, 255, 0.04);
+  border-color: rgba(255, 255, 255, 0.1);
+  color: #f3f4f6;
+}
+
+.theme-dark .cv-field input::placeholder,
+.theme-dark .cv-field textarea::placeholder,
+.theme-dark .cv-skill-search input::placeholder {
+  color: #6b7280;
+}
+
+.theme-dark .cv-field input:focus,
+.theme-dark .cv-field textarea:focus,
+.theme-dark .cv-skill-search input:focus {
+  background: rgba(255, 255, 255, 0.07);
+}
+
+.theme-dark .cv-upload-wrap {
+  background: rgba(255, 255, 255, 0.03);
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
+.theme-dark .cv-upload-preview {
+  background: rgba(255, 255, 255, 0.04);
+  border-color: rgba(255, 255, 255, 0.12);
+  color: #9ca3af;
+}
+
+.theme-dark .cv-upload-btn {
+  background: rgba(255, 255, 255, 0.06);
+  border-color: rgba(255, 255, 255, 0.14);
+  color: #f3f4f6;
+}
+
+.theme-dark .cv-upload-btn:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.theme-dark .cv-skill-pill {
+  background: rgba(20, 184, 166, 0.16);
+  border-color: rgba(45, 212, 191, 0.5);
+  color: #99f6e4;
+}
+
+.theme-dark .cv-skill-dropdown,
+.theme-dark .cv-birthday-popover {
+  background: rgba(17, 24, 39, 0.96);
+  border-color: rgba(255, 255, 255, 0.12);
+}
+
+.theme-dark .cv-skill-dropdown button,
+.theme-dark .cv-birthday-days button,
+.theme-dark .cv-birthday-header strong {
+  color: #f3f4f6;
+}
+
+.theme-dark .cv-skill-dropdown button:hover,
+.theme-dark .cv-birthday-days button:hover,
+.theme-dark .cv-birthday-header button:hover {
+  background: rgba(255, 255, 255, 0.08);
+}
+
+.theme-dark .cv-birthday-header button,
+.theme-dark .cv-birthday-weekdays span,
+.theme-dark .cv-birthday-empty,
+.theme-dark .cv-skill-empty,
+.theme-dark .cv-wizard-checkbox {
+  color: #9ca3af;
+}
+
+.theme-dark .cv-modal-cancel {
+  background: rgba(255, 255, 255, 0.04);
+  border-color: rgba(255, 255, 255, 0.12);
+  color: #f3f4f6;
+}
+
+.theme-dark .cv-modal-cancel:hover {
+  background: rgba(255, 255, 255, 0.08);
+}
+
+.theme-dark .cv-modal-save {
+  background: #0f766e;
+}
+
@media (max-width: 1200px) {
  .cv-layout {
    grid-template-columns: 1fr;