style: improve readability and visual contrast for career page Mermaid diagrams

2026-06-01 23:36:43 +03:00
parent 3235a700c9
commit fc2c99f0c2
1 changed files with 19 additions and 0 deletions
@@ -469,6 +469,25 @@
    padding-left: 2rem;
    position: relative;
  }
+
+  /* Mermaid diagram readability and aesthetics */
+  .mermaid .nodeLabel, 
+  .mermaid .node text,
+  .mermaid text,
+  .mermaid .node .label {
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.2) !important;
+  }
+
+  .mermaid .node.decisionNode .nodeLabel,
+  .mermaid .node.decisionNode text,
+  .mermaid .node.decisionNode .label {
+    text-shadow: none !important;
+    color: #1e293b !important;
+  }
+
+  .mermaid svg {
+    filter: drop-shadow(0px 10px 20px rgba(15, 23, 42, 0.05));
+  }
 </style>
@endpush