added light theme adaptation

Author: amaksimovv

docs/assets/icons/osa-dark.svg

@@ -273,6 +273,10 @@
   height: 28px;
 }
 
+.guide-card__icon--dark {
+  display: none;
+}
+
 .guide-card__title {
   color: #ffffff;
   font-size: 1.04rem;
@@ -290,6 +294,33 @@
   color: #ffffff;
 }
 
+[data-md-color-scheme="default"] .guide-card {
+  border-color: rgba(255, 61, 108, 0.45);
+  background: linear-gradient(160deg, rgba(255, 61, 108, 0.10), rgba(255, 61, 108, 0.04));
+}
+
+[data-md-color-scheme="default"] .guide-card__title,
+[data-md-color-scheme="default"] .guide-card--general .guide-card__title {
+  color: #2f3440;
+}
+
+[data-md-color-scheme="default"] .guide-card__text {
+  color: #4a4a4a;
+}
+
+[data-md-color-scheme="default"] .guide-card__icon--light {
+  display: none;
+}
+
+[data-md-color-scheme="default"] .guide-card__icon--dark {
+  display: inline-block;
+}
+
+[data-md-color-scheme="slate"] .guide-card__title,
+[data-md-color-scheme="slate"] .guide-card--general .guide-card__title {
+  color: #ffffff;
+}
+
 .version-tag {
     display: inline-flex;
     align-items: center;

docs/assets/icons/sca-dark.svg

@@ -16,31 +16,35 @@ Select a documentation section:
 
   <a class="guide-card" href="/osa/index.en">
     <div class="guide-card__head">
-      <img src="/assets/icons/osa.svg" alt="CodeScoring.OSA logo" />
+      <img class="guide-card__icon guide-card__icon--light" src="/assets/icons/osa.svg" alt="CodeScoring.OSA logo" />
+      <img class="guide-card__icon guide-card__icon--dark" src="/assets/icons/osa-dark.svg" alt="CodeScoring.OSA logo" />
       <span class="guide-card__title">CodeScoring.OSA</span>
     </div>
     <p class="guide-card__text">open source supply chain protection, policy enforcement, and component control.</p>
   </a>
 
   <a class="guide-card" href="/sca/index.en">
     <div class="guide-card__head">
-      <img src="/assets/icons/sca.svg" alt="CodeScoring.SCA logo" />
+      <img class="guide-card__icon guide-card__icon--light" src="/assets/icons/sca.svg" alt="CodeScoring.SCA logo" />
+      <img class="guide-card__icon guide-card__icon--dark" src="/assets/icons/sca-dark.svg" alt="CodeScoring.SCA logo" />
       <span class="guide-card__title">CodeScoring.SCA</span>
     </div>
     <p class="guide-card__text">Dependency composition analysis, vulnerabilities, licenses, reports, and SBOM.</p>
   </a>
 
   <a class="guide-card" href="/secrets/index.en">
     <div class="guide-card__head">
-      <img src="/assets/icons/secrets.svg" alt="CodeScoring.Secrets logo" />
+      <img class="guide-card__icon guide-card__icon--light" src="/assets/icons/secrets.svg" alt="CodeScoring.Secrets logo" />
+      <img class="guide-card__icon guide-card__icon--dark" src="/assets/icons/secrets-dark.svg" alt="CodeScoring.Secrets logo" />
       <span class="guide-card__title">CodeScoring.Secrets</span>
     </div>
     <p class="guide-card__text">Secret detection in source code, findings triage, and scanning setup scenarios.</p>
   </a>
 
   <a class="guide-card" href="/tqi/index.en">
     <div class="guide-card__head">
-      <img src="/assets/icons/tqi.svg" alt="CodeScoring.TQI logo" />
+      <img class="guide-card__icon guide-card__icon--light" src="/assets/icons/tqi.svg" alt="CodeScoring.TQI logo" />
+      <img class="guide-card__icon guide-card__icon--dark" src="/assets/icons/tqi-dark.svg" alt="CodeScoring.TQI logo" />
       <span class="guide-card__title">CodeScoring.TQI</span>
     </div>
     <p class="guide-card__text">Development quality analytics, technical debt metrics, author profiles, and clones.</p>